Adding Sessions to a Website

Once all your sessions are built in the Sessions Builder page, you are ready to add the sessions Grid or Dropdown Menu to your website. Sessions are added to a website as a form field within the web form builder.


Sessions - Grid Display

- Lets users see additional event information.
- Shows up to 10 sessions per page.
- Columns: customizable. labels are set up in the Form Field, based on the tag names created within the Sessions Builder. 
- Clicking on the Session Title, a pop-up window will appear with additional information. 
Pop-up information is set up within the Session Form Field and can pull any information based on the tag names created within the Sessions Builder. 

Follow the instructions below to add a Sessions Grid to your webform.

app

Adding A Sessions Grid:

  • From the Canvas of your event, enter into the web page you wish to place the grid.
  • Go to the Form section of the web page
  • Click the blue Add Form Field Button.
  • The form field type library pop-up window will appear. 
  • Select the "Sessions"
  • The Session field settings will appear.  
    • Select "Multiple Sessions"
    • Select Session: Drag the sessions you'd like to activate from the left to the right windowpane
    • Views: "Dropdown" or "Table View"
      • Dropdown: displays the sessions in a dropdown menu
      • Table View: Grid Sessions
    • Label: type the label of your sessions here
    • Description: optional.  you may type a description here which will appear at the bottom of the grid.
    • Session Table Columns: you may modify Column Title and Column Data, which you would like to appear
  • You may set as many columns as you want, however, keep in mind the spacing of columns on the grid. We recommend adding limited information to the grid and then displaying any additional information within the pop-up window that displays when the Session Title is clicked.
  • In the Pop-Up Window Design section, insert any additional information needed. You can pull information from the Sessions Builder with the use of curly brackets ( {{ }} ). Simply put the tag name associated with the information into the set of curly brackets. You may type out a title before the tag name section in order to identify what information is being pulled.
         Example:
              Event: {{title}}
              Date: {{emailDate}}
              Time: {{time}}
              Address: {{address}}
              Age Restrictions: {{details}}
  • Click the "OK" button to confirm your Display Style settings.
  • You will a preview of the Grid on your canvas
  • Once you're satisfied with the Session Form Field, click Save.
  • Drag your Sessions Form Field to the top of the form to reorder the fields. We recommend always having the Sessions Grid at the top of your form so that selecting a Session is the first action a user will take.
  • Once all your form fields are set up, click Save and Publish.

Sessions Dropdown Menu:

Sessions displayed within a dropdown menu show the session name with the option to display the session capacity as well. 

Users simply select an option from the dropdown menu to sign up for a session. 
- If the session is full, the capacity status will change to “Registration Full.” 
- If the waitlist option is is on, the capacity status will change to “Waitlist.” 
- Follow the instructions below to add a Sessions Dropdown Menu to your webform.

Adding a Sessions Dropdown Menu: 

  • From the Canvas of your event, enter into the web page you wish to place the grid.
  • Go to the Form section of the web page
  • Click the blue Add Form Field Button.
  • The form field type library pop-up window will appear. 
  • Select the "Sessions"
  • The Session field settings will appear.  
    • Select "Multiple Sessions"
    • Select Session: Drag the sessions you'd like to activate from the left to the right windowpane
    • Views: "Dropdown" or "Table View"
      • Dropdown: displays the sessions in a dropdown menu
      • Table View: Grid Sessions
    • "Searchable" toggle (top right of the popup): enables a search bar when the menu is clicked so that users can search a session
    • "Active Sessions Only" toggle (top right): removes expired sessions from the list
    • Label: type the label of your sessions here
    • Description: optional.  you may type a description here which will appear at the bottom of the grid.
    • Click the Checkbox near the bottom left of the settings if you would like capacity to show
  • Click the OK to confirm your Display Style settings.
  • Once all your Session Form Field settings are complete, click Save to close the field setting window.
  • Once all your form fields are set up, click Save and Publish.

Still need help? How can we help? How can we help?