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 Areas

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

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 Below Loop

It is same as AMP Above Loop but will add the widgets below the Homepage content or say 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.

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.

3: Output

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

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.