How to set up an Event Registration form for a specific campus

What is covered in this article? 

• When to use this feature
• Display Campus Specific Events
• 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 campus. 

For example, if you have a multi-campus school you can create an Event Registration page specifically for one of your Campuses. You would want that page to only show the events that match are being held at a specific campus and to exclude events that are being held at any other campus.

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

Display Campus Specific Events

If you are a multi-campus school, you can add an additional tag in the embed code that will ONLY display events for that specific campus.

To properly modify your web form embed code, you will first need the code for your specific campus. You can find the campus code by going to Admin > Edit School. Under the Campus List section locate the campus in question and make a note of the Code. You will see a page that looks like this:

The Code may be blank. If so, please add your own codes by clicking the pencil icon for each campus item. You may enter any codes you like, but we recommend 2-3 letter codes that relate to the campus, such as HS for High School.

Modifying your web form embed code

Remember that early in the implementation process for 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>

For example if you had a list of events for your Early Learning Center, you would modify the embed code by adding the CODE for that Campus.

To set up a page to show only events for a specific campus, the web form embed code will not need any changes except you will need to add a section for "data-widget-campus-code". In this example, the campus is Early Learning Center, so we are using the code "ELC". 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-campus-code="ELC"></div>

Note: You may not enter multiple codes. The system will only accept one code within the quotation marks. 

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.