How to Add Contact Form Widget to Blogger

Elfsight Contact Form is the easiest in setting and installation tool to create "contact us" or any other type of form to submit a message without skills in development.

Fast Contact Form for Your Blogger Website

If you are looking for an easy and functional contact form to receive more responses from your visitors and increase performance of your website, then this widget is the ultimate option for you.

The leading features:

  • Premium design;
  • Responsive template;
  • Captcha protection included;
  • Popup and onpage options;
  • Two-minute installation.

Stay in touch with your clients 24/7, receiving feedback on preferred email and get more leads for your business!

Steps of Placing the Widget to the Website

Installation of our widget is ultimately simple and intuitive; it will take only three minutes. Follow all steps listed below to install a widget.

Stage 1: Create your own widget

Shaping of the plugin

Follow the link (Live Editor) to create a plugin. Select the layout and display configuration to set up the plugin that will suit your site best. Or find out more on main page.

Get the code of the plugin

The final action in installing our plugin is to copy and paste the plugin shortcode.

Stage 2.1: Add full size contact form to a page

Pin your form to one of the pages.

Enter admin panel of Blogger site

Enter the panel and choose the page for placing the plugin.

Prepare the page

Put the page into HTML format.

Edit the page

Paste plugin code and press «Update» to apply the changes.


You have successfully installed the contact form.

Stage 2.2: Add popup contact form to follow visitor’s scroll

Popup form can be added to each and all pages of your website.

Enter admin panel and adjust the site template

Enter Blogger and go to «Layout». Find the footer and press «Add a Gadget».

Install gadget from the main catalog of Blogger

Choose «HTML/JavaScript» gadget to be able to edit the code.

Finish the installation and save the changes

Paste the form code and save the changes by pressing «Save».

Installation's complete!

Go to your website and check the results.

Elfsight's Contact Form Templates Range for Blogger

Take your Blogger website to the next level with our contact form templates range:

Contact Form
Try this ready-to-be-used form to attract customer contacts through the website.
Multiple Emails Contact Form
Create a form to stay in touch with users and send multiple email notifications using the template for website.
Multistep Contact Form
Create a form with multiple steps to collect detailed contact data using the template for website.
Captcha Contact Form
Create a form for collecting contact details with Captcha protection using the template for website.
Email Contact Form
Create a form for collecting contact details and emails using the template for website.
File Attachment Contact Form
Create a form with a file attachment feature to collect contact data using the template for website.
File Upload Contact Form
Create a form for collecting contact details with a file upload feature using the template for website.
Customer Contact Form
A form on the go! It allows users to get in touch with you for any purpose in seconds!
No Suitable Form Template?
Create your form with Elfsight AI by describing your requirements in plain language, or build your own form using our form builder.

Elfsight Apps Account for changing the widget

After the product is installed, you can as well alter it the way you need. To do it, go to Elfsight Apps website and enter Live Editor. You are free to correct texts, alter templates, or choose the most suitable display variant. The changes you’ve made in the Live Editor will be at once carried out on your site.

To see other powerful Blogger widgets created by Elfsight and install them, visit your account.

Generate a customized Contact Form free!

Free editor for fast widget creation.