To truly understand what designing in Splash is all about, you’ll want to first familiarize yourself with what’s under the hood: the tools and terminology that define the process. The following list explains the individual components used for designing and building your new event page.
Watch a Video
You have an unlimited amount of backups at your disposal and they serve as saved moments in time of your Event Page's creation. So let's say you're about to completely re-brand your page. Before you do this, it would be wise to make a Backup so that if anything goes wrong, or if you prefer how the page was originally, you can navigate to your backups and restore the page back to normal. An important thing to know: The Splash CMS DOES NOT have an edit undo feature, so Backups are your safety net. Keep in mind that Splash auto-populates Backups of your page once every half hour that you have been editing the page.
Blocks organize a theme by grouping similar types of content together. Examples of block types include: text blocks, image blocks, venue blocks and cover blocks.
A cover block houses the necessary details for your event, such as the title, date, venue and a call-to-action button. A venue block may include a map, venue element and a photo of the location.
The Splash Block Library is broken down by these predefined types, which should cover the needs of most events with minimal customization. Additionally, empty building blocks can be added and built from scratch to fit more specific requirements. Blocks can be reordered to further personalize a layout.
Containers hold or wrap elements within a block. Compare the theme to an outline, and containers make up the next level in the hierarchy. They offer a further level of separation from the block, and allow the user to group content specific elements for the purposes of organization and formatting.
For example, a cover block may include both a text container and an image container. The text container would hold text-based elements like a headline, date and venue, while the image container would hold the event image. Margin and padding are often set on the outermost container, so that all elements within a block can be uniformly positioned. This practice not only ensures that designs are consistent in appearance, but also efficient to edit.
Elements are the individual items that make up a block. Examples include: images, text, headlines, buttons, videos, iframes, and social links.
An Event Page is pretty much what you'd guess: The literal web-page you are designing.
A hub is a curated listing of events. It is used to organize and arrange multiple events so that they can be searched and accessed from within a single page, much like a dynamic calendar. Hubs, like event pages, are customizable with brand-specific fonts, images and colors. Hubs are comprised of hub cards.
A hub card is a type of repeatable that links out to an event page. Each hub card represents a single event. Hub cards generally contain the same elements found in cover blocks and event cards, like the title, description, date and venue. Hub cards leading to past, private or featured events can be individually styled. Additionally, because hub cards are repeatables that utilize only dynamic elements, once an event is added to a hub, the hub card should automatically populate with all necessary information.
This term refers to the ability to independently style how your event page will appear across desktop, tablet, and mobile views. Splash gives you the opportunity to alter sizing and spacing to make the viewer's user experience top-notch. You can make changes on mobile that won't have any effect on desktop. In a world where 60% of your attendees are going to be registering for your events on their mobile devices, we know how thoughtful that experience needs to be.
True to its name, a repeatable repeats or duplicates a group of identically styled elements. Styling refers to how the individual elements are visually formatted, such as font color or size.
At its core, a repeatable is a styled list. For example, a speaker listing may contain a center-aligned image, the speaker’s name displayed in all caps, and the speaker’s title in italicized text.
A repeatable empowers the user to add new content, in this case an additional speaker, without having to style each of those elements a second time. This is because the styles only need to be set once, on the master repeatable. Similarly, if the user would like to change the style of an element, all repeatables can be updated at once with a single click, by editing the master repeatable.
Speaker blocks, schedule blocks and list blocks are the three main block types that are built around repeatable functionality.
An share card is like a postcard used to promote your event page via shareable social media channels and email. It is quite literally a 250x350 pixel image that houses dynamic content from your event page, like your event title, time and date, giving potential attendees a quick summary of what to expect. This image populates when you share your URL on Facebook, LinkedIn, Twitter, Slack, and even when you message your friends the link through SMS text. It's important for this Share Card to be on-brand and eye-catching, so we've made it fully customizable inside the Share Card touchpoint workspace.
Stages are a dynamic version of our backups feature that allow you to schedule different versions of your page to appear before during and after your event. For example, you can add an image gallery to the post-event stage that displays event photos for returning visitors.
The Splash workspace is the main tool used for building and managing event pages and hubs. Sections relevant to the construction of your event page are grouped at the top of the toolbar, including: design, layout and social. Sections relevant to managing your event “behind the scenes” are grouped at the bottom of the toolbar, including: form, email, event settings, analytics and more. Event cards and the master versions of repeatables and hub cards can also be accessed from the workspace through special modals.