{"id":255,"date":"2017-04-17T14:51:52","date_gmt":"2017-04-17T14:51:52","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=255"},"modified":"2021-04-15T07:57:16","modified_gmt":"2021-04-15T07:57:16","slug":"how-to-add-call-to-action-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-call-to-action-in-amp\/","title":{"rendered":"How to add Call To Action in AMP"},"content":{"rendered":"

Call To Action <\/strong>(CTA<\/strong>) is a very important feature, with which you can make your visitors aware of your Product\/Website.<\/p>\n

To use Call To Action in AMP, we have a developed a plugin extension named AMP CTA. You can get that from here >\u00a0Get AMP CTA<\/a><\/p>\n

AMP CTA lets you add Call To Action feature in AMP. With Call To Action, you can encourage users to take some Action on your website. You can Add some Actionable phrases such as\u00a0 “find out more” or “visit a store today” with links. With AMP CTA you can make more conversions through mobile visitors.<\/p>\n

Let’s get started to know,\u00a0How to add Call to Action in AMP<\/p>\n

How to add Call To Action in AMP<\/h2>\n

After Installing & Activating AMP CTA plugin extension, follow the below steps.<\/p>\n

In the\u00a0AMP CTA<\/strong> Extension, there are three types of CTA buttons you can Add.<\/p>\n

    \n
  1. CTA BOX<\/a><\/li>\n
  2. CTA BAR<\/a><\/li>\n
  3. Contact Bar<\/a><\/li>\n<\/ol>\n
    \"Introduction<\/a>
    Introduction to AMP CTA<\/figcaption><\/figure>\n

    Let’s see, How CTA works in AMP.
    \n    <\/a><\/p>\n

    1.CTA BOX<\/mark><\/h3>\n

    CTA BOX:<\/strong> Which goes between the content. It can be delivered with the shortcode manually and automatically. This is how it looks.<\/p>\n

    \"AMP<\/a>
    AMP CTA Box Demo<\/figcaption><\/figure>\n

    Let’s see how can we create this!\u00a0<\/em><\/p>\n

    After Installing & Activating AMP CTA, you can see AMP CTA Box<\/strong> in your WordPress Dashboard Create New CTA Box.<\/p>\n

    \"\"<\/figure>\n

    Click on Add New CTA Box<\/strong><\/p>\n

    \"\"<\/figure>\n

    Add New CTA Box Steps<\/p>\n

      \n
    1. Here CTA TITLE\u00a0<\/strong>represents the title of your Call To Action button. It can be anything of your choice.<\/li>\n
    2. CTA Description<\/strong> is what you want to tell users. It can also be anything of your choice.<\/li>\n
    3. Button Title<\/strong> will be the Text which you want to show on Call To Action Button. Some examples of Button Titles are, \u00a0‘Learn More’, ‘Read More’, ‘Buy Now’, ‘Subscribe’ and can be anything of your choice.<\/li>\n
    4. URL<\/strong> is the destination where you want to take your visitors. It may be a product page, a landing page, a subscription page or other.<\/li>\n
    5. AMP CTA Comes with Shortcode<\/strong>, with which you can use the same Call To Action Box where ever you want<\/li>\n
    6. When you are finally done with designing Call To Action Box, you can Publish<\/strong> it and start using.<\/li>\n<\/ol>\n

      The Output of the CTA Box in AMP<\/strong><\/h4>\n
      \"\"<\/figure>\n

      The positioning of your CTA<\/h3>\n

      You will find this option in\u00a0WordPress Dashboard<\/strong>\u00a0-> Navigate to\u00a0AMP option panel\u00a0<\/strong>->\u00a0AMP CTA<\/strong><\/p>\n

      \"\"<\/figure>\n
        \n
      1. If you want to show CTA Box in Content, First of All, Turn ON\u00a0” Automatically Show CTA Box in Content “<\/strong><\/li>\n
      2. Select a CTA to display from the\u00a0Drop Down.<\/strong><\/li>\n
      3. Turning ON CTA\u00a0Above Content,\u00a0<\/strong>Make your\u00a0CTA BOX\u00a0<\/strong>Appear above the Content.<\/li>\n
      4. Turning ON\u00a0Between the 50% Content,\u00a0<\/strong>Make your\u00a0CTA BOX\u00a0<\/strong>Appear Between half of your content.<\/li>\n
      5. Turning ON CTA Below Content,\u00a0<\/strong>Make your\u00a0CTA BOX\u00a0<\/strong>Appear Below the Content.<\/li>\n<\/ol>\n

        Show Modal CTA<\/h3>\n