Appearance tab of the Site record
The Appearance for tab (followed by your site name) holds the visual settings of your store and of your emails.
-
Go to Settings > Sites.
-
Click the Edit icon (pencil) of your site.
-
Open the Appearance for tab (followed by your site name), change the fields, then click Update.
Tab fields
Section titled “Tab fields”| Field | Purpose |
|---|---|
| Logo | Your site logo, in jpg, jpeg, png or svg. See Add a logo. |
| Email Logo | Logo at the top of your emails, in jpg, jpeg or png, shown 150 px wide. When empty, emails use the Logo, which is a problem with an svg logo that many email clients do not display. |
| Email Color | Background color around the content of your emails. Without a value, a default blue is used. |
| E-Shop Banner Title | Title of your shop page (/shop). Without a value, the title is “Shop”. |
| E-Shop Banner Description | Text shown below that title. |
| E-Shop Banner | Image shown at the top of the shop page, in jpg, jpeg or png. No text is placed over the image. |
| Composition Description | Text shown at the top of the box composition page (/shop/compose). |
| Favicon | Browser tab icon, in jpg or png, cropped then resized to 64 x 64 px. It can be replaced, not deleted. |
| Title Font | Name of the font for titles, for example Lato. |
| Body Font | Name of the font for text. |
| Custom CSS | Your CSS rules, added to every page of the site. |
| CSS Variables | The variables that set the site’s colors and style (--primary, --color1…). See Customize site design. |
| Extra tags in the head | HTML code added to the <head> section of every page of the site, for example a domain verification tag. |
The Custom CSS, CSS Variables and Extra tags in the head fields are not shown when the site is created, only when editing.
Ciklik loads both fonts from Google Fonts automatically when both names are plain family names: letters, digits and spaces, such as Open Sans. If either one contains anything else (Work+Sans:wght@300, a comma, quotes), no font is loaded and the site uses the fallback font.
Both fields feed the --police and --police-titre variables. If you also declare these variables in CSS Variables, those values win.
Tags in the head
Section titled “Tags in the head”For a tracking tool (Google, Facebook, TikTok, Affilae), use the dedicated fields in the Marketing Parameters and Advanced trackers tabs instead: see Marketing Parameters and Advanced trackers tabs.