You can customise the look and feel of the Magic Cart for your customers by adding your logo and selecting on-brand colours for your text, buttons, backgrounds, footers and headers.
How to Customise
Head to the ‘Magic Cart’ option in the left hand panel.
From here, you can customise the appearance of the ‘Repeat Buy’, ‘Subscription Converter’ and 'Subscription Manager' screens.
Click on a colour to customise it to the exact shade you'd like:
Tip: Use the eyedropper tool to click a colour on your own website to mimic this correctly.
To add your brand logo and favicon, copy and paste your logo and favicon URLs into the respective 'Website logo URL' and 'Website favicon URL' boxes.
Tip: A quick way to find your logo URL is to head to your website and right click on the image of your main logo. Select 'Copy image address' and paste into a new tab to check this is correctly hosting your logo.
You can also customise the font in the Magic Cart via the 'Font Face URL' and 'Font Family' boxes.
Tip: In Google Chrome, you can find your website's font face URL by right clicking and selecting 'Inspect'. Select the option 'Network' and then 'Font' - you may need to refresh the page if this appears as blank. In the 'Name' column, copy the desired font link here and paste this into the Relo 'Font Face URL' (this will usually be a Shopify file). Add the name of the font family below making sure this is correctly written. If you do not wish to customise your font face or font family, you can leave these fields blank and the standard font you see in the Magic Cart preview will be used.
You can also include the product description by ticking the 'Show Product Description' checkbox:
Once you’re happy with the changes, simply click ‘Save Settings’.
Please note: when customising the Magic Cart it will always display the same example items and images and not the active products from your store.