By navigating between the Products and Customise section on your Toggle account, you can create a stand-out webshop that sings to the same tune as your brand.
If you haven't already created a product, then you'll need to do this first. Here's how.
💡Tip: when customising the webshop, click on the 'My shop link' found in the bottom left of the side bar and refresh the page to see how your edits are looking!
To get started, log in to your Toggle dashboard and open up the Customise menu:
You’ll see various options that you can customise:
- Text styles
- Page text
The Text Styles screen allows you to change the fonts and styles that are used on your Toggle webshop.
Gift titles text style
Fonts for the titles on your Toggle webshop can be changed using these options.
Gift descriptions style
This is your main ‘body’ font. We use it for the gift card descriptions, but we’ll also use it in various other places on the webshop for a consistent look-and-feel.
Button text style
Buttons use the same font as your main text settings. However, you can tweak the style here if you like from Regular to Bold.
Gift prices text style
Prices use the same font as your gift card descriptions, but if you want to make them Bold or Regular to differentiate them a little, you can do that here.
Head to Customise > Colour to start tweaking the colours of your webshop.
The page colour of your webshop (the bit that sits behind your content) can be tweaked here.
When clicking onto the Page Colour bar you'll have a pallet show up where you can pick your colour using the slide bar or from the main pallet.
The chequered slide bar allows you to create a coloured gradient for your chosen colour which gives more (or less) tones to your webshop.
If you know the exact colour code you want then you can simply paste it into the colour code field.
Or if you would prefer to use a background image as the backdrop to your webshop, you can upload one here. File sizes should be under 2MB and we recommend dimensions of around 1920px x 1080px.
If you would like your background image to fill the whole webshop page then slide the gradient tool on the Page Colour bar to the left.
Remember, on mobile devices, your customers won’t see a whole lot of the background image, so this will mainly make your site look great for desktop and tablet visitors.
Button colours are quite straight forward; just tweak the colour here for the background colour of your buttons. One point to note is that the text colour of buttons is always white, so make sure you choose a colour that makes them readable.
The colour you choose here will also be used for any ‘call to action’ buttons on your emails.
The text colour section controls the colour that is used in the main body copy of the webshop. It will sit on a white background, so again just make sure you choose something that makes it readable.
Shop description text colour
Finally, you can change the colour that is used for the introductory text that displays on your webshop.
We also use this colour for the footer links, if you have created any, and in the footer text on your emails.
The Page text section allows you to customise the introductory text that shows on your webshop and also the footer text at the bottom of the page, including a link to your contact page.
On this same page you can also edit the text that shows up after a customer makes a successful purchase on the webshop. The Order 'thanks' page heading is the main, emboldened text that the customer will see. The Order 'thanks' page text is any additional text you can have show to customers after their purchase e.g. asking them to check their spam folder in case their digital gift email landed there.
The footer text can look something like this:
Upload a logo to put the finishing touches on your webshop. The logo will show on all your emails and at the top of your webshop.
File sizes should be under 2MB and we recommend dimensions of around 730px x 300px.
Previewing your webshop
Remember you can see how your webshop looks through out the process of customising by clicking on 'My shop link'.
A final note on the webshop layout
The layout of your webshop will be slightly different if you have just one product available, or two or more available.
If you want to offer one product, your webshop will have a 'linear' layout as shown below. A customer when clicking onto your webshop will be directed straight to the product, bypassing the need to click onto a specific product if more were available. If you've written some Homepage text, it will not show up.
If you have two or more products available your webshop will show up in a 'tiled' layout. A customer who visits your webshop will be taken to the homepage where they can browse what's available and then click onto a product. The homepage text does show here.
Re-ordering the layout of your products
You can also re-order where a product sits on your webshop if you have multiple products available. For example, if you have set a promotional code on a particular product or have a pay-it-forward that you want customers to see first when visiting your webshop, you can have them appear at the top of the page.
To do this go to the Products section on your Toggle dashboard and drag and drop your products accordingly.
There's a few other bits that you can add to the webshop, including what appears on the customers checkout journey. Find out about them here:
- Adding a T&C's opt-in at the checkout
- Adding a marketing consent opt-in at the checkout
- Adding a promo code at the checkout