Our platform gives you the power to set a variety of store settings in your admin, so that you can create and enhance your brand in your storefront website. The following guide walks you through the different options in the Settings > Store area of your admin.
General settings
Store Name
This is the name that your store appears under online. This will show in the following places:
- Online search results such as on Google
- The ‘from’ name in the automated emails that are sent from the system
Logo
Under ‘logo’ you can upload your business logo for use throughout your site. Click on the logo box and then upload the logo of your choosing from your device.
The area allowed for the logo is square. We recommend uploading an image that is square eg 200px x 200px even if your logo is not square in shape. The area around the logo should be transparent. A landscape logo would work as well. Portrait shaped logos don’t work so well with the template of the site. If an image is uploaded that is for example 500px high x 200px wide. Parts of the logo will be cut off.
Once uploaded the logo is used in the following places:
- Store front website header.
- Automated emails that are sent from the system.
- The logo appears when selecting an origin for a product under ‘Farm’.
- ‘Farm’ origin in the storefront on a product.
Favicon
How to upload your favicon logo
To upload your favicon logo click on the favicon box and then choose your file to upload to your site before hitting the ‘save’ button. Follow the guidance below to choose a correct image for use of your favicon.
What is a favicon logo?
A favicon is small icon, that appears next to a website's URL in a browser's address bar, on tabs, and in bookmarks, helping users quickly identify and distinguish websites. This is important for customer trust and for enabling consistent branding online.
Favicons show up in Google search results and the address bar’s suggestions, as well as in bookmarks and browser toolbars. In these visually crowded spaces, favicons make it easy to recognise websites at a glance—often without needing to read any accompanying text.
You’ll also notice favicons in your browser’s history. No matter which browser you’re using—Chrome, Safari, Firefox, or others—these small icons appear next to the listed websites, helping you quickly identify them. For example, here's how they appear in Google Chrome:
What is an ideal image for a favicon?
The ideal format is a square shaped image. However the logo within this doesn’t have to be square. You can for example have a round logo within a square canvas with transparent areas around the logo . Maximum size for the image is 100kb and dimensions up to 64x64 pixels.
Browser tabs typically have light or dark backgrounds—white, grey, or black in dark mode. When designing your icon, make sure it maintains visibility and contrast across all these scenarios. For instance, You tube’s red-and-white favicon is clearly visible no matter what background it's placed on.
Although favicons are traditionally 16x16 pixels, using a 32x32 pixel version is ideal for retina and high-resolution displays. This ensures your icon looks sharp and can still be scaled down cleanly when needed.
Here are a few helpful guidelines for creating an effective favicon:
- Keep it instantly identifiable: Your design should remain clear and recognisable, even when scaled down to very small dimensions.
- Incorporate your brand: If you already have a logo, consider using a distinctive part of it to craft your favicon.
- Go for simplicity: Often, the best favicons are minimalist—drawing from a single element of an existing logo for a clean, readable design.
Google place ID
The ‘Google place ID’ field is to input your unique business Google place ID. This connects with any related Google content blocks to pull through information such as reviews. Click on the ‘Place ID finder’ link - then search for your business. Copy the ‘Place ID code’ and paste into the field before saving.
Theme settings
You can adjust your theme settings by navigating to ‘Theme’ from within your settings page. Here you can update your colours and fonts for your site.
Colours
You can select a range of colours on your website. Any colour can be selected - you can either select a colour from the colour picker or enter a Hex code into the ‘Hex code’ field. The following colours can be chosen:
Primary colour
When a primary colour is set this is applied to ‘buttons’ and ‘links’ throughout the store front.
Secondary colour
The secondary colour is applied in the shop area of the storefront website, underneath the banner as well as on the ‘frequency buttons’ when adding a product to a customer basket.
Header colour
The header colour applied to the ‘header’ area of the website.
Footer colour
The footer colour is applied to the ‘footer’ area of the website.
Fonts
In the fonts area of the settings you can select from the full range of Google fonts for your website. You can choose both a ‘Title’ and ‘Subtitle’ font.
You can view the full list of fonts that are available by clicking on the ‘View all available fonts’ link.
To add a font use the ‘Search fonts’ field to find and select the font of your choosing. Then hit ‘save’.
Where is the title font used?
The title font is applied when ‘Heading 1 to 3’ is selected in the page builder. The Title font is also applied on blocks such as the ‘banner block’ and on the buttons in your storefront.
Where is the subtitle font used?
The subtitle font is applied when ‘Heading 4 - 6’ is selected in the page builder. The subtitle font is also applied to the footer headers and on product blocks and the customer shopping basket.
Header
Under the ‘Header’ settings you can choose between two types of header navigation for your store. You can choose between the following:
Choosing and updating the navigation for your store
Select the navigation style you would like to use by clicking on the radio button next to the option before hitting ‘save’.
How do I change what pages appear in my navigation?
Standard navigation - to change the navigation links available in your standard header navigation, click on the pencil icon next to either the content or product category pages. Select the pages you wish to add then click the ‘right arrow’ to move to the right hand column. To remove pages select in them right hand column and click on the ‘left arrow’. Click ‘done' then save to enable the changes in your store.
Advanced navigation - to change the navigation links available in your advanced navigation, click on either the drop down ‘shop’ for shop categories or ‘pages’ for content pages. Click on the pencil icon that appears beneath the drop down. Select the pages you wish to add then click the ‘right arrow’ to move to the right hand column. To remove pages select in them right hand column and click on the ‘left arrow’. Click ‘done' then save to enable the changes in your store.
Advanced - This is for stores that have a large number of product categories and pages. The navigations links are nestled under the titles ‘Shop’ and ‘About’. You can click through in the shop section to see categories and subcategories in a drop down and for content pages they are in a drop down also making it possible to add a larger number of pages.
With the Advanced navigation you can include many more shopping categories and content pages without it negatively impacting the website header.
Footer
In the footer section you can manage what logos appear in the footer of your website.
Footer logo
The footer logo appears in the left hand side of the footer.
- To upload the logo click on the ‘
footer logo’ box and then upload the logo of your choosing.
This logo is commonly used as a larger or more detailed version of the system logo. For example if your logo doesn’t have any text on it - the larger footer logo can be used to add more detail such as tag lines.
Accreditations
The accreditations logos are where you can add logos such as certifications (Eg Soil Association). These appear at the bottom of your site.
- To add the logo click on the logo box and upload the accreditation.
You can also provide a link to the accreditation website in the ‘link’ field. When a user clicks on the logo it opens the link provided in the admin.
To add more accreditations click ‘add accreditation’.
Socials
In the socials area of the settings you can add a number of links to your social media accounts. These appear in the community section of your footer.
You can currently choose between Facebook, Instagram, Twitter and Youtube.
- To add a link enter the url of the account into the ‘
Link’ field. and then select the social media platform from the ‘Network’ list.
- To add extra links click the ‘
add Social media’ button.