It’s quite imaginable that you feel the basic colours of the ticket shop are a little too bland, or that it simply doesn’t suit your event’s style; that’s understandable. We encourage you to make your ticket shop more unique and more akin to your taste, so we have included a feature that allows you to pick a colour for every specific element of the ticket shop. This guide will show you how to do it all yourself:

1. Go to your ‘Dashboard’, hover over ‘Manage’ on the left and select ‘Events’. Now all you have to do is select which of your events you would like to personalize the ticket shop of; this can be done by clicking on ‘Manage’ beside the specific event.

2. On the left you will now see five different icons, if you select the shopping cart you will be able to make changes to the ticket shop. Then, by clicking on ‘More options’ in the top-right corner you will be able to toggle on ‘Shop styling’ - which is the feature that will allow you to change your shop’s colours - the feature will then appear in your menu.

3. The basic colour settings allow you to adjust the primary and secondary colours. The preview on the right will allow you to see a live representation of the effects of your changes; try experimenting with different combinations!

EVENTIX TIP: Choose the colours of your branding to make your ticket shop both more personal and more recognisable.

4. We want you to make your shop as unique as possible, so we have included a more advanced feature which allows you to edit the colouring of each individual element in your ticket shop. You can access this feature by selecting ‘Fine-tune colours’, which can be found under the primary and secondary colour fields.

Header
Hit the nail on the header!

5. You are now free to choose any colour you want for any element of the menu, in any order, but for the purpose of this guide, we will start by focusing on the ‘Header/Footer’ section. Adjusting the settings here changes the colour of the top and bottom strips of the ticket shop.

6. Next, we’ll change the ‘Navigation step normal’, which constitutes the ‘inactive’ steps in the ticket shop - in other words, they are either not yet active or no longer active. for our default shop, we have chosen a lighter blue colour than what we use for our ‘Header/Footer’, because of the passive function they serve. Of course, you are welcome to do as you please.

EVENTIX TIP: Choose a ‘softer’ colour for your ‘Navigation step normal’ than your ‘Header/Footer’, this way the users are not focusing on passive elements of the ticket shop.

7. The ‘Navigation step active’ highlights which part of the three steps of the ticket shop the user is currently in. We have chosen for our secondary colour - orange - so that it is immediately clear that this is the active element of the ticket shop.

Tickets Page
Ticket to the next level.

8. The ‘Event title’: This is the strip that shows your event’s information, which you can highlight by selecting clear background and text colours.

9. The ‘Tickets’ section is where the user can select the number of tickets they would like to purchase. You will probably want to select a colour that draws attention, to get people clicking on that ‘+’ button as often as possible.

10. In the ‘Coupons’ section you can choose to change the text and button colours, however, these elements only appear when the field ‘Have you got a coupon?’ is selected and you start filling in your code. You can also choose to remove the coupon section by moving the ‘Show input’ slider to ‘off’; this isn’t something we encourage, but you have the option. Would you like to know more about using coupons? Click here.

Other
A shop by any other name

11. ‘Body’: This is the only aspect of the ticket shop that you have left unchanged so far - with the exception of the ‘buttons’. The standard we have chosen is a simple white background with black lettering, this is also very clear, however, we’re sure you can come up with your own more creative combinations.

12. You can find the ‘Buttons’ at the bottom of the ticket shop; this is where the users press ‘Next’ to go to the following screen and ‘Back’ to go back. You can adjust the background and text colours for the buttons, just keep in mind that the text of the ‘Back’ button will have the same colour as the background of the ‘Next’ button.

13. The final element is the ‘Panels’ which only appear after users have selected ‘Next’ and have moved on to the next step. The panels are where the users fill in their personal information such as their first name, last name and e-mail address. You can see this yourself by selecting a ticket in the preview and pressing ‘Next’.

Thanks for reading, if you have feedback or questions about these guides, please contact us through the chat in the bottom-right corner or via info@eventix.io.

Keywords: Custom styling, design, customization, colours

Did this answer your question?