Clicky

Widgets in AMP

Widget Modules

There are 4 Widgets modules available at the moment.

  1. AMP Blurb Module
  2. AMP Button Module
  3. AMP Categories Module
  4. AMP Text Module

widget module

Widget Areas

  1. AMP Above Loop
  2. AMP Below Loop
  3. Page Builder (AMP)

widget areas

 

AMP Above Loop

This Widget Area is used to add Widget Modules above the loop of Homepage of AMP.

You can use it on Custom Frontpage as well.

Add the widget module of your choice here and you can see that widget above the content of your Homepage.

AMP above loop

AMP Below Loop

It is same as AMP Above Loop but will add the widgets below the Homepage content or say Loop.

AMP below loop

AMP below loop

Page Builder (AMP)

This is different than the above two in terms of outputting the widgets.

This can be applied to all the pages including Homepage.

How to use it?

Follow the below steps to make it work.

1: Add the widgets

Add the widgets from the above 4 widgets modules in this area.

Add the widgets

2: Apply it to the Page

Edit the page where you want to show these widgets and select Page Builder (AMP) from the meta box which is present at the right side.

Apply to the page

3: Output

Now you can see the output by visiting the AMP version of that page.

Output

Important Notes

1: AMP Above Loop and AMP Below Loop are not sitewide, they are only for the Homepage or Custom Frontpage.

2: Page Builder (AMP) will override the normal AMP content of that page i.e., unlike the above two you can’t use it with your existing loop or content, you can only override the whole content.

If you want to use the existing content as well, use the text module and add that content in it.

3: There is no different Page Builder(AMP) area for different pages. Right now you can use only one Page Builder AMP.

4: You can apply the Page Builder (AMP) to many pages as you want but all of them will be same. So it’s better to use it only on Landing pages, but again there’s no restriction on it.

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on May 7, 2019

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment