How to use Contact Form 7 shortcode in AMP Template

First, you need to override a template file in AMP for more details about how to override a template file in AMP follow this tutorial

How to execute shortcodes in the amp.

To execute the shortcodes in amp. We need to use amp_do_shortcode function.

For example: In non-amp, we print shortcode content using this way:

<?php
   /*template name: non-amp short code*/
 ?>

 <?php 
 echo do_shortcode('[contact-form-7 404 "Not Found"]');
 ?>

FOR AMP :

In AMP we use the same method to display the cf7 shortcode except here we use amp_do_shortcode function

<?php
   /*template name: amp short code*/
 ?>

 <?php 
 echo amp_do_shortcode('[contact-form-7 404 "Not Found"]');
 ?>

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