1. Home
  2. Getting Started
  3. 2. Settings & Options
  4. Configuring AMP options / settings

Configuring AMP options / settings

Here, where you land when you click on AMP Options Panel.

On the left side, You will see each option is divided into two section:

  1. Settings.
  2. Design.

Now, let’s explore these Sections in brief.

1. Settings

  • 1.1 General 

In this option, you will see two portions called as ‘General’ and ‘AMP Support’.

            1.1.1 Let’s start with ‘General’
  1. Logo: You can see an Option named Logo to Add Logo to your AMP Site. It will appear on the header bar.
  2. Custom Logo Size: By default Logo Size for AMP Version is set for Fixed width 190×36. If you want to add Custom Logo Size, you can Turn ON this option and modify the Width & Height of Custom Logo, also you can set it as the Flexible width.
            1.1.2 AMP Support options.

  1. AMP on Pages and Post: If you want to Enable AMP on Pages and Post, you can Turn ON option.

    Note: When you Turn On AMP on Pages, make sure you Re-save your permalinks.

  2. HomePage Support: By default, this option is enabled to show the AMP homepage. If you want to Disable AMP on your homepage, you can Turn it OFF.
  3. FrontPage: If you want to Display a Static Front Page on your AMP Website, you can Turn ON Front Page option.
  4. Select Page as FrontPage: When you Turn ON Custom AMP front page, make sure you Select a Page from the drop-down menu to use it as Static Front Page.
  5. Title on Static Front Page: If you want to Display the title of Static Front Page you can enable this option.
  6. Archive page Support: If you want to enable AMP on your Archive pages, such as Categories and Tags, then you can Turn ON this option, else you can turn it OFF.
  7. Custom Post Types: If you are using Custom post type on your Non-amp version, then to display it on AMP you can set it by here.
  8. Convert AMP to WP theme: It makes your AMP & Non-AMP Same! AMP will output AMP Compatible code, while WordPress will have the WP code but with the same design.
  9. AMP Takeover:  It converts both AMP and Non-AMP to look the same.
  • 1.2 Page Builder

Enable Page Builder for AMP: With the help of this option, you can easily build landing pages for AMP from the Widget area. For new users, learn how to use this Feature.

  • 1.3 Advertisement

In the Advertisement section, we provide users to place Ad in 6 possible places.

  1. Below the Header
  2. Below the Footer
  3. Above the Post Content
  4. Below the Post Content
  5. Below the Title (Single Post)
  6. Above the Related Post (Single Post)
  7. Optimize For Viewability: This option will increase the loading speed of the Ads.
  8. Sponsorship Label

In order to place Ad in those sections, simply Turn ON them.

AMP Ad#1           When you Turn on Ad #1, it will ask you to provide the AD Size, Data AD Client, Data AD Slot.

          AD Size: It can be anything depending on your choice.

         Data AD Client: It is nothing but your Adsense Publisher ID

         Data AD Slot: It is a unique Advertisement which can be found in the Adsense Ad Code.

  • 1.4 SEO

In this option, you will see three portions called as SEO, Yoast SEO Options, and Advanced Index & No Index Options.

           1.4.1 Let’s start with SEO
  1. Meta Description: To add the meta tag that will be displayed in the head, you can Turn it ON.
  2. Additional tags for Head section AMP page: You can Additional tags for Head section on AMP pages. You can paste your HTML code contains Meta tags.
            1.4.2 SEO Plugin Integration

If you are using Yost SEO/ All In One Seo/ SeoPress on your website, then these SEO options are especially for you.

  1.  Meta Tags from Yoast: To add social and open graph meta tags from Yoast, you can Turn it ON.
  2. Yoast Description In ld+json: To add Yoast custom description on Ld+json for AMP, you can Turn it ON.
            1.4.3 Advanced Indexing Options

URL Inspection Tool Compatibility: You can read about it here

  • 1.5 PerformanceMinify: This Minify option will help you to Improve the Page Speed and Loading time with Minification option.

  • 1.6 Analytics

In Analytics Type Option you can use Google Analytics or any other Analytics of your choice.

  1. When you choose Google Analytics, you must enter your Google Analytics ID. You must enter Analytics ID. Pasting Scripts are not allowed. Even if you use other Analytics, make sure you Enter tracking ID but not the Script. If you paste any script in analytics, it will lead you to errors.
  2. When you choose to use Google Tag Manager, then you have to enter the Tag Manager ID, Analytics Type & Analytics ID. These three fields are mandatory.
  3. General Analytics Providers: The below-shown details are about some of the General Analytics Providers.

Facebook Pixel, Segment Analytics, Matomo (Piwik) Analytics, Quantcast Measurement, comScore, Effective Measure, StatCounter, Histats Analytics, Yandex Metrika, Chartbeat Analytics, Alexa Metrics, AFS Analytics, Adobe Analytics.

  • 1.7 Structure Data

Schema & Structured Data: You can select the structure data type for posts and pages by using this option.

  1. Default Structure Data Logo: It is recommended to Add Default Structured Data logo to your website. However, we can’t see this logo anywhere on our website, and this is specially made for Google. In case if you don’t upload a Structured Data logo, it may lead to Structured Data Errors in Search Console.
  2. Custom Logo Size: If you want to add Custom Logo Size, you can Turn ON this option and can give Custom Logo Width & Height.
  3. Default Post Image: It is recommended to add Default Post image, which will be shown as featured image when you don’t add any featured images to post. If you don’t upload the Post image, it may lead to Structure Data Error in Search Console.
  4. Default Post Image width & height: You can also provide Height and Width for Default Post Image, 700×550 is the default value. You can have any values higher than the default value.
  5. Default Thumbnail for VideoObject: You can upload the Thumbnail you want to show as Video Thumbnail.
  • 1.8 Notice Bar & GDPR

  1. Notice Bar (Cookie Consent):  You can use the Notice bar option to Show notifications on all of your AMP pages for cookie purposes.
  2. GDPR (General Data Protection Regulation):  Currently the GDRP Compliancy is available to only EEA countries.
  • 1.9 Notification

  1. Enable Notification: To Show the notification on all AMP pages for cookie purpose, you can enable this option.
  2. Positioning: You can set the positioning of the subscribe button to Below the Content and Above the Content.
  3. Translation: With the help of this option you can translate the button on your native language.
  4. Experimental: For HTTP Sites Only.
  • 1.10 Contact Form

  1. When you’re using the “Contact Form 7 for AMP“, “AMP Gravity Form”  or “Ninja Forms for AMP” extension, enable these options so that you can show the Forms in AMP.
  • 1.11 Comments

  1. No. of Comments: You can add the number of comments to show in AMP, And this refers to the normal comments.
  2. Disqus Comment Support: If you’re using the Disqus comments on the non-amp version(Desktop version) site, you can enable this option to show in AMP.
  3. For FaceBook comments Support, enable this option.
  4. Vuukle Comments: If you’re using the Vuukle comments on the non-amp version site, then you can enable this option to show in AMP.
  5. Spot.IM Conversation: If you’re using the Spot IM Conversation comments on the non-amp version site, then you can enable this option to show in AMP.
  6. Visibility: By using this option you can select where you want to display the comments in AMP.
  • 1.12 FaceBook Instant Articles

  1. FaceBook Instant Articles Support: By enabling this option, you can show the FaceBook Instant Articles. When you enable this option please re-save the permalinks.
  2. Number of Posts: Enter the number of posts to generate for Instant Articles.
  3. Author Meta: Enable/Disable Author Meta
  4. Author Bio: By enabling this option you can display the author bio in instant articles.
  5. Related Articles: Display the related articles.
  6. Advertisement: For advertising on Instant Article pages, You can enable this option.
  7. Enter the Audience Network Placement ID, To get the Placement ID, you can find out more about this here.
  8. Analytics: If you want to enable analytics on Instant Article pages, use this option.
  9. You can add Analytics script code here, Do not enter iframe tag. To get the Analytics script code Find out more about support here.
  10. Crawler Ingestion: Facebook can automatically ingest an Instant Article by fetching a self-hosted, public document containing the Instant Articles markup or the rules to transform the HTML content.
  11. Custom HTML in Head Tag:  Add custom HTML in Head Tag in Instant Articles Markup.
  12. Custom HTML in Body Tag: Add custom HTML in Body Tag in Instant Articles Markup.
  13. Custom HTML in Footer Tag: Add custom HTML in Footer Tag in Instant Articles Markup.
  • 1.13 Hide AMP Bulk Tools

  1. Individual AMP on Pages(Bulk Edit)Individual AMP on Pages(Bulk Edit): If you want to Hide or show the AMP on all pages, you can select ‘Hide By Default’ from the drop-down menu. So, that it can be changed individually later by using the AMP Meta Box(you will find this option in WordPress page editor right bottom side) in pages. By default, this option is set to ‘Show by Default’.
  2. Select Category to hide AMP: If you want to show or hide some Categories in AMP. By using this option you can select the category which you want to hide in AMP.
  • 1.14 Advanced settings

  1. Mobile Redirection: By enabling this option, you can redirect your mobile users to AMP version i.e whole website will redirect to AMP. And you can give your visitors a Faster mobile User Experience.
  2. Use Subdomain As Endpoint:  Just by enabling this option you can make the subdomain to be an endpoint. For eg: https://www.xyz.com/in/?amp
  3. Infinite Scroll (Experimental): With the help of enabling this option users can display “n” number of posts just by scrolling the posts.
  4. Internal Links in AMP: Enable if you want all your links inside the article to go to /amp/. All the outbound links will remain untouched.
  5. Change End Point to ?amp:  Making endpoints to ?amp will help you get the amp in tricky setups with taxonomies & post type. The question mark in the URL will not make any difference in the SEO.
  6. Enter HTML in Header & Footer: If you want to add HTML markup in Header, Add here. Please add the markup that is AMP validated. You can check whether your code is AMP compatible or not from here > http://validator.ampproject.org
  7. Enter HTML in Body (beginning of body tag): If you want to add HTML markup in the body tag, Add here. Please add the markup that is AMP validated. You can check whether your code is AMP compatible or not from here > http://validator.ampproject.org
  8. Enter HTML in Footer: If you want to add HTML markup in the footer tag, Add here. Please add the markup that is AMP validated. You can check whether your code is AMP compatible or not from here > http://validator.ampproject.org
  9. Auto Add AMP in Menu URL: by enabling this option, It will add /amp at the end of the menu URL. Users will redirect to the AMP pages/posts.
  10. Category base removes in AMP: This helps to display the category base post.
  11. Tag base removes in AMP: This helps to display the tag base post.
  12. Featured Image from Custom Fields: It Automatically set and display the default image that is available in your Page/ post/ tag/ etc..
  13. Featured Image from The Content: It allows you to display the featured image within the content.
  14. Duplicate Featured Image: Helps to remove the duplicate featured images.
  15. Retina Images: Enable if your current images looking blurred on Apple Devices.
  16. Show Metabox in Post Editor to: Helps to display the meta box either to All users or only to Admin.
  17. Dev Mode in AMP: This will enable the Development mode in AMP.
  18. Plugin Update Notification Bar: Auto update notification of AMP.
  19. Disable Wptexturize: 
  20. Legacy Page Builder (widgets): Especially for Newspaper theme that helps to set the homepage.
  21. Delete Data on Uninstall?: By enabling this you can completely remove all of AMPforWP data when uninstalling via Plugins > Delete.
  • 1.15 E-commerce

  1. WooCommerce Support: Just by one click download you can get Woocommerce in the amp.
  2. Easy Digital Downloads Support:  With this download, you can make your products via purchase.
  • 1.16 Translation Panel

    If your website is in the Native language, if you want to translate your website to your Native language, then you can use this Section. From this section, you can translate your website to any of your desired languages.

Use POT file method of Translation Use the POT file method of Translation: If you want Multilingual Translation, you can enable this option else you can use the normal translation method which you will find below this option.

2. Design

  • 2.1 Themes

Themes Selector
Themes Selector: Here you can select the Themes which you want to show in AMP. And also you can create your own Custom Theme with AMP Theme Framework.

  • 2.2 Global

     

  1. Global Color Scheme: If you change the color of the scheme, overall site color will change in AMP version.
  2. Google Font API key: With the help of this option you can change the Font style in AMP, however, this option only works in the swift theme.
  3. Sidebar: This option helps you to enable the sidebar feature on the homepage and also you can change the background color, Heading color and text color in the sidebar.
  4. Custom CSS: If you want to add some Custom CSS to change the Styling in AMP, you can add here.
  • 2.3 Header

Header Design

Header Type: In the swift theme you will get the four header type designs which help you to display in the AMP.

Header Settings

  1. Call Now Button: By enabling this option, you will get the field to enter the phone number. It will display on the header bar.
  2. Non-AMP link in Header: If you want users to go to Non-AMP version of your website, you can enable link on the Header. This link will take users to a Non-AMP version of your site.
  3. Search: For Search Functionality on the header bar, you can enable this option.
  4. Sticky Header: Keep your header sticky by enabling this option.
  5. Menu Search: By enabling this option you can display the search feature in the navigation menu.
  6. Menu Copyright: All Rights Reserved
  7. Alternative Menu: If you want to show or hide the Menu in AMP, you can enable this option.
  8. Alt Menu Padding: It helps you to adjust the padding of your header.
  9. Alt Menu Background: If you change the menu background color, in the header section your background color will change.
  10. Alt Menu Text: If you change the menu element color, all your post and pages header element color will change.
  11. Dropdown Support: This option allows the user to choose one value from a menu list. When a dropdown list is inactive, it displays a single value.
Advanced Header Options:
  1. Header Width: Adjust the width of Header by giving the value.
  2. Header Height: Adjust the height of Header by giving the value.
  3. Margin / Padding: Adjust the margin and padding by enabling this option.
  4. Border and Box-shadow: This option helps you to set the border, border color and shadow in the header.
  5. Header Background: If you change the header background color, in the header section your background color will change.
  6. Menu Background: If you change the navigation menu background color, in the header section your background color will change.
  7. Header Elements: If you change the header element color, all your post and pages header element color will change.
  8. Menu Color: If you change the navigation menu color, in the header section your menu element color will change.
  9. Menu Border Color: If you change the menu border color, in the header section your menu border color will change.
  10. Menu Overlay Position: You can set the navigation menu position to the left to right or right to let.
  11. Menu Overlay Width: Set the width of an overlay navigation menu.
  • 2.4 HomePageoverwrite homepage thumbnailshomepage featured area

  1. Excerpt: By enabling this option you can display the summary of your article with a link to the whole entry.
  2. Override HomePage Thumbnail Size: If you select the Design 1 & 2 from the Themes tab then you will get this option. To Override the HomePage Thumbnail size, you can enable the option.

Loop Display Controls:

  1. Post Type in Loop:
  2. Exclude Categories
  3. Read More Link
  4. Full Content in Loop
  • 2.5 Single

  1. SingleSticky Social Icons: Sticky Social Icons are social icons which stay sticked to the Single posts / Pages. If you don’t want them to be sticky on single pages you can turn off them.
  2. Excerpt in Single: If you added the excerpt in posts and you want to show the excerpt in AMP posts, you can enable this option.
  3. Next-Previous Links: Next and Previous Links are present at the bottom of the page, it lets users navigate from Present Post to Next Post or Previous Post.
  4. Show Post Modified Date: It will display at the end of the posts if you update the posts.
  5. Author Bio in Single: If you want to show or hide Author Information on AMP posts, by using this option you can do. It will show at the end of the post’s contents.
  6. Display Date on Single:  If you want to show date along with author and category, you can enable this option. It will display after the post’s Title.
  7. Pagination in Single: It will enable the pagination in posts if it has the pagination.
  8. Show Related Post from: Related post on post pages can be controlled from Single Section. Here you can choose a specific category from which you want to show related posts.
  9. Number of Related Post: You can also control Number of related posts to show on Single Posts. By default, it is 3.
  1. Menu: This option helps you to display or hide the menu from the footer.
  2. Link to Non-AMP page in Footer: It will display at the end of the footer, If the users want to view the page in non-amp version, it will redirect to the non-amp page.
  3. Back to Top link: This option takes back to the top link of the AMP page.
  4. Make “View Non-AMP” link nofollow:  With the help of this option, you can view the Non-AMP version.
  5. Advanced Footer Design: By enabling this option you can customize the footer background color, width, height, padding, margin etc etc..
  • 2.7 Pagepage settings

  1. Featured Image: Enable or disable the featured images on pages.
  2. Meta for Page: It will show or hide the meta for pages. Meta can be displayed below the Page’s Tile.
  3. Subpages/ChildPages: This option helps you to shows a List of Subpages on amp version.
  4. Social Icons: Enable or disable the social icons on the pages.
  5. Sticky Social Icons: Enable or disable the sticky social icons on the pages.
  • 2.8 Socialsocail settings

  1. Position: This option helps you to display the social icon on the sidebar, above content or below content.
  2. Social: In Social Share section, you will have complete control Social Share Icons. You can customize them according to your needs. You can Show / Hide any Social Network with a Single Tap.
  3. Social Media Profiles (Design #3): If you select the Design3 from the Themes tab, you can get this option. You can show / Hide your Social Media Profiles and it will display in the Footer and below the Menu items.
  4. Menu Social Profile: By enabling this option you can display the social profile icons in the navigation menu.
  • 2.9 Date

  1. Show Date As: With the help of this option you can display the published date or modified date on AMP version.
  2. Date Format: This option helps you to select the Date Format of Posts Ago or Traditional View.
  3. Text for the Date Format: Example: English – % days ago, Spain – ago % days.
  4. Modified Date Notice: By enabling this option you can show the Modified date of an article at the end of the post.
  • 2.10 Misc

  1. RTL Support: If your website has a Native Language which starts from the Right, i.e. Right To Left, then you can Turn ON this option.
  2. Display sub-categories on category pages: With the help of this option you can Display the sub-categories on category pages.
  • 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.
Updated on October 16, 2018

Was this article helpful?

Related Articles

Add A Comment