{"id":10748,"date":"2019-06-06T07:58:44","date_gmt":"2019-06-06T07:58:44","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=10748"},"modified":"2019-06-06T08:05:51","modified_gmt":"2019-06-06T08:05:51","slug":"how-to-use-shortcodes-ultimate-with-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-use-shortcodes-ultimate-with-amp\/","title":{"rendered":"How to use Shortcodes Ultimate with AMP"},"content":{"rendered":"\n

If you are using Shortcodes Ultimate<\/a> Plugin for Non-AMP and you want Shortcodes Ultimate in AMP then you need to purchase Shortcodes Ultimate for AMP<\/a> extension and install. <\/p>\n\n\n\n

Shortcodes Ultimate<\/strong>\u00a0is a comprehensive collection of various visual and functional elements, which you can use in the post editor, text widgets or even in template files. Using\u00a0Shortcodes Ultimate<\/strong>\u00a0you can easily create tabs, buttons, boxes, sliders and carousels, responsive videos and much, much more. <\/p>\n\n\n\n

This extension allows you to implement shortcodes functionality to your AMP. It automatically adapts your existing shortcodes and gives the proper styling and valid output of shortcodes for AMP version.<\/p>\n\n\n\n

How to add Shortcodes Ultimate for AMP in Post\/Page<\/h3>\n\n\n\n

Step 1:<\/mark><\/strong> Create new Post \/Page and in this posts, Add Form option will be shown.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 2:<\/mark><\/strong> Once you click on Insert Shortcode option this popup messages will be shown. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3:<\/mark><\/strong> You need to select the shortcode and click on the “Insert Shortcode” button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4:<\/mark><\/strong> Shortcode will appear on the post.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 5:<\/mark><\/strong> Click on update button see the output on the browser.<\/p>\n\n\n\n

The output of Shortcodes Ultimate in AMP\u00a0<\/strong><\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n\n\n\n

<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
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