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, be sure to specify that you want this to be a public form (if you intend on embedding it on a page) by going to Settings --> Responses and clicking the slider to the off position for "Restrict to users in UW-Madison Google Workspace and its trusted organizations."

Screenshot of the settings area to make sure responders are not limited by NetID authentication

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 Send.

    Send button to create embed code for Google Forms

  2. Click on the <> icon, and after reviewing the options click the Copy button to copy the embed code to use on your page or post.

    Embed code options and full code needed

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:
2024-09-19
Sites:
DoIT Help Desk, WiscWeb