How to Design an Event Booking Page That Sells More Tickets [Tutorial]

The goal in creating an event booking page is to sell as many tickets as possible. In this tutorial, we’ll show you how to increase sales with an eye-catching promotional carousel.

Whether promoting a free or ticketed event, it’s critical that you sell as many tickets to it as possible. The way in which you promote the event — and the level of detail you go into — will have a big part in that.

In this tutorial, we’re going to demonstrate how to use the Event Booking Tiny Slider template to create a promotional carousel for your event booking page. It can be used to present details about all types of events — exhibitions, conventions, conferences, webinars, fairs, as well as small business events.

Table of Contents:

In order to sell tickets to an event, you need to be able to show potential attendees what you have in store for them on your event booking page. This tiny carousel demonstrates how you might do this for a special museum exhibit or a cultural expo:

In this tutorial, we use this template to promote our upcoming county fair:

If this is your first time using Slider Revolution, use these guides to get acquainted with the editor before you begin:

Step 1: Choose a light or dark theme

Open up “New Module from Template” and do a search for “Tiny Slider”. You’ll find a Light and Dark template option.

Choose the one that goes best with your event booking page design. Install it and then open it up from your modules list to start editing.

Step 2: Update the global layers

Take a look at the template and you’ll notice that certain elements and details remain the same, even as you scroll through the carousel. These static elements can be found under Global Layers.

To access them, go to “Slides” in the toolbar and select “Global Layers”.

You can ignore the Image-Space layer. It’s the text and button layers at the bottom of the design you need to focus on:

  • Title is the big, bolded name of the event
  • Description is the small paragraph describing the event
  • Month and Day make up the calendar date graphic
  • Button is the full-width event booking button

Start with the Title and Description as these are plain text layers. To edit these layers, use “Layer Options”. Go to “Content” to change what the text says and “Style” to change the font, color, and general text styling.

You’ll use the same “Content” and “Style” settings to update the text in the remaining layers. To make adjustments to the background colors of Month, Day, and Button, go to “Style” and “Background”.

If you change the background color of the Button, also update the color under “Hover” settings.

One last thing to do is to update the button’s link. Typically, event booking pages direct visitors to a separate booking form or platform. To add this link to the Button, go to “Actions”.

Select the Simple Link option. Then add the booking form link. Close the “Actions” pop-up to save your changes.

Learn more:

Step 3: Add or delete slides as needed

Exit out of Global Layers by going to “Slides” in the toolbar and opening up your first slide.

The carousel template has six slides in it. You don’t have to include that many if you don’t have as many speakers, exhibits, activities, etc. to highlight for your event. You also can add more if they’re needed.

To delete a slide, open up the “Slides” dropdown and hover over the slide you want to delete. Click the trash can icon beside it to remove it from the carousel.

To add a slide, click the duplicate icon beside any of the existing slides.

This will make an exact copy of the slide. Just make sure that the slide you’re duplicating has the type of content you want to showcase.

For instance, Slide 2 in the light theme and Slide 3 in the dark theme are video files. If you want to include more videos in the carousel, duplicate this slide. If not, delete it and make a copy of an image slide to use in its place.

Learn more:

Step 4: Add custom event imagery

Each image in the carousel has its own slide. To edit the images within them, look for a layer in the timeline editor called Image. You can also select it from the canvas.

Note: The images are 640px by 640px. Export your images using those dimensions and you’ll cut down on how much editing you need to do in Slider Revolution.

To replace the existing image, go to “Layer Options” and “Style”. Upload your new image to the Media Library.

If you want to adjust how the image is positioned within the frame, use the Position settings below the uploader. This will come in handy if you have an image with a bright spot at the top that makes the text difficult to read.

Save your changes and then repeat the process for each slide.

Learn more:

Step 5: Add specific event details to the cards

There are two layers left to customize: Caption-1 is the main headline and Caption-2 is the subheadline that describes the exhibit, speaker, activity, etc. You can use both lines of text if you need them.

We’re going to delete Caption-2 as we don’t have any artists, organizations, or other info to provide on the activities. To do this, locate the layer in the timeline editor or select it in the canvas. Then click the Backspace or delete key to remove it. You can remove the Linebreak-9 layer with it as well.

To customize the remaining text, select Caption-1 and go to “Layer Options”. Use “Content” to change what the text says and “Style” to edit the font and style of the text.

Update the text in the other slides and make the same stylistic changes to the fonts, colors, etc.

Step 6: Update navigation arrow style

The design of the original template feels heavier and more tech-y compared to what we’ve put together here. Because of this, we need arrows that aren’t so dark and prominent-looking.

To make adjustments to the navigation arrows, go to “Navigation Options” and click on “Arrows”.

You can select from over a dozen premade arrowhead styles and then customize them using the settings below.

Preview your work when you’re done. Make sure the arrowheads are easy to find with your changes applied. When you’re satisfied with your changes, save your work.

Learn more:

Increase ticket sales with an awesome event booking page

There’s often a lot of information to share about a big event like a conference, convention, or exhibition. If you want potential attendees to stop and take notice of key event details, then you need a show-stopping carousel or slider like the one in the Event Booking Tiny Slider template.

Customize this template, add it to your event booking page, and watch as your ticket sales skyrocket.

How to Design an Event Booking Page That Sells More Tickets [Tutorial]

FREE: Your Go-To Guide For Creating
Awe-Inspiring Websites

Get a complete grip on all aspects of web designing to build high-converting and creativity-oozing websites. Access our list of high-quality articles and elevate your skills.

The Author

Kezz Bracey

Learn everything you can. Teach everything you know.

For further information or clarification on any topic discussed in this blog's posts, feel free to leave a comment on the post or contact me at [email protected].

Liked this Post?
Please Share it!

Leave a Reply

Your email address will not be published. Required fields are marked *