Skip to main content
Customize colours, button, and styling

How to customize the look of your Shopify storefront with easy-to-follow methods.

Joy avatar
Written by Joy
Updated this week

One of the easiest ways to enhance your Event page look is by adjusting the colour scheme, timeslot information, and buttons after time selection. Navigate to: Settings > General Settings > Storefront to do the following

Basic Color Editing

  1. You'll find options to change various colors to match your brand's identity. Simply choose the colours you want and save your changes.

How timeslots appear

  1. Show start and end time

  2. Show capacity remaining with each timeslot

Buttons after Time Selection

  1. Hide or show the "Continue Shopping" button. Include it if you feel customers would buy more services or products from you

  2. Hide or show the "Book Another Appointment" button. Include it if you feel customers would book another appointment with that same service

3. Change the "Checkout" button to go from the cart, by default, to go directly to the Shopify checkout page. This can help overall booking conversion

Advanced Styling with CSS

If you’re comfortable with a bit of coding, you can take your customization a step further:

  1. Navigate to: Settings > General > Advanced

  2. Custom CSS: In this section, you input your CSS code to style elements as desired.

Did this answer your question?