How to add a Floating Button in AMP

Floating button is one of the most crucial elements in UI and If you want a fixed floating button in AMP then you need to purchase this extension and with the help of that, you can easily create the floating button for the AMP version.

If you want to add Floating Button in AMP then first you need to purchase and install Floating Button for AMP plugin.

After installing you will find this option in WordPress Dashboard -> AMP Option Panel -> Navigate to Floating Button -> Settings

  • Select a Button: We have icons of WhatsApp, Call now, and also you can choose from the custom icons and you can even upload your own custom image.
  • Phone Number: In this field, you can enter the Phone number
  • Color: In this field, you can change the color of the Floating Button
  • Background Color: In this field, you can change the background color of the Floating Button.
  • Position: In this option, you can change the position of the Floating Button

The Output of the Floating Button in AMP

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

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 months ago

What is the CWV plugin all about

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

6 months 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…

7 months ago

Google Analytics ( GA4 ) integration in AMPforWP

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

1 year ago

How to add Marfell Analytics in AMP

In this article, I will show you how to add Dotmetrics Analytics to your AMP…

1 year ago

How to modify the H1-H6 size for mobile devices

In this option, we will show you how to modify the H1-H6 size for mobile…

1 year ago