{"id":167739,"date":"2022-01-25T17:32:37","date_gmt":"2022-01-25T22:32:37","guid":{"rendered":"https:\/\/optinmonster.com\/?p=167739&#038;post_type=optinmonster_docs&#038;preview_id=167739"},"modified":"2025-07-31T13:15:46","modified_gmt":"2025-07-31T17:15:46","slug":"how-to-integrate-optinmonster-with-clickfunnels","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-integrate-optinmonster-with-clickfunnels\/","title":{"rendered":"How to Integrate OptinMonster with ClickFunnels"},"content":{"rendered":"\n<p>OptinMonster makes it easy to connect with your ClickFunnels funnel to capture leads.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to integrate OptinMonster with your ClickFunnels funnels.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Embed Popup Campaign<\/h2>\n\n\n\n<p>To show a <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-lightbox-popup-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Lightbox<\/a>, <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-full-screen-welcome-gate-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Fullscreen<\/a>, <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-floating-bar-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Floating Bar<\/a>, or <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-slide-in-scroll-box-optin-form\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Slide-in<\/a> type campaign on your funnel, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the OptinMonster campaign builder, navigate to the&nbsp;<strong>Publish<\/strong> view and copy the Global Embed code.<br><img decoding=\"async\" width=\"620\" height=\"342\" class=\"alignnone size-full wp-image-151149\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/publish-screen-copy-embed-code.jpg\" alt=\"Copy the embed code for your OptinMonster campaign from the Publish screen of the campaign builder.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/publish-screen-copy-embed-code.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/publish-screen-copy-embed-code-300x165.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n\n\n\n<li>Next, while editing your ClickFunnels funnel, from the <strong>SETTINGS<\/strong> menu select <strong>TRACKING CODE<\/strong>.<br><img decoding=\"async\" width=\"800\" height=\"624\" class=\"alignnone size-full wp-image-167745\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-tracking-code.jpg\" alt=\"Select the Tracking Code option from the Settings menu when editing your ClickFunnels funnel to add OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-tracking-code.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-tracking-code-300x234.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-tracking-code-768x599.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Locate the <strong>FOOTER CODE&nbsp;<\/strong>tab in the popup modal that appears, and paste the OptinMonster embed code into the provided field.<br><img decoding=\"async\" width=\"800\" height=\"548\" class=\"alignnone size-full wp-image-167743\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-footer-code.jpg\" alt=\"Add the OptinMonster embed code to the footer code section of your ClickFunnels funnel.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-footer-code.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-footer-code-300x206.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-footer-code-768x526.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Exit the modal.<\/li>\n\n\n\n<li>When you&#8217;re finished, <strong>Save<\/strong> the funnel.<br><img decoding=\"async\" width=\"800\" height=\"442\" class=\"alignnone size-full wp-image-167744\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-save.jpg\" alt=\"Save the funnel to finish connecting OptinMonster with ClickFunnels.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-save.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-save-300x166.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/01\/clickfunnels-save-768x424.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Embed Inline Campaign<\/h2>\n\n\n\n<p>When adding an <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-an-after-post-or-in-line-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Inline campaign<\/a> you will need to place the embed code on the specific page within the content where it should visually appear.<\/p>\n\n\n\n<p>To add the embed code for an Inline campaign to your funnel, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the OptinMonster campaign builder, navigate to the&nbsp;<strong>Publish<\/strong> view and copy the Campaign Embed code.<br><img decoding=\"async\" width=\"620\" height=\"342\" class=\"alignnone size-full wp-image-151149\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/publish-screen-copy-embed-code.jpg\" alt=\"Copy the embed code for your OptinMonster campaign from the Publish screen of the campaign builder.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/publish-screen-copy-embed-code.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/publish-screen-copy-embed-code-300x165.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/li>\n\n\n\n<li>Next, log into your ClickFunnels site and <a href=\"https:\/\/help.clickfunnels.com\/hc\/en-us\/articles\/360006054693-Adding-A-Custom-JS-HTML-Element-To-Your-Funnel-Page\" target=\"_blank\" rel=\"nofollow noopener\">follow the ClickFunnels guide to adding a Custom JS\/HTML Element<\/a>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Troubleshooting<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">What domain do I enter when creating my OptinMonster campaigns?<\/h5>\n\n\n\n<p>When creating your Campaign you can add the domain&nbsp;<code>*.clickfunnels.com<\/code>&nbsp;for your campaign to load on. This will allow you to view the campaign when previewing your site.<\/p>\n\n\n\n<div class=\"alert-box alert-blue\">\n<p class=\"alert-box-title\"><\/p>\n\n\n\n<p>If your site uses a custom domain, you\u2019ll need to also add the domain that appears in the address bar when you view your website.<br><br>If you haven\u2019t registered the domain you want to use in your OptinMonster account yet, you can add the site through the <strong>Publish<\/strong>&nbsp;screen in the campaign builder, or through the&nbsp;<strong>Account &gt; Sites<\/strong>&nbsp;screen. Learn more about&nbsp;<a href=\"https:\/\/optinmonster.com\/docs\/how-to-add-edit-or-delete-a-website-in-optinmonster\/\" target=\"_blank\" rel=\"noopener\" title=\"\">how to register your domain in OptinMonster<\/a>.<br><br>In the&nbsp;<strong>Publish<\/strong>&nbsp;view of the campaign builder, be sure the domain is listed under the&nbsp;<strong>Websites<\/strong>&nbsp;section. Click&nbsp;<strong>Add a website<\/strong>&nbsp;if your domain isn\u2019t already assigned to the campaign to select and add it. <img decoding=\"async\" width=\"850\" height=\"653\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/09\/5f6cf6500e9be381063831.gif\" alt=\"Add site to the Publish screen for your OptinMonster campaign.\"><br><br>When you\u2019re finished, click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"is-style-arrow-link has-link-color\"><\/p>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to connect with your ClickFunnels funnel to capture leads. In this article, you&#8217;ll learn how to integrate OptinMonster with your ClickFunnels funnels. Embed Popup Campaign To show a Lightbox, Fullscreen, Floating Bar, or Slide-in type campaign on your funnel, follow these steps: Embed Inline Campaign When adding an Inline campaign you&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-167739","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-platforms"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/167739","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=167739"}],"version-history":[{"count":10,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/167739\/revisions"}],"predecessor-version":[{"id":205889,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/167739\/revisions\/205889"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=167739"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=167739"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=167739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}