{"id":2408,"date":"2024-01-24T15:27:11","date_gmt":"2024-01-24T20:27:11","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=2408"},"modified":"2026-08-05T21:50:03","modified_gmt":"2026-08-06T01:50:03","slug":"embed-forms-on-a-page","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced-training\/advanced-training-module-4-forms\/embed-forms-on-a-page\/","title":{"rendered":"Embed Forms on a Page"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Add Forms to a Page\n <\/h1>\n \n \n \n\n

Advanced Training Module 4: Forms<\/p>\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n

Creating a form is only the first step. To collect submissions from visitors, the form must be added to a page on your website.<\/p>\n\n\n\n

Once embedded, visitors can complete and submit the form directly from the page, making it easy to register for events, submit requests, provide feedback, or contact your department.<\/p>\n\n\n\n

\n\n\n\n

Before You Add a Form<\/h2>\n\n\n\n

Before publishing a form, make sure:<\/p>\n\n\n\n

    \n
  • The form has been created and saved.<\/li>\n\n\n\n
  • All required fields are configured.<\/li>\n\n\n\n
  • Any notifications and confirmations have been tested.<\/li>\n\n\n\n
  • Spam protection has been enabled where appropriate.<\/li>\n<\/ul>\n\n\n\n

    A quick review before publishing can help prevent problems later.<\/p>\n\n\n\n

    \n\n\n\n

    Adding a Form to a Page<\/h2>\n\n\n\n

    To add a form to a page:<\/p>\n\n\n\n

      \n
    1. Create a new page or edit an existing page.<\/li>\n\n\n\n
    2. Click the +<\/strong> button and search for Gravity Forms<\/strong>.<\/li>\n\n\n\n
    3. Add the Gravity Forms<\/strong> block.<\/li>\n\n\n\n
    4. Select your form from the Select a Form<\/strong> dropdown.<\/li>\n<\/ol>\n\n\n\n

      The form will immediately appear within the page editor.<\/p>\n\n\n\n

      \n\n\n\n

      Display Options<\/h2>\n\n\n\n

      Once a form has been selected, additional settings are available within the block options.<\/p>\n\n\n\n

      Show or Hide the Form Title<\/h3>\n\n\n\n

      The form title can be displayed above the form.<\/p>\n\n\n\n

      This is useful when:<\/p>\n\n\n\n

        \n
      • The page contains multiple forms.<\/li>\n\n\n\n
      • The form title provides important context.<\/li>\n<\/ul>\n\n\n\n

        If the page already includes a heading describing the form, the form title can often be hidden.<\/p>\n\n\n\n

        Show or Hide the Form Description<\/h3>\n\n\n\n

        The form description can also be displayed or hidden.<\/p>\n\n\n\n

        Form descriptions are often useful for:<\/p>\n\n\n\n

          \n
        • Instructions<\/li>\n\n\n\n
        • Eligibility requirements<\/li>\n\n\n\n
        • Submission deadlines<\/li>\n\n\n\n
        • Additional context<\/li>\n<\/ul>\n\n\n\n

          If this information already appears elsewhere on the page, the description may be unnecessary.<\/p>\n\n\n\n

          Change the Selected Form<\/h3>\n\n\n\n

          You can replace the current form at any time using the form selector.<\/p>\n\n\n\n

          This allows you to reuse page layouts while changing the form being displayed.<\/p>\n\n\n\n

          \n\n\n\n

          Designing a Good Form Page<\/h2>\n\n\n\n

          Embedding a form is important, but the content surrounding the form matters too.<\/p>\n\n\n\n

          Visitors should understand:<\/p>\n\n\n\n

            \n
          • What the form is for<\/li>\n\n\n\n
          • Who should complete it<\/li>\n\n\n\n
          • What happens after submission<\/li>\n\n\n\n
          • Any important deadlines or requirements<\/li>\n<\/ul>\n\n\n\n

            A simple page structure might look like:<\/p>\n\n\n\n

            Page Title\nBrief Introduction\nImportant Instructions\nEmbedded Form\nContact Information<\/code><\/pre>\n\n\n\n
            This provides visitors with the information they need before they begin.<\/p>\n\n\n\n
            \n\n\n\n
            Before Publishing<\/h2>\n\n\n\n
            After adding a form to a page:<\/p>\n\n\n\n
              \n
            • \u2705 Preview the page<\/li>\n\n\n\n
            • \u2705 Complete a test submission<\/li>\n\n\n\n
            • \u2705 Verify notifications are sent correctly<\/li>\n\n\n\n
            • \u2705 Review the confirmation message<\/li>\n\n\n\n
            • \u2705 Check the page on mobile devices<\/li>\n<\/ul>\n\n\n\n
              Testing helps ensure visitors have a smooth experience.<\/p>\n\n\n\n
              \n\n\n\n
              Common Uses<\/h2>\n\n\n\n
              Forms are commonly embedded on pages such as:<\/p>\n\n\n\n
                \n
              • Contact Us<\/li>\n\n\n\n
              • Event Registration<\/li>\n\n\n\n
              • Feedback Forms<\/li>\n\n\n\n
              • Service Requests<\/li>\n\n\n\n
              • Applications<\/li>\n\n\n\n
              • Surveys<\/li>\n<\/ul>\n\n\n\n
                Creating a dedicated page for each form often provides the clearest user experience.<\/p>\n\n\n\n
                \n\n\n\n
                Best Practices<\/h2>\n\n\n\n
                Add Context Before the Form<\/strong>
                Explain the purpose of the form before asking visitors to complete it.<\/p>\n\n\n\n
                Use Clear Page Titles<\/strong>
                Visitors should immediately understand what the form is for.<\/p>\n\n\n\n
                Good Examples:<\/p>\n\n\n\n
                  \n
                • Event Registration<\/li>\n\n\n\n
                • Request Website Support<\/li>\n\n\n\n
                • Contact Our Team<\/li>\n<\/ul>\n\n\n\n
                  Test Before Publishing<\/strong>
                  Always submit a test entry before making a form publicly available.<\/p>\n\n\n\n
                  Keep Instructions Close to the Form<\/strong>
                  Important information should appear immediately before the form rather than elsewhere on the page.<\/p>\n\n\n\n
                  Review Forms Regularly<\/strong>
                  Remove outdated forms and update registration forms after events and deadlines have passed.<\/p>\n\n\n\n
                  \n\n\n\n
                  \n