The overview of Settings/Options in Contact Form 7

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.

1.Pages

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.

The output of the CF7 in AMP site:

2. Posts

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.

3. Light Box

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.

The output of the Light box in AMP site:

4. Sticky Form

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.

The output of the Sticky Form in 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.

Share
Published by
Sonali R

How to create an AWeber form in AMP

If you want to add an AWeber form in AMP then first you need to…

3 years ago

How to setup webpushr notification in AMP

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely…

3 years ago

How to add Adobe Analytics in AMP

Follow these steps to add Adobe Analytics in AMP Step 1: Go to WordPress Admin Area -> AMP…

3 years ago

What is the CWV plugin all about

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

4 years 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…

4 years ago

Google Analytics ( GA4 ) integration in AMPforWP

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

4 years ago