VIDEO TUTORIALS FOR CARLA & PETRA
BACK-END TOUR OF YOUR WEBSITE
Images
UPLOADING NEW images
Always think about if your image content is 100% right for your page - think how it will look on your page!
Landscape or Square images work best.
Store your image content in a separate folder on your computer / Google drive/ Dropbox, etc.
Name your images in lower case letters and-use-hyphens-to-avoid-spaces. Use descriptive words to name your images.
All new images you upload to your Squarespace website need to be less than 500kb. This is because Large images over 500kb will make your website slow! Therefore often when images are larger than 500 - you need to ‘optimise them using a free online tool: www.tinyjpeg.com
JPEG images are best (as opposed to PNG - as PNG are OFTEN larger.)
When using https://tinyjpg.com/ - you can optimise your images & keep this as a separate folder - or update your current one (beware not to delete any important photo content)!
To insert a new image into your website: ‘Insert an image Block’
Click to select or drag-and-drop an image to upload an image from your chosen folder, which is named properly and is less than 500KB.
Use “spacer” blocks or “divider-lines” to space out and divide content as needed.
Additional resources: free professional stock images, which can be downloaded & used from the following two websites: https://www.pexels.com/ and https://unsplash.com/
Additional reading (on Squarespace website: https://support.squarespace.com/hc/en-us/articles/206542517-Formatting-your-images-for-display-on-the-web
DECREASE THE SIZE OF YOUR PHOTOS
(BEFORE UPLOADING TO YOUR WEBSITE):
Text
EDITING TEXT INSIDE YOUR WEBSITE:
Insert a text block on your page and type as in any regular text application. Select / highlight the text you want to format & press:
H1 to create a large Title/Heading
H2 to create a medium Subheading
H3 to create a third smaller subheading.
Make these as descriptive as possible.
Do use keywords appropriate for your audience within your titles.
Do use location words where possible - as Goggle will pick up on these.
Use “spacer” blocks to space out content as needed.
Additional Reading (on Squarespace website: https://support.squarespace.com/hc/en-us/articles/205813798-Using-Text-Blocks
VideoS (on your website)
Inserting Video & Video Best practices
When uploading your video inside YouTube or Vimeo: Name your video well: with a clear and descriptive title.
Copy and paste a Video Block on your page. Copy and paste your video’s URL.
Include a thumbnail as this will look more professional.
Additional reading (on Squarespace website: https://support.squarespace.com/hc/en-us/articles/206542397-Adding-videos-to-your-site
Manage sections of your website
MOVE AROUND PAGE SECTIONS WITHIN YOUR HOMEPAGE
Blogging
How to update your Blog:
This works in a similar way to updating text & image content - however further details need to be completed before you “Publish” any new Blog.
You can create a new Blank Blog or Duplicate an existing blog (and change all the information). The good thing with duplicating a Blog is that it prompts & reminds you which information needs to be filled in/replaced.
Make sure appropriate Tags & Categories are selected for each Blog. I suggest you stick to certain groups: and not create new categories/tags with every new Blog post.
Do include a custom thumbnail for your Blog: use My Canva link I have created for you.
CANVA LINK FOR YOUR BLOGGING GRAPHICS IS:
Additional BLOGGING Reading on Squarespace Website: https://support.squarespace.com/hc/en-us/articles/206543727-Blogging-with-Squarespace
Enquiry Forms:
CHANGING SECTIONS INSIDE FORMS
-Click “edit” to select the form: this will make the fillable sections editable
-Click into the text sections to change the text
-Click the ‘Trash can’ icon to delete an entry field
-To add new section click “Add New Section” (select/deselect “Required” - as necessary)
-Save the form to complete the changes.
-Please ask me if you’re unsure about anything.
Canva (GRAPHIC DESIGN APP)
Updating content for Social Media:
-Click into existing text and type
-Reposition Graphic elements that sit on top of the graphics (as you wish)
-Drag, re-size and delete elements as needed
-Use Canva’s formatting palette at the top to change colours of Text, backgrounds and lines.
-Drag and drop your own graphics from the “library” section on the left of Canva.
-Download graphics as JPEG / PNG for social media.
-All changes are saved automatically.
CANVA LINK TO YOUR FACEBOOK POSTS IS:
https://www.canva.com/design/DADfPvAgyPw/share/preview?token=rZMz3f7PsLJppVxUn33wIQ&role=EDITOR&utm_content=DADfPvAgyPw&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton
FREE E-BOOK LIBRARY SIGN UP FORM PAGE
Drive people to this page to sign up & gain access to the Library:
Replace Images on Petra/Jess/Tom/Matt pages
Replacing "About" photos
RESULTS PAGE
Adding new Photos into your Gallery
Upload a new Banner Image
Upload new images into a Gallery
Uploading new images in Petra's Gallery Page
What our Clients say (image)
AND OTHER IMAGES FROM YOUR GRAPHIC DESIGNER
ADD TO E-BOOK LIBRARY PDF PAGE
ADD NEW PDFS ON TO THE FREE DOWNLOADS PAGE!
Keep your PDF’s in 1 folder. You’ll need a thumbnail image - ask the graphic designer for the “Front Cover” of the PDF or take a screen-shot / screen capture of the front page. Rename this to be a descriptive term (as my examples). Keep this in your PDF folder.
Upload an image - the design needs to be STACKED! - Add button text - make sure all the ares are filled in on the pop up form.
Inside the Image Link select Button > as in my video make sure you have OPEN IN A NEW WINDOW seclected (inside the Web Page section. Only Then - navigate to the file and upload your PDF file.
Once uploaded - it’s important to go over and check & test (if you can download your PDF: it should open in a new window.