Session information can be pulled into websites, app and email. 

Website

Once all your sessions are built in the Sessions Builder, 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. There are two ways sessions can be displayed on a site: Dropdown and Grid.

Sessions Dropdown

  1. Enter your project from the Dashboard.
  2. From the Canvas, enter into the webpage you wish to place the Sessions Dropdown Menu.
  3. Go to the Form section of the web page
  4. Click the blue Add Form Field Button.
  5. The form field type library pop-up window will appear. Select the Session form field from the options.
  6. The Session field settings will appear. Change the Column Span settings to “2“. Change the Mandatory settings to “Yes“
  7. Click the Checkbox near the bottom left of the settings if you would like your grid to show multiple sessions.
  8. Click the Open Session Builder Button to select your sessions to display.
  9. The Grid Session Builder pop-up window will appear. Select all the sessions you would like to display and then click Next.
  10. In the Display Style window settings, select Dropdown from the Display Style Dropdown Menu.
  11. Click the Show Remaining Capacity Checkbox if you would like the session capacity to be visible in the Session Dropdown Menu.
  12. Click the Next button to confirm your Display Style settings.
  13. The next screen will show you an example of how the Session Dropdown Menu will appear. Click Done to save the Session Builder Settings. This will bring you back to the Session Form Field settings window.
  14. Once all your Session Form Field settings are complete, click Save to close the field setting window.
  15. Drag your Sessions Form Field to the top of the form to reorder the fields. We recommend always having the Sessions Dropdown Menu at the top of your form so that selecting a Session is the first action a user will take.
  16. Once all your form fields are set up, click Save and Publish.

Sessions Grid

  1. Enter your project from the Dashboard.
  2. From the Canvas, enter into the webpage you wish to place the grid.
  3. Go to the Form section of the web page
  4. Click the blue Add Form Field Button.
  5. The form field type library pop-up window will appear. Select the Session form field from the options.
  6. The Session field settings will appear. Change the Column Span settings to “2“. Change the Mandatorysettings to “Yes“
  7. Click the Checkbox near the bottom left of the settings if you would like your grid to show multiple sessions.
  8. Click the Open Session Builder Button to select your sessions to display.
  9. The Grid Session Builder pop-up window will appear. Select all the sessions you would like to display and then click Next.
  10. In the Display Style window, you can set your custom column names and add any information to your Session Title pop-up window. Click the Show Remaining Capacity Checkbox if you would like the session capacity to be visible on the grid.
  11. Set your custom column names by clicking the green Add New Custom Column Button. A new row of 2 fields will appear. The left side dropdown menu correlates to the custom columns set up in the Sessions Builder page and pulls in the information that was set to the tag name. Select a tag name from the dropdown menu on the left and then type in the custom column title on the right field you want to be displayed.


Example: 
Tag Name: details 
Title To Display: Additional Information

    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.
  1. 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}}

  1. Click the Next button to confirm your Display Style settings.
  2. The next screen will show you an example of how the Grid will appear. Click Done to save the Session Builder Settings. This will bring you back to the Session Form Field settings window.
  3. Once all your Session Form Field settings are complete, click Save to close the field setting window.
  4. 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.
  5. Once all your form fields are set up, click Save and Publish.