Turn website visitors into leads with an embedded form
30th September 2021 by Bobbie Szabad
If you can copy-paste, you can embed a Google Form in your website. The challenging part is
not embedding a form, but rather making an online form that most people fill out completely.
By making your form embed responsive on any device and your form design branded and
personal, you’ll get a form in your website that makes a difference.
Get Started with Online FormsWith One Of Our 200+ Templates
Shopping Order Form
Registration Form
Sales Lead Form
Contact Form
Gala Dinner Form
Employee Feedback Form
Job Application Form
Webinar Registration Form
Online forms are excellent tools for a variety of different purposes. You can capture leads,
collect useful data, and understand your audience better.
No matter when or where, you have most likely encountered an online form at some point in
your life. And most likely, at some point this form was a Google Form, which is not
surprising. Google Forms is one of the most popular online form builder platforms which is
easy to use, reliable, and can’t forget the most important aspect, it is free to use!
But with all free services, it is limited in design and things get challenging when you want
to embed your Google Form onto your website or any other platforms.
So, here is a step-by-step guide on how to embed your Google Form onto your website. But, I
will also highlight the tools limitations and how a responsive platform like involve.me can
help you create interactive, engaging, and easy to embed content for your desired
purpose.
What Is Google Forms?
Google Forms is a free online platform where you can create and share forms and surveys. It
is part of Google Suite which also hosts Google docs, Google sheets, Google drive, and
several other apps which makes it easy to integrate with these other platforms.
The Benefits Of Google Forms
Google Forms has a lot of benefits. It is free to use and it is also very user-friendly. It
is easy to create and design forms and also to share them because Google Forms is a part of
the widely used G-suite platform.
If you are looking for an easy to use, free platform to create forms then Google Forms is the
right choice for you. However, keep in mind, as with most free services, it is going to be
very limited in customization options and its embedding options.
Downsides Of Google Forms
Google Forms is a great tool, but it’s a free tool which comes with a few disadvantages. As a
free tool, Google Forms’ design and functionality are limited. Here are a few things to keep
in mind before you choose to invest your time in making a Google Form.
1. Limited design options
Your Google Form will always look like a google form. The only thing you can customize with
your branding is the header.
2. Limited personalization options
Personalizing a Google Form for each user’s needs is not really an option. You can’t call
them by their first name or include answers from previous questions. You can’t skip certain
questions of certain users or ask additional ones. You can’t direct different people to
different resources.
3. Limited browser and device optimization
Google Forms look great on Chrome, but they aren’t perfectly optimized for different
browsers, especially not when embedded into your website. Google Forms embeds can randomly
cut off on different device screen sizes.
How To Create A Google Form
To create a Google Form go to https://forms.google.com
and click on the + button at the top of the page.
It will then start a new project for you where you can give your form a title and a
description.
The Google Form will already have the first question added onto the form, so you can just
type your first question in there.
Google Forms has this great feature where it recognizes the type of question you are asking
and it changes the response type accordingly. However, if you don’t like the type of
question it changes it to, you can simply click on the question type and a drop down menu
will appear from which you can select what type of question you want to be asking.
Then, to add another question just click on the + button on the right side of the first
question and this will add another question after the first one.
Google Forms also allows you to change the design of the form a bit by changing the color of
the form or by selecting a header from the available images. Unfortunately, besides these
options, you can’t really personalize your form on Google Forms.
How To Embed Google Forms
To embed a Google Form just follow these simple steps:
1. Go to the top of your screen, and click the button that says ‘Send’.
You will then get to a screen which gives you three different options for embedding your
form.
The first option allows you to send your form in an email and you can simply enter the
email addresses that you want to send the form to and it will do that for you.
The second option allows you to copy and paste a URL to embed your form as a link to
different places.
2. Click on the < > icon. Here you get an iframes code that you can copy and paste into your
website. You can also change the width and length of the form in this window.
3. Copy the embed code displayed.
4. Head over to your Wordpress website.
5. Either create a new page or click on the + button at the top left corner of your screen.
6. Once in the editor, press the + button that is on the page.
7. After pressing the + button, a pop up window will appear where you will need to select
custom HTML.
8. Paste the iframes embed code you copied from Google Forms into the HTML text box.
9. Click on ‘Preview’ to see how your form looks on your Wordpress website.
So now when you publish your post and you view it, you will see your Google Form embedded
in your Wordpress.
It’s quite simple to do this, however Google Forms has its limitations because it doesn’t
have a lot of design features which makes it look very generic. It doesn’t stand out and
capture people’s attention.
Additionally, it doesn’t allow you to change the size of the iframe. This might create a
very unpleasant user-experience. The contents of your form might be cut off and your
users will need to scroll in the frame offered which can be quite challenging and also
doesn’t look visually appealing on your website.
Furthermore, Google Forms lacks responsiveness meaning it will look different in
different browsers. A Google Form that looks spectacular in Google Chrome might look
like a messy blob in another browser like Safari. This also means that Google Forms
isn’t the most mobile-friendly either.
The bad news is that Google Forms only allows you to create a very limited and basic
form, which is not going to be visually appealing or attention grabbing, which is not
what you want when you are trying to capture leads.
The good news is, there are professional form builders, like involve.me where you can
create unique, personalized, and responsive forms where you get more flexibility in
design and functionality.
And the most incomparable feature of involve.me is that you are able to mimic a
conversation with your customers more than a Google Form can.
While Google Forms only allows you to list your questions, involve.me guides you through
a set of questions with the ability of having multiple pages in your project. This
creates more of a conversation with your audience rather than a long list of
questions.
The Best Way To Embed Forms Into Your Website
involve.me not only allows you to personalize your form to a much greater extent than
Google Forms, but it also allows for greater flexibility when it comes to embedding it
onto your website. It is mobile-friendly and it is consistent with all browsers.
1. Keep it responsive
Your form receives traffic from many different sources. Social media, emails or just
organic traffic to your website attract audiences on every type of device. And you
wouldn’t want them to click away because your form isn’t loading correctly.
A responsive form is a form that looks beautiful and works flawlessly on any device. Free
form builders like Google Forms are rarely optimized to adjust to various screen
sizes.
involve.me automatically generates the size of the iframe that would fit the purpose of
your form, however if you don’t like the size it automatically generated, you can always
customize the size as you would like it to be.
2. Keep it on brand
Your form is often your audience’s first touch point with your brand. Having your company
colours, fonts and logo in your forms will increase brand recognition. Branded form
design creates unique and memorable customer interactions instead of just data
submissions.
Using involve.me instead of Google Forms, may just be the right alternative for you. To
start off, involve.me has over 200 templates that you can use for whatever purpose you
need it for.
Get Started: Make A Lead Generation QuizUsing One Of Our 200+ Templates
What's Your Fashion Personality
What Personality Type Are You
90s Nostalgia Quiz
Test Your History Know How
What Type Of Reader Are You
Love Test
IQ Test
What's Your Travel Type
3. Keep it smart & personal
High-conversion form techniquest like the one-question per page approach get astronomically
better results. As opposed to regular forms 10% conversion rate, one-question per page forms
get a 63% conversion rate - that means 63% of people who click the form will complete the
form. By using involve.me you get more leads from the same amount of traffic.
One-question per page also allows you to decide what happens after specific answers are
selected - different follow up questions can be asked or skipped thanks to logic jump. Or an
entirely different part of your website can load thanks to custom redirects.
involve.me is overall a more personal, branded conversation with your audience.
Now how do you make a branded form with no coding skills?
Just head on over to app.involve.me and click on the Templates tab at the top of
your screen. For this guide, I will use the Hello
Yellow Sign Up Form. To customize the template, click “Choose”.
involve.me allows for a variety of personalization features which allows you to fully
customize your form to your brand and purpose.
You have design options ranging from the background image, font size, style, and color all
the way to how many pages you would like on your form, different question types, inserting
images and videos, and several other features which makes involve.me super flexible in
design and functionality.
You can even upload your own fonts!
We have several playlists on YouTube with videos all about the different features available
on involve.me, so if you want to get to know the platform a bit better definitely check
those out.
How To Embed An involve.me Form Into Your Wordpress Website
You have two options when it comes to embedding your involve.me project into your
Wordpress.
You can either embed in website content, which just means it will embed the form onto your
website and automatically generate the right iframe for it.
However, you can also change the size of the form to fit your webpage and it also shows you a
live preview of how it will look once you embed it into your website.
The second option is to have your form as a fullscreen embed. This just means that the only
thing that will appear on the web page is your involve.me form. For this just select the
fullscreen embed option and copy and paste that code onto your Wordpress.
Then, when you preview or publish your Wordpress page, your involve.me form will look bright,
unique, and majestic.
As you can see, involve.me is a much better tool to use if you are looking for more design
features as well as a more responsive platform that is easier to embed into your website for
different types of purposes.
You can be sure that it will look incredible no matter what browser or technology you are
viewing it from. Most importantly, it will stand out and capture your user’s attention!
Get Started with Online FormsWith One Of Our 200+ Templates