Facebook Twitter Instagram
    BlogginerBlogginer
    • Start Here
      • How To Start a Blog in India: The Complete Guide in 2023
    • Guides & How-Tos
    • Alternatives & Comparisions
    • Social Media
    • Monetization
    • More
      • About
      • Contact
    BlogginerBlogginer
    Home»Guides & How-Tos»How To Add Contact Form in Blogger?
    Guides & How-Tos

    How To Add Contact Form in Blogger?

    Varun SrinivasBy Varun SrinivasJune 11, 2022Updated:January 23, 2023No Comments4 Mins Read
    Share Facebook Twitter Pinterest LinkedIn Tumblr Reddit Telegram Email
    Share
    Facebook Twitter LinkedIn Pinterest Email

    If you’re using Blogger, you might have frustrated by adding a contact form to your blog because by default, Blogger doesn’t provide many options to add a contact form and the inbuilt contact form is really ugly and it can only be placed as widgets.

    Luckily there are some easy ways to add a contact form to your blogger account. However, the blogger is just for starting out with blogging and I recommend creating your blog on WordPress or migrating your existing blogger account to WordPress for better blogging.

    Now, let’s see how you can add a contact form in blogger.

    How to add a contact form in Blogger using Jotforms?

    This is by far the easiest and simplest method to add a contact form to your blogger account. There are plenty of tools to achieve it but we are going to use Jotforms.

    1. Go to the Jotforms website and create a free account. A free account will let you create 5 forms with 100 monthly submissions.
    2. Once created your free account, click “Create Form” on the top left of the dashboard.
    Creating form on Blogger
    1. Here, you can either create a form from scratch or select from the thousands of pre-made templates. Choose suitable options for you. For this example, let’s select the templates.
    2. There are literally thousands of templates categorized to help you find the best one suitable for your needs. Let’s choose the contact form category and select one from it.
    3. Now you can customize the form as per your needs with the built-in tools.
      To edit the existing form element, click the element and click the properties (⚙️ icon). This will bring up options depending on the element. You can edit those to reflect the changes on the form.
      To add a new form element, click “add form element” on the right side. This will brings up the sidebar with various elements that can be added to the form. You can either drag and drop or click it to add the element to the form.
    How to add contact form on Blogger
    1. Once you’re done customizing the form, click “publish” to make the form live.
    2. Finally, you have to embed the form in your blog. To embed, click the “embed” option under “publish”. Copy the Javascript code and head back to your blogger account and simply paste the code where you want the form to be displayed.
    add contact form on blogger
    1. For example, if you want to display the form on a page, go to pages on your blogger account and open the page you want the form to be displayed, and paste the code. Make sure to select the HTML view (by default, the compose view will be selected).

    Whenever you receive a form submission, you will be mailed with the details. Moreover, you can check all the submissions from your Jotforms dashboard.

    How to use Google forms in Blogger?

    Just like Jotforms, Google forms can also be embedded into the blogger. Google Forms are a great tool for collecting data and information. With the right setup and integration, you can use Google forms to gather information from your readers from your blogger’s blog.

    The process is quite simple and easy to follow.

    1. Head over to Google forms and create a form.
    2. Click “send” and on the “send via” options, select “embed HTML“.
    3. Now copy the code and paste it onto the blogger. The form will now be integrated into your blogger page.

    Once you receive a submission, you will be mailed with all the details or you can check on the Google forms dashboard to view all the submissions. It’s pretty much like Jotforms.

    That’s it, guys. This is how to add a contact form in blogger; these are the simplest methods to do it. There is another way where custom code is used to create a form directly on the blogger but that requires HTML and javascript knowledge to achieve. That’s why I haven’t included that method.

    If you have any doubts, feel free to ask me in the comments below and I will try to reply as soon as possible.

    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
    Previous ArticleVisme Vs Canva: A Comprehensive Comparison
    Next Article Ezoic Requirements: What You Need to Know Before Joining the Platform
    Varun Srinivas

    Founder of the Blogginer. Varun is been blogging and active in the niche for over 5 years and would like to share the knowledge he gained along the way. Some of his expertise includes SEO, Social Media Management, and Wordpress Optimization.

    Related Posts

    Guides & How-Tos

    Step-by-Step Guide to Setting Up and Optimizing Your Site with Rank Math

    February 4, 2023
    Guides & How-Tos

    What Are The Tumblr Post Limit(And 7 Other Limitations You Might Not Know)

    March 7, 2022
    Guides & How-Tos

    How To Delete Blogger Account in 2023 (in Less than 2 Mins)

    February 24, 2022
    Add A Comment

    Leave A Reply Cancel Reply

    Table of Contents
    • How to add a contact form in Blogger using Jotforms?
    • How to use Google forms in Blogger?
    Facebook Twitter Instagram Pinterest
    • About
    • Contact
    • Privacy Policy
    • Terms and conditions
    © 2023 Blogginer.

    Type above and press Enter to search. Press Esc to cancel.