Add the Form Center Widget to a Page

Prev Next

This article will show you how to use the Form Center widget to embed a form directly on a page.

Important Notes

  • If a form used in a Form Center widget is unpublished, the container will be hidden on the front end.

  • Forms using the category’s confirmation page will stay on the current page and display the confirmation content inside the widget after the form is submitted. Forms set to go to a specific page will direct the user to the new page after the form is submitted.

  • Only one Form Center widget can be added to a page.

  • The Form Center widget does not support ePayment forms.

Who can use this feature?

System Administrator | Owner | Publisher | Author  

Instructions

  1. Navigate to the desired page and ensure that Live Edit Is On:The Live Edit status for a page is toggled to ON and highlighted.

  2. Select Widgets and then Modules:The Live Edit pane on the Widgets tab with the Modules subtab selected.

  3. Drag the Form Center widget to the desired area of the page:The Form Center widget being drag-and-dropped onto a page.

  4. Fill out Widget options:The Form Center Widget Options window with various fields and toggles displayed.

    • Skin: Select from a list of pre-created styling options for your widget

    • Option Set: Choose the desired Option Set (typically only default is available depending on design)

    • Displayed Form: Select a form to embed on the page

      Note:

      Only Regular forms that do not require sign-in can be embedded.

    • Advanced:

      • Widget Breakpoint: Width at which the widget will switch from narrow to wide view

      • Push To All Versions of this Page: Add a copy of this widget to all versions of this page

      • Push To All Subpages of this Page: Add a copy of this widget to all subpages of this page

      • Push Options: Choose where to put the widget within pushed pages

  5. Select the X to close and save your options:The Form Center Widget Options window with the Close (X) icon highlighted.

  6. Click Save:The Save button in the top right corner of the page.