Website updating
This website is powered by the Squarespace platform.
Below you will find brief guides on how to update this website. It is recommended that this task be done by someone familiar with a website dashboard environment, and or someone with a confident level of computer competency.
For queries not covered here, or design requests that fall out of the basic 'text update' level, please contact the designer or seek help from Squarespace support. Contact details and information links below.
DESIGNER
Simon Davidson
Graphic / Digital Designer responsible for the design and build.
Email: simondavidson@hotmail.com
Phone: 0450 012 120
SQUARESPACE
Find answers and support for basic set-up to development.
Logging in to your dashboard
Go to www.squarespace.com/login and enter the email address and password assigned to your Squarespace account.
You can also reach your websites login by either one of these two alternatives:
Alt 1) Adding the text /config after your websites domain name. For example; www.nonnas.com.au/config
Alt 2) Simply pressing the ESC on your keyboard when your website is displayed on your computer screen.
For additional information, visit the Squarespace tutorial page here.
Upon a successful login you will be granted with your dashboard which will look like this:
The dasboards main menu
The Squarespace platform and dashboard offers an in-depth array of managing your websites content and other business management tools, such as analytics, emails, product inventory etc.
As this instructional page is only intended to guide on the updating of text content, we will only briefly cover the required steps to do this which are within the PAGES section.
Information regarding other sections can be self researched, discussed with your IT contact, or discussed with a Squarespace support person.
This is the menu panel, located on the left of your screen.
PAGES section
In this section of the dashboard you will find all the pages for the website.
To edit a particular page, select it. Once a page is selected, you can edit the text or images on the page.
This is the PAGES dashboard view.
Editing page content
*To update product lists and stockists lists text, please refer to the next instructional title, 'Editing Product Lists and Stockist List'.
To edit the contents on a page you will first need to:
1. Scroll to the desired area of the page so the desired text is approximately positioned in the middle of your screen.
Then either:
2A. Position cursor over the content you wish to edit (text or image) and double click.
OR
2B. Hover your cursor towards the top left of the screen until you see dark grey EDIT panel appear. Select it.
3. This will unlock ALL contents on the page so you can edit text and swap images. You can scroll up or down to select desired parts to edit.
2A sample image – The top EDIT button that unlocks the page contents.
Editing body text
*To update product lists and stockists lists text, please refer to the next instructional title, 'Editing Product Lists and Stockist List'.
Once you have unlocked the page contents (above step):
1. Hover your cursor over the text area you wish to edit, click into it, and begin editing.
1. Edit your text.
2. If you need to add a font style, select a predetermined style from the dropdown (Normal, Heading 1, Heading 2, or Heading 3).
3. Click out of the text window to finish editing, and move on to another edit if desired.
4. After you have made all edits, click SAVE which is positioned to the very top left of the screen. This will save the edits and return you back to the PAGES dashboard.
This is what the text edit area should look like.
Editing Product Lists and Stockist Lists
*For updating of other text, see title above, Editing body text.
*Note, due to restrictions of the platform – Lists can only display a Heading followed by Normal text. Normal text can only be formatted in a singular block. If a keyboard 'return' is initiated after the Normal text, this will automatically introduce a new Heading.
1. Hover your cursor over the text list you wish to edit, and click on the EDIT button that appears at the center top of the text box.
2. A pop up window will appear with the list text. This is where you edit the text.
3. Edit your text in the pop up.
4. Once your text edit is made, click APPLY to commit and to close the pop up.
5. After you have made all edits, click SAVE which is positioned to the very top left of the screen.
This is the list editor pop up window.
Replacing images
Before deciding to update an image, make sure you have the new image ready on your computer. For image specifications, see below:
Home banner image – 2560 x 1343 pixels
Crumbs header background images – 953 x 400 pixels
Badges (No Added Sugar…) – 902 x 197 pixels
Large-product page filler images – 1000 x 800 pixels
Medium-product page filler images – 800 x 445 pixels
Small-product range images (on homepage only) – 500 x 350 pixels
Small-product favourites images – 500 x 278 pixels
1. Hover over the image you wish to update and double click it. A pop up window will appear and a thumbnail of the image will be visible in a few seconds.
1. In the pop up window, click REMOVE. The image will be deleted.
2. In place of the thumbnail will appear a button which enables you to add a new image. Click it.
3. Navigate to your new image on your computer and select it. It will upload in the thumbnail area.
4. Once your new image is uploaded, click APPLY to commit and to close the pop up.
5. After you have made all edits, click SAVE which is positioned to the very top left of the screen.
This is the image editor pop up window.
