Skip to main content

[Nova] How can I embed a Google Form on my webpage? - Knowledgebase / Nova / Website - ClubRunner Support & Knowledgebase

[Nova] How can I embed a Google Form on my webpage?

Authors list

A Google Docs form is a document that acts as a flexible survey or form generator, allowing you to collect information and answers on a variety of topics. These custom surveys can be embedded within ClubRunner pages using the steps below.

If you are using the legacy ClubRunner editor, please see the instructions here.

 

Note

Did you know that you can create your own forms with their dedicated page using the Form Designer?

Learn more about how to use the Form Designer by reading this support article.

  1. Please go to Google Docs by clicking on this link: https://docs.google.com/forms

  2. Sign in using your Google/Gmail login. If you do not have one, you may need to create a new account.

  3. Near the top, select a form to use as a template.

  4. This opens a new Form document which you can customize. Please fill in all of the details you need to create your form.

  5. Once you are done, click the three dot menu in the top right-hand corner, then click Embed HTML.

    Click three-dot menu and then Embed HTML

  6. A window will pop up that allows you to set the width and height of the embedded form. We recommend you set the width to 600 px and the height to 700 px. If the size of the form doesn’t look right after you complete all of steps in this article, please change the size of the form to meet your needs.

    Set width and height and copy embed html

    Once done, please click Copy to save the embed code so you can paste it into ClubRunner.

  7. Now, return to your ClubRunner site and access the online editor in the story/widget where you wish to place the form.

    Navigate to the custom story or widget you wish to embed the form to

  8. In the toolbar above the editing field, click on the Insert HTML button.

    Click Insert HTML button

  9. Enter the embed code in the provided field and click the checkmark icon.Paste the embed code and click the checkmark icon
  10. Your survey now appears and can be published to the site.

    Embedded form on Nova

 

Helpful Unhelpful