Skip to main content

Custom Pages & Dynamic Custom Pages

Written by Yusra Mohideen

We at Brella understand the importance of having all information in one place for the convenience of your event attendees. This is why we have provided the option to create as many custom pages as you like to include within the virtual event link of the Brella app through a few easy steps.

You can add two types of content as custom pages. 

  1. Embed a webpage

  2. Dynamic URL / Dynamic Custom Pages

How to Create a Custom Page.

  • Navigate to (manager.brella.io) - Custom Pages tab within 'Custom Content'
    ​

  • Click on Create New

  • Click on Continue.

  • Select the type of content you like to add from the dropdown.
    ​
    ​

  • Paste the URL you wish to add and click Continue.
    ​


    ​

  • From the following page - you can copy the Brella code to the main page you are embedding to ensure it appears properly, or you can skip this step.

  • Click on 'skip' in the pop-up that appears as well.
    ​
    ​


    ​

  • Click "Continue"
    ​
    ​


    ​

  • Complete the details and click on "Create Page"
    ​

    • You get the option to add a title (that will appear in the left menu); select an icon, and a custom URL for the page is created.

    • You can select to publish the page immediately or save it as a draft and publish it on a later day as well.

    • You are also allowed to show this page to only a selected group of attendees or to all attendees.

    • Please note that the "Page URL" area only allows lowercase letters, numbers, and hyphens, but it can't start or end with a hyphen.
      ​
      ​

  • The Page will get created.
    ​

     

💡 The website limits who can embed its pages by setting the X-Frame-Options: SAMEORIGIN header.

For the site limitation, it needs to be changed by the web admin of the webpage. Check out how it can be done by accessing the Content security policy

Using Dynamic URLs in Custom Pages

Use Dynamic URLs to personalize embedded custom pages for each attendee.

To make use of this feature, when creating a Custom Page, select Dynamic URL (or "Dynamic") as the content type.

This allows you to use merge tags in your URL, which Brella automatically replaces with attendee-specific information when the page is opened.

How Dynamic URLs Work

For example, if you configure the following URL:

https://example.com/welcome?user={{ invite_id }}&name={{ invite_first_name }}

An registrant with the first name "Jane" with the ID 12345 would open the following URL when they click on this custom page in their mobile or web app:

https://example.com/welcome?user=12345&name=Jane

Important! The website you are using in this dynamic custom page must support accepting these types of query parameters/ data sent from a 3rd party source - if you send this type of information to an unsupported website, it may not have the desired effect/ load correct content.

Available Merge Tags/ Placeholder Tags

You can use the following placeholder merge tags in your Dynamic URLs. The system will replace them with the registrant's real data (provided the field is filled in for that particular registrant).
​
​Invite-Related Tags

Tag

Replaced With

{{ invite_id }}

Unique ID of the registrant

{{ invite_first_name }}

Registrant's first name (from the fields entered when creating the registrant via the Admin Panel, API or CSV import)

{{ invite_last_name }}

Registrant's last name (from the fields entered when creating the registrant via the Admin Panel, API or CSV import)

{{ invite_join_token }}

Unique join token for the registrant (from the fields entered when creating the registrant via the Admin Panel, API or CSV import)

{{ invite_company }}

Registrant's company name (from the fields entered when creating the registrant via the Admin Panel, API or CSV import)

{{ invite_job_title }}

Registrant's job title (from the fields entered when creating the registrant via the Admin Panel, API or CSV import)

{{ invite_external_id }}

External ID of the registrant (from the fields entered when creating the registrant via the Admin Panel, API or CSV import)

{{ invite_qr_string }}

QR code string for the registrant

{{ invite_purchase_id }}

Purchase ID associated with the registrant

{{ invite_ticket_type_list }}

Registrant's ticket type registrant list

Attendee-Related Tags

Tag

Replaced With

{{ attendee_id }}

Unique ID of the registrant (for all registrants created after February 2nd 2026, this is the same as the {{ invite_id }} merge tag/ placeholder.

{{ attendee_first_name }}

Registrant's first name (derived from what they enter when onboarding into the event)

{{ attendee_last_name }}

Registrant's last name (derived from what they enter when onboarding into the event)

{{ attendee_company }}

Registrant's company name (derived from what they enter when onboarding into the event)

{{ attendee_job_title }}

Registrant's job title (derived from what they enter when onboarding into the event)

Custom Field Tags

Custom fields attached to the registrant are also available for selection, and will be displayed in the merge tag selector section with the custom field's definition key in the format {{ invite_custom_[customFieldKey] }}

For example:
​

Important! We do not recommend sending sensitive data to untrusted websites via query strings. Make sure you trust the website you are sending the data to and have the pre-requisite permissions and clearance to do so, as you do so at your own risk. Brella bears no responsibility for any data event organizers opt to send externally to the platform.

View from the event app

Now that you have successfully created a custom page, you can see how it appears to attendees by viewing the event through next.brella.io. Feel free to create as many custom pages as you require to include all details in one place for the event attendees.

Refer to this article to learn how you can re-order the custom pages you add to the event menu.


​

Related Articles
Did this answer your question?