Editing your website
This page contains a tailored tutorial video running you through the majority of tasks you’re expected to perform on your website. You have no restrictions on your site and are able to edit anything and everything.
As a non-retainer client, there is no on-going support package setup for you and your business so any support questions should be directed to Squarespace themselves in the first instance — after all, you are paying for their service! Your site is custom made and therefore does contain bespoke coding (CSS, HTML and Javascript). If you reach out to Squarespace support and they cannot help with your particular query at that time due to customisation, please do get in touch with us (hello@studiocreat.es) and we can provide you with an estimate to troubleshoot your issue.
As mentioned in your videos, the Squarespace support articles and forum are a wealth of knowledge and are easy to follow. You can find these here:
Squarespace Support Articles
You can also contact Squarespace via this link
Squarespace Overview
Events & Ticketing
Editing Pages & Blocks (content)
Customer Orders & Purchases
Newsletter Signups
Contact Forms & Submissions
Blogging (important!)
Resizing your images
Image sizing is really important for your site speed first and foremost, but also to ensure your images are crisp and clear for your users and not pixelated (blurry).
It is best to start with as high quality an image as possible and then scale it down for your website by resizing and compressing it where necessary.
Step 1 — Original Image Size
Find the size and dimensions of your original image before you upload it to your site:
If you’re using a PC - Right click on the image file and select Properties.
If you’re using a Mac - Press Option while clicking on the image file, then select Get Info.
Step 2 — File Type
Check the file type of your image. Only JPG, PNG or GIF files can be uploaded.
Step 3 — File Naming
As you’ll remember from your image supply, file naming is really important for SEO and accessibility. Ensure your files are named correctly and describe the image well (imagine a visually impaired person having the file name read out to them – would they know what the image was of?). If possible, try and include a keyword or two to aid SEO within your file name. NB — Only use letters, numbers, underscores, and hyphens. Accented letters, question marks, percent signs, and ampersands may not upload or cause unexpected issues.
Step 4 — Resizing your image
Squarespace requests image files of less than 500 KB for best results, though the limit for an individual image upload is 20 MB. You should never have a file that is this size in reality. The maximum I would advise for upload is 1.2MB and this would be for a background banner image.
Banner Images (the ones that stretch the full width of your page) should be of 2000 pixels/px wide. Squarespace will crop the height of these depending on the depth of your banner area.
Lightbox (Gallery) Images — Images which are sized between 1000-1500pixels/px will lightbox well. Please keep image sizing less than 1000KB for these if you can so that it has less effect on page load.
General images on page essentially any that aren’t full width banner images are best sized between 800-1000 pixels/px wide or flip these figures depending on the orientation of your image (landscape or portrait).
Important — do not ever upscale an image from being smaller dimensions to larger dimensions, this will reduce the quality of your image.
Image Resizing Tool
I recommend using Adobe’s free image resizing tool https://photoshop.adobe.com/resize
Squarespace Support Article for Images