{"id":6491,"date":"2019-04-12T13:41:14","date_gmt":"2019-04-12T13:41:14","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=6491"},"modified":"2019-06-18T08:28:45","modified_gmt":"2019-06-18T08:28:45","slug":"the-overview-of-settings-options-in-contact-form-7","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/the-overview-of-settings-options-in-contact-form-7\/","title":{"rendered":"The overview of Settings\/Options in Contact Form 7"},"content":{"rendered":"\n

In this tutorial, we\u2019re going to give you step-by-step instructions on how to set up options of Contact Form 7. We will cover how to: <\/p>\n\n\n\n

Here are few simple steps:<\/strong><\/p>\n\n\n\n

The first thing you need to do is go to your WordPress admin area and click on AMP option panel -> AMP CF7.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\n1.Pages<\/mark><\/strong><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Show CF7 On All Pages:<\/strong> First, enable this option it will be showing Contact Form 7 in all pages.<\/p>\n\n\n\n

CF7 ID: <\/strong>In this field, you need to enter the CF7 ID which you want to show in all amp pages\/posts .<\/p>\n\n\n\n

From here you can get the CF7 ID<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Above Content: <\/strong>If you enable this option Contact form 7 will be shown above the content.<\/p>\n\n\n\n

Below Content:<\/strong> If you enable this option Contact form 7 will be shown below the content.<\/p>\n\n\n\n

The output of the CF7 in AMP site:<\/strong><\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

\n2. Posts<\/mark><\/strong><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

It is similar like pages once you enable this option it will be showing Contact Form 7 in all post. <\/p>\n\n\n\n

Light Box:<\/strong> Once you enable this option Light box will be shown on AMP site.<\/p>\n\n\n\n

\n3. Light Box<\/mark><\/strong><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Contact Form ID:<\/strong> In this field, you need to enter the CF7 ID which you want to show in all AMP site.<\/p>\n\n\n\n

From here you can get the CF7 ID<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Form Title:<\/strong> Once you enable this option title will be display on AMP site.<\/p>\n\n\n\n

Seconds to delay the Pop-up: <\/strong>You can place the delay time for popup as per your requirement in the text box.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Form Background:<\/strong> You can choose the color for the form background.<\/p>\n\n\n\n

Label:<\/strong> You can choose the color for the label. <\/p>\n\n\n\n

Submit Button:<\/strong> You can choose the color for the submit button. <\/p>\n\n\n\n

Submit Button Label:<\/strong> You can choose the color for submit button label. <\/p>\n\n\n\n

The output of the Light box in AMP site:<\/strong> <\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

\n4. Sticky Form<\/mark><\/strong><\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Sticky Form: <\/strong>Once you enable this option sticky form will be display on AMP site.<\/p>\n\n\n\n

Contact Form ID:<\/strong> In this field, you need to enter the CF7 ID which you want to show in all AMP site. <\/p>\n\n\n\n

From here you can get the CF7 ID<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Form Headline:<\/strong> Once you enable this option form headline will be display on AMP site. <\/p>\n\n\n\n

The output of the Sticky Form in AMP site:<\/strong><\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t