In this tutorial, we’re going to give you step-by-step instructions on how to set up options of Contact Form 7. We will cover how to:
Here are few simple steps:
The first thing you need to do is go to your WordPress admin area and click on AMP option panel -> AMP CF7.
Show CF7 On All Pages: First, enable this option it will be showing Contact Form 7 in all pages.
CF7 ID: In this field, you need to enter the CF7 ID which you want to show in all amp pages/posts .
From here you can get the CF7 ID
Above Content: If you enable this option Contact form 7 will be shown above the content.
Below Content: If you enable this option Contact form 7 will be shown below the content.
It is similar like pages once you enable this option it will be showing Contact Form 7 in all post.
Light Box: Once you enable this option Light box will be shown on AMP site.
Contact Form ID: In this field, you need to enter the CF7 ID which you want to show in all AMP site.
From here you can get the CF7 ID
Form Title: Once you enable this option title will be display on AMP site.
Seconds to delay the Pop-up: You can place the delay time for popup as per your requirement in the text box.
Form Background: You can choose the color for the form background.
Label: You can choose the color for the label.
Submit Button: You can choose the color for the submit button.
Submit Button Label: You can choose the color for submit button label.
Sticky Form: Once you enable this option sticky form will be display on AMP site.
Contact Form ID: In this field, you need to enter the CF7 ID which you want to show in all AMP site.
From here you can get the CF7 ID
Form Headline: Once you enable this option form headline will be display on AMP site.
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.
If you want to add an AWeber form in AMP then first you need to…
Webpushr is the fastest growing web push notifications platform that marketers love & developers rely…
Follow these steps to add Adobe Analytics in AMP Step 1: Go to WordPress Admin Area -> AMP…
Core Web Vitals are the subset of Web Vitals that apply to all web pages,…
The following reasons can be shown for non-indexing. Server error (5xx) Your server returned a 500-level…
We have added the Google Analytics 4 ( GA 4 ) integration in AMPforWP v1.0.80.…