{"id":87766,"date":"2020-08-07T16:10:19","date_gmt":"2020-08-07T20:10:19","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=87766"},"modified":"2025-08-14T13:46:42","modified_gmt":"2025-08-14T17:46:42","slug":"how-to-integrate-optinmonster-with-an-html-site","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-integrate-optinmonster-with-an-html-site\/","title":{"rendered":"How to Integrate OptinMonster with an HTML Site"},"content":{"rendered":"\n<p>OptinMonster can work with any website, including HTML websites.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to add OptinMonster to your HTML site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Start<\/h2>\n\n\n\n<p>Here are some things to know before you begin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This article assumes that you&#8217;ve already created at least one campaign.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Embed OptinMonster<\/h2>\n\n\n\n<p>After you\u2019ve&nbsp;<a href=\"https:\/\/optinmonster.com\/docs\/creating-your-first-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">created a campaign<\/a> in OptinMonster, you\u2019ll want to embed it on your HTML site.<\/p>\n\n\n\n<p>To add OptinMonster to your HTML site, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the campaign builder, navigate to the&nbsp;<strong>Publish&nbsp;<\/strong>tab and copy the account-wide or campaign-specific embed code.<br><img decoding=\"async\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/06\/campaign-builder-embed-code.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/06\/campaign-builder-embed-code-300x178.jpg 300w\" width=\"620\" height=\"367\" class=\"alignnone size-full wp-image-145804\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/06\/campaign-builder-embed-code.jpg\" alt=\"Copy embed code for OptinMonster campaign.\"><\/li>\n\n\n\n<li>Next, open a page file of your HTML site where you would like to add OptinMonster and paste the embed code before the <code>&lt;\/body&gt;<\/code> tag.<br><a href=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2015\/05\/saas-html-embed-code.jpg\"><img decoding=\"async\" width=\"640\" height=\"322\" class=\"alignnone size-large wp-image-87768\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2015\/05\/saas-html-embed-code-1024x515.jpg\" alt=\"You can paste the embed code into your HTML file near the closing body tag.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2015\/05\/saas-html-embed-code-1024x515.jpg 1024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2015\/05\/saas-html-embed-code-300x151.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/li>\n<\/ol>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster can work with any website, including HTML websites. In this article, you&#8217;ll learn how to add OptinMonster to your HTML site. Before You Start Here are some things to know before you begin: Embed OptinMonster After you\u2019ve&nbsp;created a campaign in OptinMonster, you\u2019ll want to embed it on your HTML site. To add OptinMonster to&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[210],"documentation\/tags":[31399,31430,31411,31418],"class_list":["post-87766","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-platforms"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/87766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=87766"}],"version-history":[{"count":10,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/87766\/revisions"}],"predecessor-version":[{"id":198041,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/87766\/revisions\/198041"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=87766"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=87766"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=87766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}