{"id":4818,"date":"2018-08-07T12:03:29","date_gmt":"2018-08-07T12:03:29","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=4818"},"modified":"2019-07-15T08:29:45","modified_gmt":"2019-07-15T08:29:45","slug":"how-to-integrate-infusion-soft-newsletter-company-in-amp-using-amp-optin-extension","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-integrate-infusion-soft-newsletter-company-in-amp-using-amp-optin-extension\/","title":{"rendered":"How to Integrate Infusion soft newsletter company in AMP using AMP optin Extension"},"content":{"rendered":"<p>If you want to add Infusionsoft form in AMP then first you need to purchase and install <a href=\"https:\/\/ampforwp.com\/opt-in-forms\/\">Opt-in Forms for AMP<\/a>\u00a0plugin.<\/p>\n<p>After installing you will find this option in\u00a0<strong>WordPress Dashboard<\/strong>\u00a0-&gt;\u00a0<strong>AMP optin<\/strong>\u00a0-&gt;\u00a0<strong>Add New optin<\/strong> -&gt; select \u201c <strong>Infusionsoft<\/strong> &#8221; option -&gt; now you need four things \u2013 Form Name, Form URL, Form ID, Infusionsoft version.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12500\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1.png\" alt=\"\" width=\"1048\" height=\"606\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1.png 1048w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1-300x173.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1-768x444.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1-1024x592.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1-60x35.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-1-100x58.png 100w\" sizes=\"(max-width: 1048px) 100vw, 1048px\" \/><\/a><\/p>\n<p><strong>Follow the simple steps to get all this ID\u2019s from Infusionsoft Account.<\/strong><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 1:\u00a0<\/mark><\/strong>First of all Signup\/login at <a href=\"https:\/\/signin.infusionsoft.com\/login\">Infusionsoft<\/a>.<\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 2:<\/mark><\/strong> After Signup\/login Infusionsoft clicks on the Marketing -&gt; Compaign Builder -&gt;Create my own capaign.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12516\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1.png\" alt=\"\" width=\"1366\" height=\"655\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1.png 1366w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1-300x144.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1-768x368.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1-1024x491.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/1-1-100x48.png 100w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 3: <\/mark><\/strong>Click and drag a web form\u00a0<span class=\"ko-glossary-term\" title=\"\" data-toggle=\"popover\" data-content=\"Objects on the campaign builder that signify a milestone in a campaign. When a goal (web form being submitted) has been completed, any automation prior to the goal stops and any automation following the goal begins.\" data-original-title=\"\">goal<\/span>\u00a0onto the campaign\u00a0<span class=\"ko-glossary-term\" title=\"\" data-toggle=\"popover\" data-content=\"The workspace you use to build a campaign in the Campaign Builder\" data-original-title=\"\">canvas<\/span>.<\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dii\" src=\"https:\/\/dyzz9obi78pm5.cloudfront.net\/app\/image\/id\/5c12d6ac8e121c2f1dba6bc6\/n\/pu24.png\" \/><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 4:<\/mark><\/strong> Type the Goal Name where the text is highlighted<strong>. Now, double-click the goal to configure the web form.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dii\" src=\"https:\/\/dyzz9obi78pm5.cloudfront.net\/app\/image\/id\/5c12d7d8ad121cff3eaa9973\/n\/pu25.png\" \/><br \/>\n<strong><mark style=\"background-color: yellow;\">Step 5:<\/mark><\/strong> Once you double-click the goal to configure the web form design section will open in which form will be displayed<\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib img-responsive fr-fil\" src=\"https:\/\/dyzz9obi78pm5.cloudfront.net\/app\/image\/id\/5c12e4448e121cb226ba6bb2\/n\/pu31.png\" \/><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 6:<\/mark><\/strong> Now Click on the Code section and then select HTML Code (unstyled) option and copy the below code.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12521\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1.png\" alt=\"\" width=\"1366\" height=\"644\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1.png 1366w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1-300x141.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1-768x362.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1-1024x483.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-1-100x47.png 100w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 7:<\/mark><\/strong> Paste this code in Notepad and select the Form Name, Form URL, Form ID and infusionsoft_version and then paste all those data in respective AMP Opt-in settings input boxes.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12525\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1.png\" alt=\"\" width=\"1415\" height=\"517\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1.png 1415w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1-300x110.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1-768x281.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1-1024x374.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/3-1-100x37.png 100w\" sizes=\"(max-width: 1415px) 100vw, 1415px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 8:<\/mark> <\/strong>Now select Infusionsoft from the Drop down and enter the Form Name,Form URL, Form ID and Infusionsoft and copy the shortcode and place where you want to display the Infusionsoft Form.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12507\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2.png\" alt=\"\" width=\"1351\" height=\"607\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2.png 1351w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2-300x135.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2-768x345.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2-1024x460.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/opt-2-100x45.png 100w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/a><\/p>\n<h4 id=\"the-output-of-the-mailerlite-form-in-amp\">The Output of the Infusionsoft form in AMP<\/h4>\n<p>Make sure you need to fill this form and then click on the submit button after that you will get the \u201c<strong>Subscription successful<\/strong>\u201d message.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"498\" class=\"wp-image-12263\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-1024x498.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-768x373.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-4.png 1350w\" alt=\"\" \/><\/figure>\n<h4>To make it easy, we have created a video tutorial on Infusionsoft that you can watch below.<\/h4>\n<div style=\"width: 643px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-4818-1\" width=\"643\" height=\"346\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/Infusionsoft-optin-1-1.mp4?_=1\" \/><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/Infusionsoft-optin-1-1.mp4\">https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/Infusionsoft-optin-1-1.mp4<\/a><\/video><\/div>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If you want to add Infusionsoft form in AMP then first you need to purchase and install Opt-in Forms for AMP\u00a0plugin. After installing you will find this option in\u00a0WordPress Dashboard\u00a0-&gt;\u00a0AMP optin\u00a0-&gt;\u00a0Add New optin -&gt; select \u201c Infusionsoft &#8221; option -&gt; now you need four things \u2013 Form Name, Form URL,&#8230;<\/p>\n","protected":false},"author":15,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[29],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4818"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=4818"}],"version-history":[{"count":23,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4818\/revisions"}],"predecessor-version":[{"id":12533,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4818\/revisions\/12533"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=4818"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=4818"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=4818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}