قالب وردپرس درنا توس
Home / Tips and Tricks / To create a website contact form using Google Forms

To create a website contact form using Google Forms



  Google Forms Header Image

Google Forms is a powerful tool for creating free surveys and online tests. That's not all. With this guide, you can create a contact form that can be embedded directly into your website.

Creating a contact form in Google Forms is easy. Google has even created a template for you that makes your job much easier. All you have to do is load the template ̵

1; customize it if you want – and embed the form directly into your website. That's all there is to it. Let's go.

Creating a Contact Form

First, go to the Google Forms homepage and place your cursor on the multicolor plus sign (+) in the lower-right corner.

 Place the cursor on the multicolor plus sign (+).

The plus sign becomes a purple pencil and a violet page icon. Click on the purple page icon.

 Click on the purple page icon.

When the window is open, select the "Contact information" template.

 Click the template titled

Customize the contact form

The default template contains entries for a name, email address, phone number, and comments. If you want to add more information to the form, click the plus sign (+) for additional fields or questions.

 Click the plus sign (+) to add more fields

Until standard, name, email and address are required to submit the form. To enable / disable whether a section is mandatory or not, click on the desired field and then select or clear the Required check box.

 Click a box and select or clear the [19659003] checkbox To change the design of your form, click the palette at the top of the page, a title image, main and primary colors, and a font select. Select colors that match the theme of your website, as they will be displayed when you embed the form on your website.

  Customize the theme to match the palette icon of your site.

Finally, click on the "Settings" gear to change the behavior of the form when respondents fill it in

 Click the setting gear.

There are some settings available on the first tab that you can enable. Here you can collect e-mail addresses, send a copy of the answers by e-mail and limit each person to a post. You can also choose whether respondents edit their responses after submission, or view a summary chart at the end of the survey.

 The General tab in Settings.

Note: If you enable "Restrict to 1 answer," respondents must sign in with their Google Account to access your form. People without a Google Account can not reply to your forms. If you are not sure that everyone has a Google Account, leave this option disabled.

Some settings are available on the Presentation tab. However, we are only interested in the confirmation message that is displayed to respondents after submitting the form. This message will be displayed to people who submit the contact form.

 The Presentation tab in Settings.

When done, click "Save" to confirm any changes and return to your form.

Embedding the Contact Form

After you have completed all the information in the contact form, click the Submit button at the top of the page.

 Click Submit.

Click the Lace Brackets tab (< >), and then click Copy to copy the embedded HTML code to the clipboard.

<img class = "alignnone wp-image-435727 size-full" data-pagespeed-lazy-src = "https://www.howtogeek.com/wp-content/uploads/2019/08/x2019-08 -01_18h30_10.png.pagespeed.gp + jp + jw + pj + ws + js + rj + rp + rw + ri + cp + md.ic.nkDnuxrf1b.png "alt =" Click the angle brackets (< > ) and then "Copy." ” width=”650″ height=”445″ src=”/pagespeed_static/1.JiBnMqyl6S.gif” onload=”pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);” onerror=”this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);”/>

If you need to change the dimensions, change the width and height of the form and its appearance on your Web site under the HTML code code before you click "Copy." [19659003]  To change the dimensions on your site, change the numbers under the HTML code.

Now you just need to paste the code into the HTML code editor of a WordPress page or directly into the html file of your website where the form should be displayed, just come back and try out the numbers for width and height and copy the code again until everything on your website is perfect a

Gathering Responses in Google Sheets

One of the best features in Google Forms is that all responses collected can be sent directly to a Google Sheets spreadsheet. From here, you can use Sheet's formulas and charts, view responses in real-time, and install add-ons to further analyze, filter, and manipulate the data.

To set up a response table, choose Reply Click the Create tab and then the green leaf icon.

 To set up a table with all the answers, click

. Then click "Create" to create a new table to store all your data answers.

 Click Create

. If you already have a table to include the answers in, click Select Existing Table and follow the instructions. The table is stored on your drive and is also available on the Sheets homepage.


Done. Each table contains all the answers and a timestamp at the time the survey is completed, so you can easily connect with your customers.


Source link