{"id":4645,"date":"2018-05-17T11:05:37","date_gmt":"2018-05-17T11:05:37","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=4645"},"modified":"2019-07-15T13:06:16","modified_gmt":"2019-07-15T13:06:16","slug":"how-to-create-sharpspring-form-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-create-sharpspring-form-in-amp\/","title":{"rendered":"How to Create Sharpspring form in AMP"},"content":{"rendered":"<header>If you want to add Sharpspring 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>Sharpspring<\/strong> \u201d option -&gt; now you need Form URL.<\/p>\n<\/header>\n<header><\/header>\n<header><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12339\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21.png\" alt=\"\" width=\"1044\" height=\"521\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21.png 1044w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21-300x150.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21-768x383.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21-1024x511.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21-60x30.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/21-100x50.png 100w\" sizes=\"(max-width: 1044px) 100vw, 1044px\" \/><\/a><br \/>\n<strong>Follow the simple steps to get all this ID\u2019s from Sharpspring Account.<\/strong><\/p>\n<\/header>\n<header class=\"hkb-article__header\"><strong><mark style=\"background-color: yellow;\"><br \/>\nStep 1:<\/mark> <\/strong>First of all Login\/SignUp at\u00a0<a href=\"https:\/\/sharpspring.com\/\">Sharpspring<\/a>.<\/header>\n<div class=\"hkb-article__content\">\n<p><strong><mark style=\"background-color: yellow;\"><br \/>\nStep 2:<\/mark>\u00a0<\/strong>Go to the bottom of that specific form and copy the form URL and Paste this form URL in AMP Opt-in form.<\/p>\n<p><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-4647 alignnone\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1-300x154.jpg\" alt=\"\" width=\"674\" height=\"346\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1-300x154.jpg 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1-768x394.jpg 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1-1024x525.jpg 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1-50x26.jpg 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1-60x31.jpg 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1-100x51.jpg 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/ss1.jpg 1600w\" sizes=\"(max-width: 674px) 100vw, 674px\" \/><\/a><\/strong><\/p>\n<p><strong><mark style=\"background-color: yellow;\"><br \/>\nStep 3:<\/mark>\u00a0<\/strong>Create a new AMP Opt-in<\/p>\n<figure id=\"attachment_299\" class=\"wp-caption alignnone\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin.png\" data-slb-active=\"1\" data-slb-asset=\"2085608312\" data-slb-internal=\"0\" data-slb-group=\"339\"><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\" sizes=\"(max-width: 504px) 100vw, 504px\" 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\" alt=\"Add New Optin\" width=\"504\" height=\"505\" \/><\/a><figcaption class=\"wp-caption-text\">Add New Optin<\/figcaption><\/figure>\n<p><strong><mark style=\"background-color: yellow;\"><br \/>\nStep 4:<\/mark> <\/strong>Now<strong> s<\/strong>elect Sharpspring from Dropdown and add the link which we have copied place where you want to display the Sharpspring Form.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12605\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3.png\" alt=\"\" width=\"1351\" height=\"552\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3.png 1351w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3-300x123.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3-768x314.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3-1024x418.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/a-3-100x41.png 100w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/a><strong><mark style=\"background-color: yellow;\">Step 5:<\/mark> <\/strong>Enter the headline, description and some extra text will the help of an editor<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10328\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2.png\" alt=\"\" width=\"1036\" height=\"554\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2.png 1036w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2-300x160.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2-768x411.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2-1024x548.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2-50x27.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-2-100x53.png 100w\" sizes=\"(max-width: 1036px) 100vw, 1036px\" \/><\/a><\/p>\n<p>Done: Now you can use that shortcode for displaying on your website\u00a0And you can also use the position option for displaying the AMP optin without manually adding the shortcode<\/p>\n<p><strong><mark style=\"background-color: yellow;\"><br \/>\nStep 6:<\/mark> <\/strong>Go to the\u00a0<strong>WordPress Admin Area\u00a0<\/strong>-&gt;<strong>\u00a0AMP option panel<\/strong>-&gt; A<strong>MP optin\u00a0<\/strong>-&gt; Postion select the required opt-in.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10330\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3.png\" alt=\"\" width=\"1313\" height=\"595\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3.png 1313w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3-300x136.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3-768x348.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3-1024x464.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/05\/sharp-spring-3-100x45.png 100w\" sizes=\"(max-width: 1313px) 100vw, 1313px\" \/><\/a><\/p>\n<\/div>\n<div class=\"hkb-article__content\">\n<h4>The Output of the Sharpspring 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>\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 Sharpspring 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 Sharpspring \u201d option -&gt; now you need Form URL. Follow the simple steps to&#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\/4645"}],"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=4645"}],"version-history":[{"count":15,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4645\/revisions"}],"predecessor-version":[{"id":12606,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4645\/revisions\/12606"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=4645"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=4645"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=4645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}