Topics Map > Embeds and Integrations
Topics Map > Google Tools

WiscWeb - Embed a Google Form

The following document will walk a user through how to embed a Google Form into a WiscWeb page or post.

Before you begin

Use a Shared Drive for setup

We recommend that you set up your Google Form within a Shared Drive. Shared Drives accommodate many editors. Also, if the original owner leaves the University, someone can still have access.

Caveats to Shared Drives

Please note that Shared Drives will not allow for media upload fields in your Google Forms. Your options would be to remove this field, or find an alternative form tool. Gravity Forms may be a suitable alternative: WiscWeb - Using the Gravity Forms Plugin

Technical support and resources

Google Docs is covered by the UW-Madison Google Workspace team’s rules and terms of service: UW-Madison Google Workspace - Terms of Service/Use and Privacy Policy. For help and support using these tools, we recommend the following official Google support documentation:

Accessing a Campus Google Form

The campus G Suite access allows users to use a Google Form. To access your Google Forms using your campus account, navigate to https://docs.google.com/forms or https://apps.google.wisc.edu (choose Forms from the hamburger menu in the upper right corner), and log in using your netID@wisc.edu account. Please note that if you access your Google Apps via an account other than your NetID account, you may not see the forms you were expecting. It is best to do this in a separate browser or in an incognito window where you are not already logged into any other Google accounts.

Google login screen for Forms

You will then be brought to the campus authentication screen where you will log in via your NetID and campus password.

Once you have created your form, you can then activate it by clicking on the Publish button in the upper right corner.

Upper right menu with the publish button at the right colored purple

In this section you can dictate who can respond by clicking on the Manage link for the Responders section.

Publish form popup window

For example, you can open the form up to anyone by choosing Anyone with the link; or limit it to UW-Madison individuals only by choosing UW-Madison Google Workspace.

Managing access to the Google Form popup window

Once you have made your choices, click the Done button and then Publish to make the form live.

Creating the Embed Code for Your Form

  1. Once you have logged into Google Forms with the correct account, access the form you want to embed and in the upper right corner click on the three vertical dots.

    Accessing the More menu by clicking on the vertical three dots in the upper right corner of the form window

  2. From the list presented, click on the Embed HTML option.

    Accessing the More list of options

  3. Make any changes to the width and height of your form, and then click the Copy button to copy the iframe code.

    Accessing the iframe code for embedding this Google Form

Embedding the Google Form in a WordPress Content Area

With the embed code copied, log in to your WiscWeb site and access the page or post that you want to paste this into.

  1. In a Text Area, paste the code that you have copied into the Visual Editor. The embed functionality will take that code and display the form within the text area.

    Form embed code added to text editor

    Form embedded within text editor area


Keywords:
forms spreadsheet feed form embed add view use google survey integrate
Doc ID:
104560
Owned by:
Matt G. in WiscWeb
Created:
2020-07-31
Updated:
2025-02-03
Sites:
DoIT Help Desk, WiscWeb