WiscWeb - WordPress UW Theme - Embed a Google Form

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

In this document:

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.

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

See Also: