Get to Know Your Theme

Elements
Text goes here
X

Mrs Robinson

Elements
Text goes here
X
Mrs Robinson

Term

Description

Description

Element

Insert description here.

See It In Action
Text goes here
X

Title

Title

Description

Tip #1:
Text goes here
X

Color Set

Term

Description

Light logos are used against dark backgrounds.

Term

Description

Light logos are used against dark backgrounds.

Tip #1:
Text goes here
X

Color Set

Tip #1:
Text goes here
X

Color Set

Tip #1:
Text goes here
X

Color Set

Tip #1:
Text goes here
X

Color Set

Tip #1:
Text goes here
X

Color Set

Tip #1:
Text goes here
X

Color Set

Splash
1
Text goes here
X
2
Text goes here
X
3
Text goes here
X
4
Text goes here
X
5
Text goes here
X
6
Text goes here
X
7
Text goes here
X
Back to Top
Text goes here
X
Splash

Get to Know Your Theme

This guide is designed as a tool to empower you with full creative control to begin building event pages off of your beautifully crafted, branded theme!

Let's Get Rolling
Text goes here
X

Pro Tips:

There’s a lot of work behind the scenes to ensure your brand is built into a Theme, so we've put together a few tips to help you understand how everything works.

Tip #1:
Text goes here
X

Color Set Order

Tip #2:
Text goes here
X

Font Set Order

Tip #3:
Text goes here
X

Dark and Light Logos

Tip #4:
Text goes here
X
Event Image

Tip #5:
Text goes here
X
Event Description

Tip #6:
Text goes here
X

Event Hostname

Tip #7:
Text goes here
X

Linking Confirmation Emails

Learn Terminology
Text goes here
X

Featured Tip

of the Month

Watch Tutorial
Text goes here
X

How to link your Confirmation Emails

Curious to find out how to get your confirmation emails to auto-send when your guests register for your event? Wonder-no-more!

Tip # 1: Color Set Order

There’s some rhyme and reason to how Splash Creative has set up the structure of your custom theme’s color palette. So our first tip is to get you acquainted with the Color Set in your Custom Theme and the order of its color swatches.

There’s some rhyme and reason to how Splash sets up the structure of color palettes on Themes and Blocks. So our first tip is to get you acquainted with the Color Set in your Theme and the order of its color swatches.

The colors uploaded to your theme’s Color Set mimic the same order that appears in the Splash Brand Library.

Additionally, anytime you swap in a new color into the theme’s color set, the new color will dynamically pull into all of the Theme’s design touchpoints based on the order it was applied.

Note: Any colors added outside of these first 6 swatches may vary based on your specific brand colors.

Related Help Center Articles:

How do I edit my color set?
Text goes here
X

Color Set

SWATCH 1

Dark Text/Dark Backgrounds

The 1st swatch is usually the darkest

Swatch 2

Light Text/Light Backgrounds

The 2nd swatch is the opposite - it’s the lightest swatch.

Swatch 3

Button Backgrounds

The 3rd swatch is used for button background colors.

Swatch 4

Button Background Hover States

The 4th swatch is used for button background hover state colors.

Swatch 5

Translucent

The 5th color is a translucent swatch that is set to be 10% of the first swatch’s value.

Swatch 6

Transparency

The 6th swatch should always be reserved for full transparency and should never be edited or changed.

Swatch 1

Dark Text/Dark Backgrounds

The 1st swatch is usually the darkest

Swatch 2

Light Text/Light Backgrounds

The 2nd swatch is the opposite - it’s the lightest swatch,

Swatch 3

Button Background

The 3rd swatch is used for button background colors

Swatch 4

Translucent

The 5th color is a translucent swatch that is set to be 10% of the first swatch’s value

Swatch 5

Transparency

Finally, the 6th swatch should always be reserved for full transparency and should never be edited or changed

Swatch 1

Swatch 2

Swatch 3

Swatch 4

Swatch 5

Swatch 

rgba(0, 0, 0, 0)

Tip # 2: Font Set Order

Your Theme includes a Font Set tailored to your brand’s typography. This second tip is to help you learn how your fonts are organized in the tool and how the type hierarchy of your fonts can be managed in the future.

Font 1:

Headlines

The 1st font position is used for headlines

Font 2:

Subheadlines

The 2nd font position is used for subheadlines.

Font 3:

Body Copy

The 3rd font position is used for body copy.

Font 4:

BUTTON TEXT

The 4th font position is used for button text.

Font 5:

Additional

The 5th font position is optional and can be used for any additional brand font files. It should be noted that a maximum number of 5 fonts can be uploaded per Font Set at any given time. font position is used for button text.

The fonts uploaded to your theme’s Font Set mimic the same order that appears in the Splash Brand Library.

In order to scale across all devices and browsers, you must upload ttf, eot, woff, and svg file type formats for each font. See Font Sets and Font Uploading for more information.

Anytime you swap in a new font within the Font Set, it will automatically update the corresponding text elements on your theme/event page.

Note: Splash only allows you to include up to 5 fonts within the Font Set to enhance brand consistency.

Related Help Center Articles:

Font Sets and Font Uploading
Text goes here
X

Color Set

Your Custom Theme includes a Font Set tailored to your brand’s typography. This second tip is to help you learn how your fonts are organized in the tool and how the type hierarchy of your fonts can be managed in the future.

Tip # 3: Dark and Light Logos

Your brand logos can easily be dynamically pulled into all of your theme’s design touchpoints through the use of the dark and light logo page element properties. This third tip will help you learn how these logo-specific page elements work!

The Splash Creative team has uploaded both dark and light versions of your logos to your Theme.

Note: Splash only allows you to assign 1 dark and 1 light logo per theme.

Dark Logo:

Dark logos are used against light backgrounds.

Linked to the Dark Logo Page Element property in the Layout -> Properties Tab

Light Logo

Light logos are used against dark backgrounds.

Linked to the Light Logo Page Element property in the Layout -> Properties Tab

Related Help Center Articles:

How to use the Brand Library
Text goes here
X

Color Set

Within the “Properties” section of the Layout Tab you’ll see that the dark logo on your Premium Theme has been assigned to the “Dark Logo” page element and the light logo has been assigned to the “Light Logo” page element

Assigning these page elements in Splash allows your team to set brand logos as dynamic elements within your Premium

Tip # 4: Event Image

This fourth tip will help you learn all about how the event image page element works so you can dynamically update your event image across all of your Theme's design touchpoints with ease!

As a best practice, the Splash Creative team will assign ONE image on your premium theme to the Event Image Page Element.

Typically the Event Image is assigned to a single image in the Cover Block of your premium theme.

Note: There can only ever be ONE event image set per Splash Theme at any given time.

Within the “Properties” section of the Layout Tab you’ll see that the image in the Cover Block of your premium theme has been assigned to the “Event Image” page element property.

Assigning the Event Image page element in Splash allows your team to set an ordinary image as a dynamic element within your Premium Theme.

Tip # 5: Event Description

This fifth tip will help you learn all about how the event description page element works so you can dynamically update your event description text with ease!

The Splash Creative team assigns ONE text element on your premium theme to the Event Description Page Element. This page element is usually assigned to a single text element somewhere located in the Cover Block or About Block of your Theme.

Note: There can only ever be one event description set at any given time.

Once it’s assigned, your team has the ability to dynamically pull this event description into other Splash design touch points, like Emails, Confirmations, and even Hubs!

For example, if you type the [event_description_text] personalization tag in your email template, then send yourself a test, you’ll see that the event description dynamically pulls in, where that personalization tag initially appeared on your template.

In the Confirmations Touchpoint, If you write this same personalization tag into one of the “Message” fields, the event description text pulls in here as well!

Your guests have even more ways to access the event description! For instance, if a guest adds your event to their Google Calendar, the event description will dynamically appear in the Google Calendar description field.

The event description also appears when your guests share the event page URL across social media and text messages!

But it doesn’t end there! The event description text also dynamically carries over every time your event page gets added to a Splash hub.

Related Help Center Articles:

How can I make a page element dynamic?
Text goes here
X

Color Set

Tip # 6: Event Host Name

This sixth tip will help you learn how to edit the Host Name of your events so you can dynamically pull it into your Splash email templates!

You can edit all event details - including the host's name - in the Settings tab of your event page toolbar.

To edit the host's name, simply click the Event Settings tab and change the name in the "Event Host" field. Then, click the Save button.

In Splash’s Email Sender, you may use the [event_hostname] personalization tag to dynamically display the host name in the “FROM” field:

Related Help Center Articles:

How do I edit the host's name for my event?
Text goes here
X

Color Set

You may also use it in the body of your email templates:

Your guests will also be able to see the Event Host name populate in the "Who:" section of their email calendar attachments:

Tip # 7: Linking Your Confirmation Email

This seventh tip will help you learn how to link your Confirmation Email template so it’s set up to automatically send out every time a guest registers for your event!

First, click into the Confirmations touchpoint, then make sure you are editing under “RSVP Yes” by checking the drop-down in the top left of the touchpoint:

From here, within the Email section, click the “Design” button.  On the next screen, select the "Change Template" button under your “Email Layout” tab on the right hand side:

Next, you’ll need to choose the template you want to link as your Confirmation email. Be sure to hit the "Save" button once the template loads in:

To ensure your confirmation email template has been properly linked, check your Confirmations Touchpoint, under the RSVP Yes’s Email section. You should see that a green dot with the word “Edited” appears right above the “Design” button. 

Congratulations! Your confirmation email template has been successfully linked!

Related Help Center Articles:

How do I update my confirmation email template?
Text goes here
X

Color Set

Terminology

FOR THE VISUAL LEARNERS

Element

Elements are individual components that make up blocks. (E.g. Headlines, buttons, images)

See It In Action
Text goes here
X

Container

Containers hold or wrap other elements.

See It In Action
Text goes here
X

Block

Blocks are organized sections of your event page that house your content.

See It In Action
Text goes here
X

Theme

Once an event page is created, it can be saved as a Theme to be used as a template for future events.

See It In Action
Text goes here
X

Hub

A Hub element displays a collection or series of events. (E.g. an Event Schedule)

See It In Action
Text goes here
X

Repeatable

A Repeatable is one element or a group of elements that “repeats” or copies its style to its duplicates. They can be styled individually or all at once to save you time.

See It In Action
Text goes here
X
Elements
Text goes here
X

Individual components that make up blocks. i.e. Headlines, buttons, images

Containers
Text goes here
X

Holds or wraps other elements

Blocks
Text goes here
X

Organized containers that house elements

Event Page
Text goes here
X

The actual web-page you are designing

Theme
Text goes here
X

Once an event page is created, it can be saved as a Theme to be used as a template for future events. 

Backups
Text goes here
X

Unlimited amount of saved versions of your event page. Any backup can be activated at any time.

Stages
Text goes here
X

A dynamic version of our backups feature, empowering the designer to schedule different versions of their Event Page to appear before, during, and after their event. Just like Backups, the designer can create an unlimited number of Stages.

Terminology

Speak our language

Hubs
Text goes here
X

An element displaying a collection or series of events (aka an Event Calendar).

Repeatable
Text goes here
X

Is one element or a group of elements that “repeats” or copies its style to its duplicates. They can be styled individually or all at once to save the designer time.

Custom Forms & Confirmations
Text goes here
X

Customizable touchpoints of your attendee’s experience. Keep your entire event on-brand with a branded form and confirmations.

Share Card
Text goes here
X

A customizable representation (poster) of your event that is easily shareable across SMS text, email, and social media. This can be edited in your Event Settings.

Workspace
Text goes here
X

A customizable representation (poster) of your event that is easily sharable across SMS text, email, and social media. This can be edited in your Event Settings.

Multi-device Curation
Text goes here
X

Independently style how your event page will appear across desktop, tablet, and mobile. Alter sizing and spacing to make the viewers user experience top notch.

Visual Terminology

for the visual learners

Splash has a robust Help Center that should help answer any questions you may have. Alternatively, you can submit a case to our Support Team.

DESIGNER PRO CHEAT SHEET
Text goes here
X
SUSTAINABLE EVENTS
Text goes here
X
WEBINARS
Text goes here
X
PRODUCT RELEASES
Text goes here
X

© Splash

Element

Elements are individual components that make up blocks. (i.e. text, buttons, and images)

Element Image

Adding an element is simple and Splash offers ~25 options to choose from. To add an element on page, hover over the bottom of an existing element and click the purple circle plus that appears as you mouse over.

Similar to blocks, elements can be saved, duplicated and dragged/re-ordered within your layout tree. 

Among the most frequently used are dynamic elements, which auto-populate based on the information you submit when creating an event. They include:

• Event title
• Event date and time
• Venue + maps

Related Help Center Articles:

What are elements?
Text goes here
X
What elements can I add to blocks?
Text goes here
X

Container

Containers live within blocks and do exactly what their name implies: contain or hold content.  Think of containers as the glue that holds each element within the block in its proper place. Containers make it possible to create multi-column layouts, set max-widths on page content, and align content side-by-side on an event page.

Container Image

We recommend adding elements to your block first, then wrapping those elements in containers when necessary. See steps below:

1. Hover next to any element that will live in your container and click the box/arrow icon that appears
2. From here, collapse the container
3. Give the container a descriptive name
4. Drag the remaining elements into the container

5. If you need to align your elements within the container further, simply position the "Float" of your elements within the "Positioning" Tab to either NONE, LEFT, or RIGHT.

Note - Please be mindful of how many containers you add to a block. As a general best practice, the less containers the better so you can streamline your content into organized sections that are easily identifiable.

Related Help Center Articles:

Introduction to Accordion Tools
Text goes here
X
Understanding blocks, containers, and elements
Text goes here
X

Block

Think of blocks as sections on your event page. Blocks organize your content into a logical sequence, empowering you to build your event website efficiently through saving, sharing, and recycling.

Block Image

To add a block onto the page, hover over the bottom of an existing block and click the purple plus that appears as you mouse over. To edit a block, click into them to reveal the accordion tools. To reorder blocks you may simply click and drag them within your layout tree.

Related Help Center Articles:

Understanding blocks, containers, and elements
Text goes here
X
Saving and sharing blocks
Text goes here
X
Adding blocks, containers, and elements
Text goes here
X

Theme

A theme is a template for your event's website and digital touchpoints. Themes make creating beautiful, on-brand event pages easy. Design your ideal event experience - including the event page, registration form, confirmations, sharing messaging, and email templates - and then save it as a theme for your team to use over and over again.

Make it easy for your team members to create pages by creating themes for each type of event you throw. Currently, there are two great options to create a Theme in Splash:

1. From scratch within the Themes tab of your top-level Library.

2. Using one of your existing event pages as a starting foundation. 

Element Image

Related Help Center Articles:

How do I save a Splash event page as a Theme?
Text goes here
X
How do I share a theme?
Text goes here
X
How do I update a theme?
Text goes here
X
How do I use the theme library?
Text goes here
X

Hub

A hub is a landing page that makes multiple events discoverable and allows your guests to subscribe to those events. Whether you're looking to feature one event or hundreds, past events or upcoming events, or even events not hosted on Splash, a hub is your solution!

Element Image

Related Help Center Articles:

Hub: Creating an Events Calendar on Splash
Text goes here
X
Featured, Upcoming, and Past Hub Card Examples
Text goes here
X

Repeatable

A repeatable is one element or a group of elements that “repeats” or copies its style to its duplicates. This is because styles only need to be set once on the master repeatable.

Repeatable Image

The most common blocks with repeatable functionality include Speakers, Sponsors, and Schedule blocks. All of these blocks can be found within the Block Library.

Repeatable Examples:

Related Help Center Articles:

How to style repeatabes
Text goes here
X
Share with Friends
Facebook
Twitter
LinkedIn
Link
CONTACT THE ORGANIZER
Google   Outlook   iCal   Yahoo

REGISTER

processing image...
Google Icon
Google
Outlook Icon
Outlook
Apple Icon
Apple
Yahoo Icon
Yahoo