WP AMP

WP AMP – ACCELERATED MOBILE PAGES FOR WORDPRESS AND WOOCOMMERCE

Installation

From your WordPress Dashboard

  • Visit ‘Plugins > Add New’.
  • Click ‘Upload Plugin’.
  • Select zip-archive with plugin and click ‘Install Now’.
  • Activate WP AMP from your plugins page.

 

Via file upload

  • Unpack zip-archive with plugin.
  • Upload the wp-amp folder to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, etc…)
  • Activate WP AMP from your plugins page.

 

Once Activated

  • Clear all caches (site cache, browser cache, etc).
  • Re-save permalinks settings.
  • Go to settings > WP AMP Settings > License tab and active your license there. You need to use your Envato username and the license code that you get on Codecanyon.
  • Check plugin settings and visit AMP-version of your site.

 

Plugin is already preconfigured. So you can follow the link “Visit AMP Site” and enjoy plugin usage.

Updating

There are two ways to update the plugin.

First way, you should go to the Envato market and download the newest version.

Second way, it is the Update button. This button appears in the License tab every time when it is needed to update. You just need to press on the button and enjoy using.

Admin Interface

Plugin settings is available from the page ‘Settings > WP AMP’.

General Settings:

Here you can configure basic plugin options such as max width of the content, allowed post types and archive pages, RTL etc.

Analytics:

Here you can set the Google Analytics, Google Tag Manager, Yandex Metrika or Facebook pixel.

Appearance Settings:

Here you can adjust settings like colors, fonts, header and footer elements, and post meta data block. Also you can configure social share buttons here and here are the tab for Extra CSS, if you need to add something.

Templates Settings:

Here you can customize AMP template blocks. For example you can enable or disable some blocks or change display order of blocks using drag & drop. Also, you can enable the search form for on this page or post. Enable or disable some titles, etc. The same settings are in another tabs. The Templates tab includes posts, pages, search, blog page, archives, 404 Page.

Schema.org:

Here you can boost your SEO by using Schema MarkUp.

License Tab:

Here you can activate or deactivate your lisence from Envato

Ads Settings:

Here you can setup AdSense, DoubleClick or custom ad blocks.

To enable these blocks on AMP you should enable them in Template Settings.

WooCommerce Settings:

Here you can customize AMP content blocks of WooCommerce pages. The same as Template Settings there is an ability to change visibility and display order of content blocks such as title, image, SKU, tags, social share buttons, etc. You can customize Product, Shop, Product Archives pages, Cart and Add to cart. Also, in all of this tabs you can enable the Product Search Form.

Please note that when you add an ad block first time it needs some time to appear.

Shortcodes

Plugin provides with few useful shortcodes for embedding into the AMP content.

Related Posts

[wp-amp-related title="Related Posts" count=3][/wp-amp-related]

Parameters:

  • title=”…” – title of Related Posts section (optional)
  • count=”…” – number of elements that will be displayed (optional)

Recent Posts

[wp-amp-recent title="Recent Posts" count=3][/wp-amp-recent]

Parameters:

  • title=”…” – title of Recent Posts section (optional)
  • count=”…” – number of elements that will be displayed (optional)

Share Buttons

[wp-amp-share types=facebook,twitter,linkedin,email width=60 height=44][/wp-amp-share]

Parameters:

  • types=”…” – share button types ( available types: ‘facebook’, ‘twitter’, ‘pinterest’, ‘linkedin’, ‘gplus’, ’email’ )
  • width=”…” – social share icon width ( default value: 60px )
  • height=”…” – social share icon height ( default value: 44px )

AdSense

[wp-amp-ad type="adsense" width="150" height="50" data-ad-client="ca-pub-8125901705757971" data-ad-slot="7783467241"][/wp-amp-ad]

Parameters:

  • type=”…” – only AdSense available (required)
  • data-ad-client=”…” – adsense data-ad-client parameter (required)
  • data-ad-slot=”…” – data-ad-slot parameter (required)

No AMP

[no-amp]This text will not be show in the AMP version[/no-amp]

Switch Button

[wp-amp-switcher title='Switch to default version'][/wp-amp-switcher]

Parameters:

  • title=”…” – button title

Shortcodes:

  • [wp-amp-accordion] – accordion tag
  • [wp-amp-accordion-section] – accordion section tag

Conditional Tags

The conditional tags of WP AMP and WordPress can be used in your template files to change what content is displayed based on what conditions the page matches.

  1. Check if AMP page is opened:

is_wp_amp()

Returns true if an AMP page is requested.

Helper Functions

Helper functions of WP AMP can be used for preparing content in custom templates.

  • Escape AMPHTML content

Usage: <?php esc_amphtml( $content ) ?>

Description: Escaping for AMPHTML blocks.

Parameters:

  • $content – Text to escape (required)

URL Params

List of URL params:

1. ?view-original-redirect=1

This URL param is used for accessing regular version of the page, if “Redirect all mobile users to AMP version by default” option enabled.

2. ?add-to-cart=[ID]

This is default WooCommerce URL param which allows adding product to cart via GET query.

3. ?add-to-cart-redirect=1

This URL param is used for adding to cart and accessing regular version of the product page, if “Redirect all mobile users to AMP version by default” option enabled.

Sources and Credits

We’ve used the following javascript and PHP libraries as listed.

All of these libraries are licensed under the MIT license.

Which post types and pages does the plugin support out of box?

WP AMP plugin supports default post types, pages and archives – posts, pages, categories, tags, search, blog page, etc.

Does WP AMP have support of extended components out of box?

Here is a list of extended components available by default:

  • amp-carousel;
  • amp-iframe;
  • amp-youtube;
  • amp-audio;
  • amp-vimeo;
  • amp-accordion;
  • amp-analytics;
  • amp-ad;
  • amp-social-share;

Does plugin provide integration with WooCommerce?

Yes, plugin works fine with Product Pages, Product Archives, Shop Page. But Checkout and Cart Pages excluded from display because of AMP support of html form elements.

Does plugin allow to show ads (AdSense)?

Yes, this plugin allow setup few different AdSense blocks.

Is it possible to rewrite post title, content, featured image for AMP?

Yes, you can rewrite post title, content, featured image from post edit page:

Does plugin has Google Analytics integration?

Yes, you can enable Google Analytics tracking by entering your GA code to the appropriate field under plugin general settings page.

Is it possible to exclude some pages from AMP generation?

Yes, there is additional setting at post/page Edit Page:

Is plugin compatible with Yoast SEO and All in One SEO Pack?

Yes, this plugin works fine with plugins above.

How to update plugin correct way?

First of all do not delete plugin via admin panel, that will destroy all your settings changes.

Just replace current plugin via FTP with the new one. After plugin update please resave permalinks, clear cache and check plugin settings.

Also you can use this tool for updating all your ThemeForest and CodeCanyon items.

  • Fixed

    multiple ads issue.

2020-04-03 ver 9.3.5

  • Fixed

    images for post on blog;

  • Fixed

    save add to cart;

  • Improvement

    check class ads;

  • Fixed

    schema type name ‘Offer’;

  • Fixed

    a few other minor issues.

2019-11-21 ver 9.3.2

  • New

    HTML in WooCommerce templates;

  • Fixed

    Schema settings saving data issue;

  • Fixed

    product search in amp.

2019-10-01 ver 9.3.1

  • Improvement

    compatibility with WP AMP ACF;

  • Improvement

    templates blocks;

  • Improvement

    separate templates for custom post types.

2019-09-23 ver 9.3.0

  • Improvement

    compatibility with WP AMP ACF;

  • New

    Schema.org legacy functions;

  • New

    footer social icons.

2019-09-06 ver 9.2.8

  • Improvement

    compatibility with WP Seopress;

  • Improvement

    Schema.org functions;

  • Improvement

    quotes design.

2019-08-29 ver 9.2.7

NOTHING YET

ADD A COMMENT

User icon

Your email address will not be published. Required fields are marked *