{"id":4278,"date":"2017-11-21T10:26:47","date_gmt":"2017-11-21T10:26:47","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=4278"},"modified":"2019-07-11T11:56:02","modified_gmt":"2019-07-11T11:56:02","slug":"create-benchmark-optin-form-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/create-benchmark-optin-form-amp\/","title":{"rendered":"How to create a Benchmark optin form in AMP"},"content":{"rendered":"<p>If you want to add Benchmark 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>Benchmark<\/strong> \u201d option -&gt; now you need Form Name and Token.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12311\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17.png\" alt=\"\" width=\"1047\" height=\"620\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17.png 1047w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17-300x178.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17-768x455.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17-1024x606.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17-50x30.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17-60x36.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/17-100x59.png 100w\" sizes=\"(max-width: 1047px) 100vw, 1047px\" \/><\/a><\/p>\n<p><strong>Follow the simple steps to get all this Form Name and Token from Benchmark Account.<\/strong><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 1:<\/mark> <\/strong>First of all <a href=\"https:\/\/ui.benchmarkemail.com\/Emails\/Dashboard?from=login\" target=\"_blank\" rel=\"noopener noreferrer\">Login\/SignUp<\/a> at Benchmark than in the dashboard tab, select the Email Tools &gt; Sign up Forms.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-4280 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50.jpg\" alt=\"\" width=\"1242\" height=\"629\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50.jpg 1242w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50-300x152.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50-768x389.jpg 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50-1024x519.jpg 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50-50x25.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50-60x30.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/benchark.png-E2808E-Photos-2017-10-06-19.50.50-100x51.jpg 100w\" sizes=\"(max-width: 1242px) 100vw, 1242px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 2:<\/mark>&nbsp;<\/strong>Then create New Signup Forms, After creating the form, when you click the &#8216;save&amp;publish&#8217; button you will get the Javascript code, please select the HTML code. We need to get values from HTML code because, in AMP, Scripts are not allowed.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-4281 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06.jpg\" alt=\"\" width=\"1365\" height=\"671\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06.jpg 1365w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06-300x147.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06-768x378.jpg 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06-1024x503.jpg 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06-50x25.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06-60x29.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Benchmark-Email-_-Signup-Forms-Google-Chrome-2017-10-06-19.53.06-100x49.jpg 100w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-4282 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21.jpg\" alt=\"\" width=\"1365\" height=\"700\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21.jpg 1365w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21-300x154.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21-768x394.jpg 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21-1024x525.jpg 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21-50x26.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21-60x31.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/Signup-Forms-Google-Chrome-2017-10-06-19.54.21-100x51.jpg 100w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 3:<\/mark>&nbsp;<\/strong>Please copy the HTML markup in notepad or somewhere, It will very easy to find out the values. Then search the tag in the &lt;form&gt; called as name=&#8221; &#8221; and copy the name value and paste it into the Form name option.&nbsp;And for the Token, Search for value Token and then copy the value and paste it into the Token option.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-4283 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02.jpg\" alt=\"\" width=\"1242\" height=\"553\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02.jpg 1242w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02-300x134.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02-768x342.jpg 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02-1024x456.jpg 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02-50x22.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02-60x27.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.00.02-100x45.jpg 100w\" sizes=\"(max-width: 1242px) 100vw, 1242px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-4284 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05.jpg\" alt=\"\" width=\"1237\" height=\"560\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05.jpg 1237w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05-300x136.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05-768x348.jpg 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05-1024x464.jpg 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05-50x23.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05-60x27.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/New-Text-Document-Notepad-2017-10-06-20.03.05-100x45.jpg 100w\" sizes=\"(max-width: 1237px) 100vw, 1237px\" \/><\/a><\/p>\n<p><strong><mark style=\"background-color: yellow;\">Step 4:<\/mark>&nbsp;<\/strong>Create a new AMP Opt-in<\/p>\n<figure id=\"attachment_299\" aria-describedby=\"caption-attachment-299\" style=\"width: 504px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-299\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png\" alt=\"Add New Optin\" width=\"504\" height=\"505\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png 504w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin-150x150.png 150w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin-300x300.png 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><\/a><figcaption id=\"caption-attachment-299\" class=\"wp-caption-text\">Add New Optin<\/figcaption><\/figure>\n<p><strong><mark style=\"background-color: yellow;\">Step 5:<\/mark> <\/strong>Now select Benchmark from the Dropdown and paste the &#8220;Form Name&#8221; &amp; &#8220;Token&#8221; which we have copied and place where you want to display the Benchmark Form.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12314\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18.png\" alt=\"\" width=\"1352\" height=\"623\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18.png 1352w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18-768x354.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18-1024x472.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/11\/18-100x46.png 100w\" sizes=\"(max-width: 1352px) 100vw, 1352px\" \/><\/a><\/p>\n<h4 style=\"text-align: left;\">The Output of the Benchmark 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><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><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 Benchmark 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 \u201c Benchmark \u201d option -&gt; now you need Form Name and Token. Follow the simple&#8230;<\/p>\n","protected":false},"author":6,"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\/4278"}],"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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=4278"}],"version-history":[{"count":7,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4278\/revisions"}],"predecessor-version":[{"id":12316,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4278\/revisions\/12316"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=4278"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=4278"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=4278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}