{"id":332,"date":"2017-05-11T08:31:12","date_gmt":"2017-05-11T08:31:12","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=332"},"modified":"2019-07-11T11:06:03","modified_gmt":"2019-07-11T11:06:03","slug":"convertkit-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/convertkit-in-amp\/","title":{"rendered":"How to create ConvertKit form in AMP"},"content":{"rendered":"<p>If you want to add ConvertKit 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>ConvertKit<\/strong>&nbsp;\u201d option -&gt; now you need Form ID.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12290\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11.png\" alt=\"\" width=\"1049\" height=\"400\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11.png 1049w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11-300x114.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11-768x293.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11-1024x390.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/11-100x38.png 100w\" sizes=\"(max-width: 1049px) 100vw, 1049px\" \/><\/a><\/p>\n<p><strong>Follow the simple steps to get all this ID\u2019s from ConvertKit&nbsp; Account.<\/strong><\/p>\n<p><span style=\"color: #000000;\"><strong><mark style=\"background-color: yellow;\">Step 1:<\/mark> <\/strong><\/span>First of all Signup\/login at <a href=\"https:\/\/convertkit.com\">ConvertKit<\/a><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6895\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform.png\" alt=\"\" width=\"1350\" height=\"611\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform.png 1350w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform-300x136.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform-768x348.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform-1024x463.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/createform-100x45.png 100w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><\/a><\/p>\n<p><span style=\"color: #000000;\"><strong><mark style=\"background-color: yellow;\">Step 2:<\/mark><\/strong><\/span> After creating and styling the form, Go to Embed and copy the ID as shown in below image<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6906\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1.png\" alt=\"\" width=\"1273\" height=\"453\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1.png 1273w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1-300x107.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1-768x273.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1-1024x364.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1-60x21.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/convertkitfor-id-1-100x36.png 100w\" sizes=\"(max-width: 1273px) 100vw, 1273px\" \/><\/a><\/p>\n<p><span style=\"color: #000000;\"><strong><mark style=\"background-color: yellow;\">Step 3:<\/mark><\/strong><\/span> Now create a new AMP Opt-in<\/p>\n<figure id=\"attachment_299\" aria-describedby=\"caption-attachment-299\" style=\"width: 300px\" 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-medium wp-image-299\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin-300x300.png\" alt=\"Add New Optin\" width=\"300\" height=\"300\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/04\/Add-New-Optin-300x300.png 300w, 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.png 504w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-299\" class=\"wp-caption-text\">Add New Optin<\/figcaption><\/figure>\n<p><span style=\"color: #000000;\"><strong><mark style=\"background-color: yellow;\">Step 4:<\/mark><\/strong><\/span> Now select ConvertKit from the Dropdown and enters the form ID and copy the shortcode and place where you want to display the ConvertKit Form.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12295\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12.png\" alt=\"\" width=\"1351\" height=\"410\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12.png 1351w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12-300x91.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12-768x233.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12-1024x311.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12-50x15.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12-60x18.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/12-100x30.png 100w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/a><\/p>\n<h4>The Output of the <strong>ConvertKit form in AMP<\/strong><\/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<h4>For more detail See this Video h<strong>ow to Create ConvertKit form.<\/strong><\/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-332-1\" width=\"643\" height=\"264\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/Recording-5.mp4?_=1\" \/><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/Recording-5.mp4\">https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/05\/Recording-5.mp4<\/a><\/video><\/div>\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 ConvertKit 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 ConvertKit&nbsp;\u201d option -&gt; now you need Form ID. Follow the simple steps to get&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[29],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/332"}],"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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=332"}],"version-history":[{"count":18,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/332\/revisions"}],"predecessor-version":[{"id":12298,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/332\/revisions\/12298"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=332"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=332"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}