Make Squarespace page layouts without @&**! swearing

Handy tips & tricks for using the drag & drop LayoutEngine

Squarespace layouts can be annoying

Is the Squarespace page editor making you cranky?

Do your content blocks end up in weird places? Do you end up with crazy columns, and feel out of control? Before you throw your @&***! computer out the %£$** window, check out my top tips & tricks to make creating layouts with the Squarespace LayoutEngine easy.

Sometimes dragging & dropping with the Squarespace page editor tool isn’t as straightforward as it seems. So, I’ve made a series of short videos to show you the fundamentals of how the Squarespace LayoutEngine works, how to avoid some common mistakes, some secret tricks that will save you time and frustration, and my super cool tips to create complex page layouts without swearing like a sailor.

First, find out what the heck a 12-column grid is and why you should care, and what makes those darned text blocks so annoying:

Squarespace layout tips: Part 1 of 4 – Fundamentals

 


Next, learn the easiest way to practice your dragging and dropping, and some useful info about image blocks:

Squarespace layout tips: Part 2 of 4 – Dragging Blocks Around

 


Now it’s time to tackle those pesky text blocks, and learn how to make them 78x less annoying with some simple tricks:

Squarespace layout tips: Part 3 of 4 – Working with Text

 


Last but not least, it’s time to find out how spacers and lines can quickly become your best friends:

Squarespace layout tips: Part 4 of 4 – Using Placeholders

 


Hope you find these tips helpful.

If you’re struggling with Squarespace and you’d like a summary of all my best tips and how-tos in one place, my Squarespace book is for you:

I’ve also created a Squarespace help website to accompany the book, so head over to www.square-help.com for even more tips, demos and examples of how the different functions of Squarespace work on a real website.

Categories

About the Author:

I'm a web problem-solver who helps people make the most of digital tools, techniques and practices. I've been working with websites for the last 17 years and I absolutely love it.

15 Comments
  1. Hi Miko,

    Thanks for your tips…I wish I’d found them 2 months ago, I’d have saved many late nights & endless revisions. I’m still not quite there yet, but I’m getting close 😀

  2. Scott

    Great videos! I just got your book but if you ever do a video teaching series I’d buy that in a second! You’re an excellent teacher…More videos please:)

  3. Hi Miko. I bought your book but I also wanted you to know how much I appreciate your blog and videos. Although I’ve run my blog on Squarespace for three years now, I’m feeling totally handcuffed by the template I started out with. I’m hoping I can at least use your gallery page tip to create a more interesting and attractive home page.

  4. Wow, this is a fantastic video. You’re an excellent teacher. I almost quit SquareSpace over this particular issue but now I see the power… and how to use it.

  5. Yvonna Coffey

    Thank you for those fabulous tips. Wish I’d seen this months ago for a website I designed, it would have saved me a lot of headaches. Never to late to learn as now I’m armed and ready for the next site.

  6. These videos are hands down the best Squarespace tutorials I have ever watched. You are a great teacher and I look forward to watching future videos. Do you have a sign-up list where I can be notified when there are new videos available?

  7. GavinNZ

    Excellent and instructive. It has simplified what has to be the most frustrating elements of Squarespace. Have downloaded the kindle version of Miko’s book which is great.

  8. ingrid

    This is awesome! Thank you! Regarding using lines to make two column texts, at the end I noticed you erased all the lines that you had previously used to guide squarespace into the format that you wanted (2 columns). But in the end the lines were erased. Because there is no longer a placemaker there, will this make it much more difficult to make any adjustments you might need if you were to switch templates?

  9. @ingrid: Glad you found this to be useful. There’s no need to keep the placeholders there once you are finished with them. They are only used to make things easier to layout in the beginning. There’s no benefit to keeping them, and switching templates won’t have anything to do with the columns. Besides, if you want to have the lines back for any reason, you can just re-add them (like any block).

0 Pings & Trackbacks

Leave a Reply