Search

Configuring Subsite pages and navigation

Rachael Norris
Rachael Norris
  • Updated

Depending on how you plan to use your Subsite, you can configure the available pages and navigation to suit your organisation’s requirements. 

Before starting, make sure you’re familiar with:

Configuration options

How you plan to use your Subsite will inform your approach to setting up your navigation.

Below, we’ve listed out some examples of how you can use a Subsite as part of your online journey.

  • Linking a Subsite to your primary website. You can choose at what point in the journey customers move from your primary website to your Subsite. 
     
  • Using a Subsite for a festival or separate identity. A Subsite can act as a secondary purchase path website which exists separately from your primary integrated website. 
     
  • Using a Subsite alongside your integrated website. With this solution, your primary integrated website hosts the main purchase path, but customers are directed away to a Subsite to complete the purchase in specific scenarios. 

TIP: For more inspiration and in-depth examples on how you can use a Subsite as part of your online journey, take a look at the Use Cases section of the What is a Spektrix Subsite? article.

 

Subsite Navigation Menu

The Navigation Menu is the header of your Subsite which remains visible througout your customer's journey.
 

You can add new pages to the Navigation Menu under Settings >Navigation Menu. 

To add a new menu item, click the + Add new menu button at the bottom left of the table: 

 

In the type column, click the dropdown to choose from the available pages or choose Custom to create your own. 

WARNING: Do not use the Membership_Component (beta) page unless your organisation is in direct contact with our team about this beta.

In the label column, you can edit and rename the names of the pages. These are the names as they will appear on your navigation menu.

You can delete menu items using the trash icon or rearrange the order by clicking and dragging using the six dots icon. 

 

Custom pages

You can add any custom link to your Navigation menu. You might want to use this to link out to your primary website or another page that is or isn’t hosted on your Subsite. For example, you can use this option to add a link to a specific Event Availability page from your Subsite.

To do this, choose CUSTOM from the available pages dropdown and enter a label (the name of the link) and a URL:


 

Subsite pages

You can add any of the available pages listed below to your Navigation menu. Click one of the links listed below to jump to the section where you can learn more about that page.

Available pages to add to your Subsite:

For each page, you can set a label (the name of your page) and a Query Parameter. The label you enter is how your page will be named in the navigation bar. 

There are also other pages which appear on your Subsite during the purchase path. The purchase path is the journey your customer takes from selecting their tickets to checking out and making a purchase. Click one of the links listed below to jump to the section where you can learn more about that page.
 

Pages which appear in the purchase path:

To find the URLs for your Subsite pages, replace purchase.mywebsite.com with your subsite URL.

These Subsite pages can be accessed via the link at any time, even if they're not added in your Navigation Menu. 
 

View Events

The View Events page on your Subsite is where customers can browse your events.

To learn more about how to make changes to the View Events page, read the Configuring the View Events page article.

TIP: Filtering the View Events page works differently than filtering other pages on your Subsite, follow the guidance in Filtering the View Events to follow the specific steps.

 

Event Availability

The Even Availability page on your Subsite is where customers can view event information and the list of upcoming instances.

To learn more about how to make changes to the Event Availability page, read the Configuring the Event Availability page article.

 

Merchandise

The Merchandise page on your Subsite can be used to display your Merchandise items. The Merchandise page is powered by the Merchandise iframe.

The Merchandise page will display all Merchandise items that are active and marked as displayed on website.
 

By default, each Merchandise item will display the sale price. You can populate the Website Content tab for each Membership item in the Admin Interface to add an image, name and description using Wikitext.

Using Merchandise Attributes, you can filter this page by adding a query parameter. You could use this, for example, to create a page just for Merchandise items related to a specific Event.

If you need to edit some of the text that appears within the iframes on your Merchandise page, you can use the iframe content tool to identify where information is populated from.

Query parameter name Query parameter value Description
Attribute_{{merchandise attribute definition}} {{attribute value}} Can be used to filter Merchandise items

 

Gift Voucher

The Gift Voucher page on your Subsite can be used to display your Gift Voucher and Gift Membership options to customers. The Gift Voucher page is powered by the Gift Vouchers iframe.

You can add a Query Parameter to filter Gift Memberships by a certain membership ID.

If you need to edit some of the text that appears within the iframes on your Gift Vouchers page, you can use the iframe content tool to identify where information is populated from.

Query parameter name Query parameter value Description
membershipId {{the digits of a membership ID}} You can find the membership ID using the API Lookup tool. 

 

Sign Up

You can use the Sign Up page to collect Contact Preferences from customers without them having to create an account. When a customer completes this form, a Customer Record will be created in Spektrix.

The sign up page collects:

  • First name
  • Last name
  • Email address


 

If a customer successfully submits their details, they will see a confirmation message.

Any customers who sign up this way will automatically have any Contact Preferences with the ‘This preference is linked to Dotdigital’ box checked on their account.

Subsites use the Simple Sign Up form. Read more about collecting customer consent in our article on Contact Preferences.

Learn more about sign up forms.
 

Memberships

To learn more about how to make changes to the Memberships page, read the  How to set up a Membership Page in Spektrix Subsites article.

 

Donations

The Donations page lists out all of the Funds that you have set up to display on web. The Donations page is powered by the Donations iframe.

By default, each Fund will display the name, description and default donation amount which you set in the Admin Interface.

Using Fund Attributes, you can filter this page by adding a query parameter. You could use this, for example, to create a page just for Donations which are for a specific purpose.

If you need to edit some of the text that appears within the iframes on your Donations page, you can use the iframe content tool to identify where information is populated from.

Query parameter name Query parameter value Description
Attribute_{{donation attribute definition}} {{attribute value}} Can be used to filter Donation items

 

Ticket Subscriptions

The Ticket Subscriptions page lists out all of the Ticket Subscriptions that are active and on sale to web. The Ticket Subscriptions page is powered by the Ticket Subscriptions iframe.

By default, each Ticket Subscription Ticket Type and price will display.

Using a Ticket Subscription Web ID, you can filter this page by adding a query parameter. You could use this, for example, to create a page just for Ticket Subscriptions which are for a specific purpose.

Query parameter name Query parameter value Description
WebId {{Web ID}} Web ID is set manually and can be used to group together specific ticket subscriptions on a page

 

Fixed Series

The Fixed Series page lists out all of the Fixed Series subscriptions that are active and on sale on website. The Fixed Series page is powered by the Fixed Series iframe.

By default, each Fixed Series Subscription will display the name and date range.

Using a Fixed series Web ID as a query parameter, you can skip the first step of the Fixed Series journey, which displays all fixed series, and start from the step where a customer selects events, pricing and number of packages for a specific Fixed Series. 

Query parameter name Query parameter value Description
FixedSeriesWebId {{Web ID}} Web ID is set manually and can be used to show directly the Events and Pricing step in the Fixed Series wizard. 

 

Choose Seats

For reserved Events, the Choose Seats page displays the Seating Plan for customers to add tickets to their Cart/Basket.

For unreserved Events, the Choose Seats page allows the customer to choose a quantity against each of the available Ticket Types.

The Choose Seats page is powered by the Choose Seats iframe.
 


 

In the checkout flow, there are three alternative routes to the Choose Seats page.

  • Choose Attendee - for use with Facilitated Booking. Instead of reaching the Choose Seats page, Customers will be directed to the Choose Attendee iframe linked page. 
     
  • Require Login - instead of reaching the Choose Seats page, Customers will be directed to the My Account iframe linked page. This will force Customers to log in before continuing through the checkout flow.
     
  • Best Available - instead of reaching the Choose Seats page you can give Customers the option to have the Best Available seats selected for them, or force a Best Available seat selection.
     

To divert from the Choose Seats page on certain Instances, you can use Instance Attributes. 
 

  • Create the following Instance Attributes as a Checkbox and marked visible in the API. The names of the Attributes must match exactly and are case sensitive:

    • SLAskForAttendee
      When this box is checked on an Instance, the Choose Attendee iframe will display first in the checkout flow.
       
    • SLRequireLogin 
      When this box is checked on an Instance, Customers will be directed to the My Account page to login before continuing in the checkout flow.


    For Best Available, create the following Instance Attribute as a Dropdown and marked visible in the API. The name of the Attribute must match exactly and is case sensitive:

    • SLDisplay 

    Then, create two Dropdown Values: 

    • Best
    • Select

    When Best is selected: If a Best Available overlay is present on the Instance, the Customer will be presented with the options configued in your Best Available settings.
     

    When Select is selected: The Seating Plan will display for customers to choose their own seats.

    REMINDER: The names of the Instance Attributes must match exactly and are case sensitive.

 

Supplementary Events

If the Event that the Customer has added tickets to is linked to a Supplementary Event, this page will appear in the purchase path.

The Supplementary Events page is powered by the Supplementary Events iframe.

To directly access your Supplementary Events page, go to the URL:

https://{{purchase.mywebsite.com}}/SupplementaryEvents/{{instanceID}}

  • Replace {{purchase.mywebsite.com}} with your public facing Subsite subdomain.

  • Replace {{instanceID}} with the Instance ID of the Instance your Supplementary Event is associated with.

     

Cart / Basket

When browsing your Subsite a customer can visit the Cart / Basket page to view any items that have been selected for purchase. The Cart / Basket page is powered by the Cart/Basket iframe.

TIP: You can add a page to the Continue Browsing button from the basket by adding the URL for your View Events page in your domain specific config. To do this go to Website Admin > Domain specific config >Basket Book More Tickets and enter the URL of your View Events page.  This will show the Continue Browsing button at the bottom of the basket next to Checkout button.

If you need to edit some of the text that appears within the iframes on your Cart / Basket page, you can use the iframe content tool to identify where information is populated from.

 

Checkout

The Checkout page is the entry point into the Checkout flow. The checkout flow lets Customers choose their Ticket Delivery preferences, and confirm and pay for their Order. The Checkout page is powered by the Checkout iframe. 

Spektrix Subsites use Express Checkout and therefore cannot make use of features that only relate to Classic Checkout (such as the Customer Questionnaire).

If you need to edit some of the text that appears within the iframes on your Checkout page, you can use the iframe content tool to identify where information is populated from.

 

My Account 

Customers can view their details and Orders on the My Account page. The My Account page is powered by the My Account iframe.


 

Login / Logout

Customers can log in or out from the Login / Logout page. 

 

Inclusion filter using Query Parameters

Query Parameters filter the content that is displayed on the different pages of your Subsite. This allows you to determine which items your page should include.

Query Parameters add a string to the URL of your Subsite pages. The string can reference the custom Attributes that you have on your system. 

For example, you may wish to exclude a certain type of Merchandise from the Merchandise listing page on your Subsite. To do this, you could group the Merchandise you wish to exclude with a Merchandise Attribute and then add a Query Parameter to the page URL which filters the page by the specified Attribute value.

You can also use a Query Parameter to create a custom page on your subsite. For example, you may wish to list Events with a specific Event Attribute on a separate page.

 

How to construct a Query Parameter

Custom Attributes can be referenced in Query Parameters to filter pages on your Subsite. 

This applies to the following pages:

  • Merchandise
  • Donations
  • Memberships iframe (not Membership_Component (beta))

TIP: To learn how to construct a Query Parameter for the View Events page, follow the steps in the Configuring the View Events Page article.

If you're using a Checkbox type Attribute, the value is 1 for checked and 0 for unchecked. 

To reference an Attribute in a Query Parameter, use the following formula:

?Attribute_{{Type}}={{AttributeValue}}
 

  • Replace {{Type}} with the name of the Attribute. Attribute Names and Values are case sensitive. All spaces must be replaced with %20.

    For example, if my Merchandise Attribute is named "Shop items", I would update the URL to:

?Attribute_Shop%20items={{AttributeValue}}
 

  • Replace {{AttributeValue}} with the Attribute value.

    For example, if my Merchandise Attribute value is "Wicked Shirt", I would update the URL to:

?Attribute_Shop%20items=Wicked%20Shirt

REMINDER: URL filter parameters are not case sensitive and spaces need to be replaced with %20.

 

Footer Menu

You can add custom links to the footer menu of your Subsite. You can use this to add your Privacy Policy or Terms and Conditions.

TIP: If you use Spektrix Payments, you'll need to include specific information in your website terms and conditions. Read the Terms and Conditions section of the Moving to Spektrix Payments article.

To add a new menu item, click the + Add new menu button at the bottom left of the table.

Enter the following:

  • Label: enter the name of the item in the menu. 
  • URL: enter the URL you want to link to.