AddThis Academy

An ever-growing library of resources to help you become a better online marketer.

How to Set Up the AMP Plugin for WordPress

The Accelerated Mobile Pages (AMP) project is becoming all the rage in today’s mobile-friendly universe. Why? Because these pages load near instantaneously which is essential for your mobile website visitors.

If you’re new to AMP and not sure how to setup AMP pages on your WordPress site, we’ve got you covered! Follow our step-by-step guide below to learn how to set up the AMP Plugin for WordPress like a superstar!

What is AMP?

AMP is an open-source initiative supported by Google meant to improve mobile browsing by ensuring fast and smooth mobile webpage loading. Webpages that are built using the AMP library load almost instantly.

AMP uses its own library of tags to ensure fast rendering while also loading all external resources asynchronously.

The most common implementation of AMP is to create AMP versions of the existing pages on your site, allowing search engines and yourself to promote the AMP version of the page to mobile users, while maintaining the standard version of your page.

Why Use a Plugin?

Creating an AMP version of every page of your site is a major undertaking if you’re trying to do it manually. Installing the AMP plugin for WordPress automates the process and ensures that your pages are fully AMP compliant.

AMP for WordPress Plugin

Installing the AMP Plugin for WordPress

  • Log in to your WordPress dashboard
  • Select Plugins in the left side navigation bar
  • Select Add New
  • In the search bar on the right, search for “AMP”
  • Select the AMP for WordPress plugin, it should be the first result
  • Select Install Now
  • Hit Activate after it is installed

Customization

First, go to AMP » General in the left side dashboard menu of your WordPress site. Here you can set whether you would like AMP versions of your posts, pages, or both.

Now it’s time to make your AMP pages look like your own!

In your WordPress dashboard menu, select Appearance » AMP » Design. Here you can change the header background and text color and preview how your site looks using AMP.

Then just save your changes!

Customize AMP for WordPress Plugin

Viewing AMP Pages

Once you have the plugin setup, you can now visit the AMP version of any page on your website by adding /amp/ to the end of the URL.

Example: https://www.examplesite.com/page1/amp/

AMP + AddThis

After you’ve set up AMP on your WordPress site, you can install the AddThis Sharing Buttons for AMP!

AddThis is the first third-party sharing service available on AMP. No need to go through the hassle of making your share buttons AMP compliant – we’ve done the heavy lifting so you don’t have to!

Ready to get started? Check out our Academy article or YouTube video to learn how to install AddThis Share Buttons on your AMP site!

How to Set Up the AMP Plugin for WordPress
3 (60%) 1 vote

Was this article helpful to you?

Last modified:  October 2nd, 2018