Common Squarespace blocks (part 3)
I hope you all had a wonderful Christmas! I spend Christmas with the family of my fiancé on the Isle of Lewis. We had a lovely meal prepared with Iain’s mum and very spoiled with lovely gifts. Next year we will try and go over to Austria to my parents to have a white Christmas!
In my last 2 posts I covered the below topics. Click on the link if you missed them!
Part 1: Text Blocks and links, Button block and image block
Part 2: Image block and the Gallery block
Right today we are going to cover the video block & form block.
To add, click on the insert point and select the video block. This block is used for videos that are hosted externally like YouTube, Vimeo, Animoto and Wistia. Other hosting services can be used, but you will need embed code for this. In this blog we will focus on YouTube as an example.
To add the video head over to YouTube to get the link off the Video you want on your website. Copy the link and insert this link into the video URL box. If you have a playlist of your most popular video’s or of your favourite songs for example and you want this playlist to show on your website make sure before you copy the URL that you have clicked play all before copying the link.
Now you can also use the Share or Embed button. Click on this and then a code will pop up. Copy this code and head over to the Video URL box in there you will see this symbol: </>. Click on this symbol and pop in the embed code in the code window and hit set!
Now as you add the video it automatically shows up with a thumbnail picture. If you want to change this, just upload a custom Thumbnail from your computer.
When you add the video it sometimes pre populates the description text. You can edit this easily in the text block underneath Custom Thumbnail.
An example of a video blog right here below:
The form block is used to collect information for your website visitors. Head over to insert point and select the Form Block.
To start off with give the form a name. Visitors can see this name if you link the form to an email marketing platform. It will appear in the subject line. Or they can see it when the form opens up in a light box. For your own organisation I would suggest naming all the forms with relevant names. You will end up with many forms on your site and if they all have a generic name you might get confused as to what the form block is related to.
You can choose the form fields by clicking on the plus button. To delete the form fields just click on the small trash can to the right of the field. If you want to change the order of the fields just drag and drop them in the order you want.
Squarespace mentions there is a limit of 30 fields when connected to MailChimp. Also keep in mind the more fields the slower the loading times of your website, so try and keep it below 30 fields for your website in order to make sure it runs well.
Once you have chosen the field you can edit the title, add description or instructions and make the field required. Your visitor’s name and email will be fields you want to make required as you need this information to connect with your visitor.
There are many fields you can choose from
Text: This field is for short one line submissions
Text area: This field will allow you to write a longer reply and it gives a bigger text box. This field does not have a limit to the amount of characters, so ideal if you are expecting long replies.
Select: If you want visitors to make a choice between chocolate cake and vanilla cake they click on the drop down menu and choose their favourite. They can only choose one option.
Checkbox: The checkbox has multiple options. If you want your customers to be able to choose more than one option this is the field.
Radio: The radio field is very similar to the select field. Visitors can only choose one option by clicking the round circle.
Survey: If you like some feedback on how your services are perceived or what products your customers are interested in you might want to give them a survey. This field provides a 5 point scale from strongly disagree to strongly agree.
Name: Well the hint is in the name haha us this field to request you visitors first and last name.
Password: This is used if the visitor wants to enter hidden text. Once the form is submitted the text will become visible to you as site owner.
Address: Use this field to collect visitors address details. Please note that the set up for this is formatted to the United States and it can’t be changed to another format.
Twitter: Allow your visitor to add their twitter handle.
Email: if you want to collect your visitors email address, which is essential I would say if you want to deliver good customer service and grow your email list, this is the field to go for.
Phone: I use this field to collect the phone numbers of my clients. If your customers are from all over the world make sure to check the show country code. This box will format to US and you cannot change them to foreign number set ups. An alternative option would be to use the text box instead to collect phone numbers.
Currency: Your visitor can enter a monetary value and the symbol for currency can be changed.
Line: The line field is more for visual design. It is a horizontal line and should you have a very long form it can be handy to organise it in sections and after each section put in a horizontal line.
Hidden: This field is used for yourself as website owner. This hidden field will help you track where people are finding you. When people are signing up to your form it gives them a tag in MailChimp. This is very handy when to you want to send certain people an email.
Other fields allow you to add a number, website URL, Date & time. Time is noted down as AM/PM.
Next thing we have to add a storage option. When a visitor fills in your form, this information needs to get send somewhere so that you can collect this information and reply.
There are a couple of storage options. You can have all the form submissions go to your email. But if you for example are doing a survey it would be better to send it to Google drive. Google drive will add a new row to the sheet every time someone submits the form. This way you keep all the data in one sheet. You can also opt to have the form submissions go to both email and Google drive. Then you can also link your form submissions to your MailChimp account.
When the visitor hits submit a post-message will show up. To edit this, head over to the advanced tab. You want to edit this message with a thank you. If you are linked to for example mail chimp people often have to double opt in. So you want to tell them to go to their inbox and confirm their email subscription. In my post message I also mention that if they have not received their email to check their SPAM folder. In this tab you can also choose to replace the form with a button. Say for example you want your visitors to complete your survey. You click enable Lightbox mode in the advanced tab, call it ‘Complete Survey’. This will ‘hide’ the survey form behind a button. Then when they click on that button the form will appear. This is handy when you have a very long form and you don’t want it to take up too much space on your website.
Curious to see how your form is doing? If you head over to forms and button conversions you can track how visitors engage with the forms.
So this blog post has covered the Video block, Form block and the newsletter Block. If you have any questions please don’t hesitate to send me an email or leave the question in the comments below.