How to add widgets in AMP

We have 6 type of Widget Areas in AMP

  1. AMP Widget Below Header
  2. AMP Widget Above Footer
  3. AMP Footer
  4. AMP Widget Above Loop
  5. AMP Widget Below Loop
  6. AMP Sidebar (only in Swift theme)

Widgets can be found on Appearance -> Widgets page in your WordPress admin area.

On your right, you will find the designated areas on your WordPress site where you can place these widgets. 

1. AMP Widget Below Header

This Widget Area is used to add Widgets below the header of your AMP website and Add the widget module of your choice here.

The output of AMP Widget Below Header

2. AMP Widget Above Footer

This Widget Area is used to add Widget Modules Above the Footer of your AMP website and Add the widget module of your choice here.

The output of AMP Widget Above Footer

3. AMP Footer

This Widget Area is used to add Widget Modules in AMP Footer of your AMP website and add the widget module of your choice here.

The output of AMP Footer

4. AMP Widget Above Loop

This Widget Area is used to add Widget Modules Above the Loop of your AMP website and Add the widget module of your choice here.

The output of AMP Widget Above Loop

5. AMP Widget Below Loop

This Widget Area is used to add Widget Modules below the loop of your AMP website and Add the widget module of your choice here.

The output of AMP Widget Below Loop

6. AMP Sidebar

This Widget Area is used to add Widget Modules in Sidebar of your AMP website and Add the widget module of your choice here.

First you need to go to this WordPress Admin Area -> AMP option panel -> Design -> Global -> enable sidebar option.

Once you enable sidebar option, AMP sidebar will be displayed in widget area.

The output of AMP Sidebar

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.

Share
Published by
Sonali R
Article Categories: How To

How to create an AWeber form in AMP

If you want to add an AWeber form in AMP then first you need to…

3 years ago

How to setup webpushr notification in AMP

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely…

3 years ago

How to add Adobe Analytics in AMP

Follow these steps to add Adobe Analytics in AMP Step 1: Go to WordPress Admin Area -> AMP…

4 years ago

What is the CWV plugin all about

Core Web Vitals are the subset of Web Vitals that apply to all web pages,…

4 years ago

How to fix “Alternate page with proper canonical tag” Page Index issue in Google Search Console

The following reasons can be shown for non-indexing. Server error (5xx) Your server returned a 500-level…

4 years ago

Google Analytics ( GA4 ) integration in AMPforWP

We have added the Google Analytics 4 ( GA 4 ) integration in AMPforWP v1.0.80.…

4 years ago