Overview
This article walks you through applying your brand to a Store Link: Web to Print storefront. Branding has three layers: your global brand colours (Settings > Branding), your logo and store name (the Site Header), and optional colour overrides on individual page sections. By the end, your storefront and its login page will reflect your brand.
Prerequisites
You are logged in to the storefront Admin Panel as a store admin.
You have your logo image and brand colour hex codes to hand.
Step 1: Set your global brand colours
Go to Settings and open the Branding tab.
Under Brand Colors, set your Primary (buttons, links, heading accents), Primary Text, Secondary, and Secondary Text colours.
Under Surface & Text, set the page background, body text, and border colours. Use the live Preview on the right to check how it looks.
Click Save Settings.
Step 2: Set your logo and store name
Go to Layout > Header and click the header in the canvas to select the Site Header block.
In the BRANDING section, set your Company Name, Tagline, Logo Image, and Logo Size.
Repeat for the footer under Layout > Footer.
Step 3: Override colours on a section (optional)
Open a page (CONTENT > Pages > Edit) and click a content block.
Adjust that block's Background Color and Heading Color if you want it to differ from the global theme.
Step 4: Publish and check
Click Publish / Save and open your storefront. The login page inherits your logo and brand colours automatically.
Tip: Set your global colours in Settings > Branding first — every page picks them up. Use per-block overrides only for sections that need to stand out. |
What's next?
With your brand in place, build out your pages and navigation. See: Building pages, navigation, and search.