Common Squarespace blocks (part 4)

Common squarespace blocks 4.jpg

Hello hello! Happy new year to all! I hope you all had an amazing new year and ready to start 2019 full of energy! We are going to continue where we left off in our final common Squarespace block series.

If you did miss the other 3, don’t worry just click on the links below.

Part 1: Text Blocks and links, Button block and image block
Part 2: Image block and the Gallery block
Part 3: Video block and Form block

Newsletter block

This block is used for visitors wanting to subscribe to your newsletter. Just like with the form block you need a storage option for the submissions. If you work with an email marketing platform like mail chimp you can connect this to the block.

To add go ahead to the insert point and select the newsletter block. Check the box for require name field. You can change the title and description to suit your message. This will show up above the fields and subscribe button.

In the disclaimer box you can add your privacy policy and to advice your visitor what is done with the information collected. After you updated the display tab, head over to storage. With Squarespace you can choose to store your addresses with Squarespace campaigns, Zapier, Google drive and mailchimp (as premium feature).

To customise the message after submission you can head over to the advanced tab. You can change the text of the button, the post-submit message and you can add a post –submit HTML. This can be used if you want your visitors to be redirected to another page or website after submitting.

As said before if you don’t like the look of the block you can work together with site styles to change the look to match your brand. Plus just like with the form block you can track the newsletter engagement via Forms & Button Conversions.

Map block

The map block is a really nice feature to showing a Google Map of where your business is. Very handy to add to your contact page. To add go to insert point and choose the map block. Enter your address and hit enter. To design the map head over to the Design tab. There is a drop down menu where you can choose how you want your map to look like with relation to the color. These are the options you can choose from: Original, Grayscale, Satellite, Minimal Dark, Minimal Light, and Minimal Blue. Just play around with this and see what suits you best. Next you can decide to add some layers to the map. Show labels illustrates the location names, show terrain adds a layer featuring the terrain and if you add controls you can play around with the zoom, map scale and direction arrows. Now if you have a physical location I would suggest to add this map to your website. For me I work all over the world so it is not useful for me. But the show you I have input a map below of my parents lovely place in Austria. If you have multiple locations you will have to add a map for each location as it is not possible to feature more than one location on a map.


Search block

Next up is the search block. This add a search field to your website. If you check the box where it says ‘Search specific page’ you can set up it up so that the block only searches a specific page e.g. your blog page, gallery page, events page, or products page. A tip from Squarespace is to add description above the search bar. This is to clarify to your customers that the results will come from one specific location. Otherwise it will just search your whole website. Move on to the display tab and in here you can decide the look of the search bar. Quick preview means as you are typing results start popping up. This is very easy as it gives people results quicker! If you don’t want this just un check the quick preview box. Then you can also choose if you want to have a light theme or a dark theme. This all depends on the actual background of your website. If you have white background I would opt for the dark theme and if you have a dark background opt for the light theme. To make the search block work well on your website make sure to add good titles, descriptions, excerpts, tags, categories, file names and make your content keyword rich.

The search bar below is set to search a specific page, my blog page.


Code block + code injection

Now if you don’t know how to code don’t worry. You can build a perfectly good website with Squarespace without using code. However if you get more experienced or like to experiment this is a way to customise your page, blog post, sidebar or footer. You can also use code if you want to embed third-party widgets like Eventbrite, Google translate or Etsy. Due note that this is a premium feature. Basic HTML, plain text, markdown ad CSS code is available on all plans. To add JavaScript or iframes you need to have the Website Business Plan.

To add the code to a content area is very simple just copy and paste the code and paste it in and hit apply. If you want to put code into your header or footer head over to settings, advanced and then click on code injection.

Quote block

I am a big fan of inspiring quotes and the quote block is perfect to style the quotes or testimonials on your website. There is a default style to the quote block but depending on your website template you can change this in the site styles.  Once you have inserted the Quote block you can add the quote in the first box and enter a source in the second box. Then click apply and there you go.  

New Year’s Day. A fresh start. A new chapter in life waiting to be written. New questions to be asked, embraced, and loved. Answers to be discovered and then lived in this transformative year of delight and self-discovery. Today carve out a quiet interlude for yourself in which to dream, pen in hand. Only dreams give birth to change.
— Sarah Ban Breathnach

I blog about Squarespace and personal development every Tuesday and Friday. If you have any questions or like me to build you an amazing website click on ‘Work with me’ .

Happy new year everyone! Let’s make this an amazing year!

with love.jpg