Overview
Organisations can customise the appearance of their Shop Forms to align with their own branding. This allows for a more consistent and professional look and feel for members purchasing products through your GameDay shop. By using the Shop Forms Display Template option on the Shop screen, you can apply one consistent brand to all your shop forms.
Step-by-Step
Step 1: Navigate to the Shop screen
In the left-hand menu, click SHOP
Step 2: Access the Shop Form Display Template
On the Shop page, click the SHOP FORMS DISPLAY TEMPLATE tab to open the styling options
Step 3: Customise your form colours
Use the colour pickers to select your desired colours or enter specific hex codes for the various form elements. Key areas to customise include:
Button Colours: Set the background and text colour for form buttons
Text Link: Set the colour for hyperlinks
Background Gradients: Choose primary and secondary colours for a gradient background effect
Form View Settings: Customise the Header, Progress Bar, and associated text colours
Make sure your colour combinations achieve a Pass on the Contrast Checker for readability
You can also preview how the styling would look on both Mobile View and Desktop View
Step 4: Save your template
Once you have finished customising the template, scroll to the bottom of the page and click SAVE. Your live shop forms will now be updated to reflect the new styling, providing a customised experience for your members.
Watch
