How to Install Contact Form Blogger On Static Page Blog AMP HTML - KhalistaBlog -->
Skip to content Skip to sidebar Skip to footer

How to Install Contact Form Blogger On Static Page Blog AMP HTML

How to Install Contact Form Blogger On Static Page Blog AMP HTML - As we know that Blogger already provides contact form to facilitate the visitors contact the blog admin. Messages sent by visitors will automatically go to the blog's Admin inbox. And contact form Blogger is displayed by using the script, so this is what makes blogger contact form can not be used by AMP HTML blog.

For that before I've made some easy solutions to make a blog contact on AMP HTML blog. But for Blogger users of course not apdol if not using the contact form default Blogger. For that I keep trying to find how to install Blogger contact form on static page of AMP HTML blog.

How to Install Contact Form Blogger On Static Page Blog AMP HTML

One way to put a contact form on an AMP blog is to use amp-iframe, and I happen to have found an easy way to display the amp-iframe to keep it loaded even if it is saved on the top. Once we find a way to display the amp-iframe that remains loaded even if it's stored at the top, we're just now looking for a way to display the Blogger contact form on the amp-iframe on the static page.

As a demo please check the contact form on the following Khalista blog:


Well if you want to try it also please follow the steps below.

Here we will create a new blog specifically for this contact form which we will show on amp-iframe. This blog only shows contact form only and I I have made a special template for this blogger contact form.

The reason we use a new blog to contact this form because the contact form Blogger must be made on Blogger blog, meaning we can not host their own codes. But even if using another blog, but the message will still be sent on the Admin inbox, that's the point.

Well please you create a new blog specifically to contact this form and then activate its HTTPS. Then please go to the Template menu or Theme then disable the mobile theme it.

After that please go to Edit HTML and please add all the code in the edit HTML with a special contact template code form that I provide. Please download the following templates.


After that please save the templates.

Then after that please go to your AMP blog dashboard then please use the following code on static page with HTML mode to display blogger form contact.

<amp-iframe title="Contact"
              src="http://khalistablog.blogspot.com/p/contact.html/"
              height="400"
              layout="fixed-height"
              frameborder="0"
              sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgCo2esRlPEj1USU3zG6lYBQC6cQPqRsSsN5zPqJUvRm7NmhF6o_iuz4zS1d3GXxK9mVfTROG85uyNzVdok3nFjRtUBQCbS3e6sEZQ5zWoU59BMftJ_6qedQtZTHYtzTh9i9AS-6264WM/s1600/placeholder.png"
             layout="fixed-height"
             height="400"
             width="auto"
             placeholder>
    </amp-img>
  </amp-iframe>

Please replace the URL code http://khalistablog.blogspot.com/p/contact.html with your blog contact form URL that was created.

Then publish the page and please check the appearance of his blogger contact form.

How easy is not it? that's tips on how to Install Contact Form Blogger On Static Page Blog AMP HTML, hopefully with articles I've tried to share this can be useful and good luck.

Post a Comment for "How to Install Contact Form Blogger On Static Page Blog AMP HTML"