You can do that in Squarespace??? // 15 things you didn't know were possible in SS

For those of you using Squarespace who love the ease and functionality of it but are also looking for a few more "tweaks" you can do to make your site really feel like "you" and also stand out somewhat from the crowd....but you are not really all that interested in crazy customizations or entering lots of code...

This post is for you! 

(geeze that was a mouthful of a run on sentence!) 

These are all little tips and tricks and tweaks that I've learned in my past three years of using the platform. They aren't super obvious and you can easily find how to do most of them through a simple google search, but if you are looking for a one stop place to find some great ideas of ways to update and customize your SS site..you have come to the right place! 

customize your squarespace website

1 // Hide tags on blog posts 

If you want to tag the heck out of your blog posts, but don't want them all showing super annoyingly in a big blob of blog post tags at the end of your post...here is some CSS for ya!

To not show tags: 

.collection-type-blog article footer .tags { display: none; }

To not show tags or categories:

.collection-type-blog article footer { .tags, .categories { display: none; } }

Add this into your Custom CSS and you should be golden! (Home/Design/Custom CSS) 

2 // Disable right click

If you would like to disable right click/save as on your website, here is some code for that! Enter this into your Code Injection (Settings/Advanced/Code Injection/Header)

<script src="http://ajax.googleapis.com/ajax/libs/jquery

/1.3.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">

$(function () {

$(this).bind("contextmenu", function (e) {

e.preventDefault();

});

});

</script>

3 // Summary Block

It's no secret that I am a huge fan of the summary block and its many uses. My favorites are at the bottom of blog posts, category pages, archive pages, and in your blog sidebar. If you strategize a killer category and tag system for your blog posts, you can utilize summary blocks to no end! Check out my posts about how to make them and how to use them for your archive and sidebar for more info! 

4 // Buttons & Forms

I feel like buttons and forms don't get near as much love on SS as they should. These are fantastic ways to incorporate CTA's (Call to actions) throughout your site. You can customize them through your design panel and you can add click through URL's or use them as a way to collect email addresses for your email list or newsletter. 

BUTTON

You can use a button as a visual way to link to another page on your website, link to external content or allow visitors to download files or content that you upload. 

FORMS

Forms can be used for many things like your client contact form, a way to collect email addresses or even a way to do a questionnaire or survey. 

5 // Cover page Client Guide

Ok so this is kind an out of the box idea, but have you ever considered using Squarespace cover pages as a client guide of sorts? There are some great options that allow you to put text on one side and an image on the other, which is a great way to creatively create a client or pricing guide for potential clients. All you have to do is send them the URL. 

Caveat....this is a little complicated to set up (lots of linking to pages in order to guide them through as they should) and you are limited on your formatting options in the text portion, but depending on what you want to include...it could be a good option for you. 

Also....it gets people actively engaged in your site and keeps them there longer (since they are looking through all the info) which is a benefit for your SEO! 

Here is a super secret link to my wedding client lounge. Shhhhh! <---This is all done with cover pages!

6 // Change placement of things on the page by dragging

This one is so HUGE you guys!! This is one of the main things that I see people having trouble with on their sites. 

When you go in to edit a page, the insert points go across the entire page which makes it seem like you have to design top to bottom and everything has to be on top of each other and not side by side. THIS IS NOT TRUE!!! You can totally drag things around the page and put them next to each other and make things smaller and make things bigger. 

Here is a video to show you how to do this! Please watch if you feel like you struggle with this on SS...it WILL help, I promise!! 

7 // Home page doesn't have to be in nav menu

That's right! You don't have to have a page in your navigation menu that says HOME. I know some like to have it there because it gives visitors an obvious place to click if they want to go back to the "main" page, but if you are looking to reduce the size of your navigation menu, by all means, drag the Home page down to the unlinked section and get it out of your nav bar. When a visitor clicks on your logo they will be taken back to your home page so visitor will still be able to access it. 

disable right click on squarespace

8 // Footer can be customized, (get rid of "powered by squarespace")

I'm not sure why so many people miss this, but you absolutely CAN customize your footer and take out the "powered by Squarespace" text that is in most templates from the start. 

I am a HUGE advocate (especially if you are a photographer or business owner in which location matters) of including your basic info and location in your footer so that it shows on every page of your website. There is nothing more frustrating for a website visitor to have to search and search and search for your location. 

9 // Customize the contact form

For the love of Pete, people!!! Customize your contact form!!! 

This is another thing I see over and over and over on websites I visit on the daily...the same 'ol boring standard contact form on the contact page that says, "name, email, subject, message". SNOOZEFEST!

You have the ability to customize that form to sound like you, to ask questions that you WANT to know the answer to RIGHT away when someone is contacting you. Don't make your visitor guess at what to say...lead them to answer questions that they KNOW how to answer and their answers will help you best serve them immediately when you respond to them. 

Here is an example from my wedding contact form: 

10 // Blog post title and URL can be different

Did you know that your blog post URL and the title of the post can be different??!

If you want your URL to show something SEO friendly like, "Romantic Barn New Jersey wedding at Sterlingbrook Farm" but you want the title to show "David + Jennifer"....you can totally do that!! 

Here is the best way to go about it.

  • Create a new blog post and enter the title that you want the URL to be.
  • Click Save.
  • Go back and open that same blog post and then update the title.

The URL will stay the same but the title will change. Brilliant! 

11// Anonymous commenting

Commenting is one of those things that the Squarespace platform doesn't have FULLY figured out yet. While I tend to think that the comment works decently, people seem to have issues figuring out how to comment on a blog post in Squarespace and if the blogger doesn't have Anonymous Commenting turned on, it can be an even bigger problem. 

The default screen to pull up if you DO NOT have anonymous commenting enabled prompts the user to create a Squarespace account. People seem to miss that they can login through one of the other social media platforms and simply say "I couldn't figure out how to comment b/c it wanted me to create an account". 

If you enable anonymous commenting, the option will show up to enter name, email and website which makes it much easier for visitors to comment. 

If you are a blogger that cares about comments at all, you NEED to enable anonymous commenting NOW! 

--->Settings/Blogging/Comment Settings/Enable anonymous commenting

commenting on a squarespace blog

12 // Use cover page as landing page for opt-in

Landing pages are super popular. For good reason. 

When you use a landing page for your opt-in or email sign up, you know exactly where your people are coming from. I was adding forms on various pages for people to sign up for the In Crowd, but I was running into the problem of not setting them up all exactly the same. Now, I instead set up a coverage page (which looks a little more stylish and professional) and then I can just directly link to that page wherever I want to! 

I can add a button or a photo or just link some text and send people to that page to sign up! I can also link that page directly on other places as well (facebook, other blogs etc...) to get people to exactly where they need to be to sign up! 

13 // Pinterest style gallery

This one might be a little more complicated to describe but its a recent problem that I've seen pop up on some groups lately. 

When go you to add a gallery block, there is no way for the images to show in a pinterest-esqe way which can look super awkward on your site. Example below. 

how do I disable right click in Squarespace

However, there is a workaround. You need to add an unlinked GALLERY PAGE. Add your images. 

Then, on the page you want the pinterest style gallery to show, add in a SUMMARY block- Wall and select the gallery page as the source. You will need to adjust the column width and the canvas padding and it still won't be "perfect" but it will look a lot better than the above! Viola! 

how do I disable right click in squarespace?

14 // FAQ + open/close

If you have ever wondered how people do the fun open/close FAQ pages and wanted to do one yourself, here is a fun project for you! 

+ Have you ever wondered how to do this?

Why yes I have!

+ Would you like to know how to do it?

Oh boy yes I would!

+ You are amazing!!

Thanks I tend to agree. ;-)

Instead of totally recreating the wheel, I am going to link you to the best tutorial I have found on how to implement this in your site. Its pretty easy and only involved adding a little bit of code into your Code Injection and then using a Mark Down block! Check it out HERE

15 // Social Media Icons (style changes)

Another awesome thing that I loooove about SS is the ability to add your social media icons pretty much anywhere you want throughout your site. You also have the ability to change the format of the icons per block (not globally). Below I have three different social links blocks added in with different justification (left, right, center) and different formatting based on the options provided....(and there are tons more options!) 

You want to set up your connected social media accounts under Settings, which is also where you control the order of the social links as they show in the blocks. Then, wherever you want to add them simply add a social links block. Viola! 

how do I disable right click in squarespace

Bonus! 16 // Enable Pin-it button in one step

Pinning has never been easier! Set up your pinterest as a connected account and then simply go to Settings/Marketing/Pin-it Buttons. You can adjust the way the button appears as well! 

Alright! I hope you learned something new about what you can do on your Squarespace site so that you can go forth and customize your site in a new and exciting way that you didn't think was possible before! 

Anything I missed? I'd love to know what fun things you know how to do on SS! Let me know in the comments!!