Forms

Need to create a form and not sure where to turn? Read on!

Wufoo

Brandeis has contracted with Wufoo, a web-based form builder. You can easily create forms, embed them on your site’s pages, and review responses. Wufoo is the preferred form building for use on Brandeis websites.

To use Wufoo, email Digital Communications to request an account. One account will be granted per department/area. Please format and embed your form into the CMS using these instructions.

Toggle
Formatting

Form Name

"Form Name" text should be in title case. For example: Wufoo Form Sample

Form Template

Select Brandeis - Responsive Templates in the template dropdown menu, which is located on the same line as the form name line, on the right side.

wufoo theme selector

Toggle
Embedding

In Wufoo, in the "Forms" view, navigate to your form, hover over Share select Embed form.

embed wufoo form

Scroll down the page the the Embed your form section. With the first tab (Embed with JavaScript) selected, highlight all of the Embed code and copy it. Alternatively, you can click the green Copy Code button.

copy wufoo embed code

In the CMS, select the page on which you’d like the form to appear. Click Edit.

Expand the Editor Content Type. Select HTML.

Embed Google form HTML in CMS

Paste the code into the editor, and click Update.

You will see a yellow placeholder box appear in the WYSIWYG editor.

Click Submit.

Your form will appear on the page.

Note: If you make future edits to the form in Wufoo, they will automatically appear on the CMS page. You do not need to re-embed the code or re-publish your page.

Google Forms

Google forms may also be used on Brandeis websites. It is a useful tool to help you plan events, send a survey, give students a quiz, or collect other information in a streamlined way. You can create a form from your Brandeis Google account.

Please format and embed your form into the CMS using these instructions.

Please Note: Only the "old" version of Google Forms allows for a custom theme as described below. To switch from the new version to the old, click the ? in the bottom right corner of your screen, then select the option Back to the old Forms.

old google forms

Toggle
Formatting

Form Name

Type the Form Name in title case. For example: Sample Google Form

Form Template

With your "old" form open, click on the button that reads: Change theme

change Google form theme

A sidebar will appear on the right. You will need to make the following font selections for each category:

Title

  • Font: Proxima Nova
  • Size: Extra Large
  • Color: Black

Description

  • Font: Merriweather
  • Size: Medium
  • Color: Black

Question

  • Font: Merriweather
  • Size: Medium
  • Color: Black

Help Text

  • Font: Proxima Nova
  • Size: Small
  • Color: Black

Options

  • Font: Merriweather
  • Size: Medium
  • Color: Black

Form Background

  • White

Page Background

  • White

Your completed theme should look like this:

Google Form theme options

Toggle
Embedding

Click the blue Send Form button at the top-right of your screen.

google form send form

A Send form window will appear. Click the Embed button.

pop up window click embed button

The Embed form window will appear. Copy the code using your computer's keyboard shortcut. You can either leave the copied code on your clipboard, or paste it into a text editor.

Copy HTML for Google form

In the CMS, select the page on which you’d like the form to appear. Click Edit.

Expand the Editor Content Type. Select HTML.

Embed Google form HTML in CMS

Paste the code into the editor, and click Update.

You will see a yellow placeholder box appear in the WYSIWYG editor.

Click Submit.

Your form should appear on the page.

Note: If you make future edits to the form in Google, they will automatically appear on the CMS page. You do not need to re-embed the code or re-publish your page.