In this guide, we'll go through how you can customise the design of your checkout to your liking.
Start by heading over to the Design section of your EKM account and click Edit on the Checkout section.
You will then be prompted with three options:
Edit Checkout Logo
Having a logo on your checkout reassures customers that they are still on your website and have not been relocated elsewhere. Adding your business logo to your Checkout couldn't be easier.
Here you will be able to choose whether use your logo, or to attach/create a new one. Creating a new one will take you to the logo builder.
Although it seems trivial, the colours you use on your Checkout and indeed anywhere on your shop are of paramount importance. You want to ensure that the colours that you use are fitting with the product/service and industry that you are operating in.
[more]If you're unsure which colour would best suit your business, see this guide from Quicksprout which gives a detailed insight into colour perception and what it means for an online business owner.[/more]
This section will allow you to test colours on your website and will give you a visual representation of how the checkout will look with the colour(s) you have selected.
Here you will be able to select the background colour of your checkout flow or select an image that you'd like to appear in the background.
Visual progress Indicator
One of the features of the new checkout is that you can offer your customers a visual progress indicator. This shows them how far along they are in the checkout, and more importantly how far they have to go before completion.
On this section, you can choose what colour you would like to complete and incomplete steps to appear. For instance, you may want Complete steps to appear in green and Incomplete steps to appear in red.
This section will let you customise the colour of your CTA's (Call To Actions). A CTA is anything that prompts a customer to do something or take action e.g. 'Buy Now'. Here you will choose your Primary and Secondary button colours and your Header and Footer text colour.
Advanced Settings (CSS)
As always, we like to try and give you as much creative control as possible. By ticking the Enable Advanced Settings box, you will then be given the option to Edit Custom CSS.