How to display specific Event Types on an Event Registration form to display

What is covered in this article?  

• When to use this feature
• Display Events using the Event Type code
• Modifying your web form embed code

---

When to use this feature

This article will explain how you can set up an Event Registration page to display only events that match a specific event type or types such as a list of upcoming school tours and open houses.

To illustrate this further, you can create an Event Registration page specifically for your weekly Open Houses. You would want that page to only show the events that match the event type criteria "Open House" and to exclude other event types, such at School Tours, Virtual Tours, etc.

This type of set up will require you to utilize a modified version of the web form embed code.

Display Events using the Event Type code

To properly modify your web form embed code, you will first need the code for the specific event type. You can find the event type codes by going to Admin > School Lists. From the dropdown list, choose Event Type. You will see a page that looks like this:

The Code column on this page may be blank. If so, please add your own codes by clicking the pencil icon for each list item. You may enter any codes you like, but we recommend 2-3 letter codes that relate to the event type, as shown in the example above. 

Modifying your web form embed code

Remember that early in the implementation process for SchoolMint Connect, the onboarding team provided an email that contained the web form codes for your three forms. Someone at your organization (or possibly a representative from your school website provider) embedded those form codes in your school website. Ideally that same person should be involved in setting up this modified version of your event registration form code. 

Find the embedded code in your website. For the Event Registration form, you should see a line of code that looks like this:

<div class="et-widget" data-widget-type="1" data-widget-id="2"></div>

To set up a page to show only a specific event type, the web form embed code will not need any changes except you will need to add a section for "data-widget-event-type". In this example, the event type is Open House, so we are using the event code "od". In your version, you may be using a different event code.

The modified code will then look similar to this:

<div class="et-widget" data-widget-type="1" data-widget-id="2" data-widget-event-type="od"></div>

Note: You can enter multiple event codes. The system will accept any valid code within the quotation marks. For example, the code below will display both Open Days and Twilight Tours, but no others.

<div class="et-widget" data-widget-type="1" data-widget-id="2" data-widget-event-type="od,tt"></div>

If you are editing an existing page. The above edit is all that is needed. If you are creating a brand new web page, make sure to embed this line as well as the entire webform code.