{"id":4661,"date":"2018-05-22T06:28:33","date_gmt":"2018-05-22T06:28:33","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=4661"},"modified":"2019-07-11T13:26:28","modified_gmt":"2019-07-11T13:26:28","slug":"how-to-implement-the-otraport-opt-in-form-in-amp-opt-in-form-extension","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-implement-the-otraport-opt-in-form-in-amp-opt-in-form-extension\/","title":{"rendered":"How to implement the Ontraport opt-in form in AMP Opt-in Form"},"content":{"rendered":"<header class=\"hkb-article__header\">If you want to add Ontraport 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>&nbsp;plugin.<\/p>\n<p>After installing you will find this option in&nbsp;<strong>WordPress Dashboard<\/strong>&nbsp;-&gt;&nbsp;<strong>AMP optin<\/strong>&nbsp;-&gt;&nbsp;<strong>Add New optin<\/strong> -&gt; select \u201c<strong>Ontraport<\/strong>\u201d option -&gt; now you need UID and&nbsp; Mopsbbk.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10335\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333.png\" alt=\"\" width=\"1044\" height=\"442\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333.png 1044w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333-300x127.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333-768x325.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333-1024x434.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-333-100x42.png 100w\" sizes=\"(max-width: 1044px) 100vw, 1044px\" \/><\/a><\/p>\n<p><strong>Follow the simple steps to get all this ID\u2019s from SG Autorepondeur Account.<\/strong><\/p>\n<p><strong><mark><mark style=\"background-color: yellow;\"><br \/>\nStep 1:<\/mark>&nbsp;<\/mark><\/strong>First of all Signup\/login at <a href=\"https:\/\/app.ontraport.com\/login.php\">Ontraport<\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\"><br \/>\nStep 2:<\/mark> <\/strong>After this, we have to add the hidden values of the form, we can find this value in the HTML form which we created the form from the Ontraport.<\/p>\n<\/header>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10336\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111.png\" alt=\"\" width=\"929\" height=\"433\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111.png 929w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111-768x358.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/optin-111-100x47.png 100w\" sizes=\"(max-width: 929px) 100vw, 929px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\"><br \/>\nStep 3:<\/mark><\/strong> Now select Ontraport option and enter the UID and Monpsbbk and copy the shortcode and place where you want to display the Ontraport Form.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12345\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22.png\" alt=\"\" width=\"1354\" height=\"462\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22.png 1354w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22-300x102.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22-768x262.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22-1024x349.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/22-100x34.png 100w\" sizes=\"(max-width: 1354px) 100vw, 1354px\" \/><\/a><\/p>\n<h4>The Output of Ontraport 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<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12287\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3.png\" alt=\"\" width=\"1350\" height=\"656\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3.png 1350w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-300x146.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-768x373.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-1024x498.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/3-100x49.png 100w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\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 Ontraport form in AMP then first you need to purchase and install Opt-in Forms for AMP&nbsp;plugin. After installing you will find this option in&nbsp;WordPress Dashboard&nbsp;-&gt;&nbsp;AMP optin&nbsp;-&gt;&nbsp;Add New optin -&gt; select \u201cOntraport\u201d option -&gt; now you need UID and&nbsp; Mopsbbk. Follow the simple steps to get&#8230;<\/p>\n","protected":false},"author":13,"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\/4661"}],"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\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=4661"}],"version-history":[{"count":11,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4661\/revisions"}],"predecessor-version":[{"id":12348,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4661\/revisions\/12348"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=4661"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=4661"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=4661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}