Embed a Google Form – SwimTopia Help Center

One way to collect information from your team is to embed a Google form into your registration form or onto your team site. Any text box with the toolbar option </> for editing HTML should allow you to embed a form following the instructions below.

Covered in this Article:

Start a New Google Form
Create Your Form Content
Copy Embed Code for Your Form
Add Embed Code to Your Team Site
View Responses in Google Forms

Start a New Google Form

➧ Step 1: On your computer, open docs.google.com/forms

➧ Step 2: Sign in to your Google Account.

➧ Step 3: Start a New Google Form by selecting + Blank Form

Screenshot 2024-06-26 at 12.56.04 PM.png

Create Your Form Content

➧ Step 1: Give your Form a Name / Title

➧ Step 2: Add any necessary description to provide information or instructions to members on completing the form.

➧ Step 3: Create all of your form questions.

Copy Embed Code for Your Form

Once you have completed all of the questions on your form, you will need to copy the code created by Google Forms to use for adding to your team site.

➧ Step 1: Click on the purple Send button in the upper right.

➧ Step 2: This will open a pop-up where you will want to select <> to copy the embed code.

➧ Step 3: Set the width and height (this will change depending on where on your team site you are going to place the form)

➧ Step 4: Click the Copy button.

Screenshot 2024-06-26 at 10.46.49 AM.png

Add Embed Code to Your Team Site

Now go to the text box on your team website where you would like to place the form. You can paste this into any snippet or text window that has </> html edit in the toolbar. Here, in this example, we will use an acknowledgment section on our registration form to embed this Google form, but you can put it anywhere you see the tool. This works well on your website when pasted into text snippets.

➧ Step 1: Click the </> edit HTML icon from the toolbar:

Screenshot 2024-06-26 at 10.51.34 AM.png

➧ Step 2: Once you select the </> html editor, it opens the window that allows you to edit the html code for the page.

➧ Step 3: Paste the copied Google form embed information here:

Screenshot 2024-06-26 at 10.55.03 AM.png

➧ Step 4: Save your changes once pasting.

➧ Step 5: Now this Google form will show wherever you have placed it. Here we can see it on our registration form:

Screenshot 2024-06-26 at 10.57.19 AM.png

View Responses in Google Forms

As responses for the form are submitted, they will need to be reviewed in Google Forms - they will NOT show up in any SwimTopia reporting.

Screenshot 2024-06-26 at 11.06.15 AM.png

Use your imagination for all the information you can collect this way!