Switching Section Layouts With AI on Squarespace

AI

It was only a matter of time before Squarespace introduced AI into its website builder.

There are various ways you can use AI on Squarespace but in this article we’re going to look at how you can use AI to change the layout of your sections.

Let’s find out more…

Watch the video

Check out the YouTube video below 👇

The AI for Squarespace layouts works by providing you with different layout options for your section, allowing you to compare different designs without having to come up with and create them yourself.

In your edit dashboard head to the section editor and when you hover over the section select View Layouts.

AI section layout design on Squarespace

You’ll then be presented with various different layout options for that section. You can scroll through all of the options to pick one that you like the look of.

AI section layout design on Squarespace

You don’t need to stick with the exact layout either, once you’ve selected one you can tweak elements to make it perfect for your website.

The key with using AI to switch up your section layouts is to have a play around, look through the options it gives you and then make your own tweaks and edits too.


📩 Join the inner circle to get exclusive code updates


While I love designing from scratch, using the AI builder in this way is a great to save time and to help you out when you’re hitting a wall with design ideas.


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.


Want more?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

[Squarespace Tutorial] Add Borders Between Sections

Next
Next

Squarespace Hide Carousel List Section Arrows on Mobile [Simple CSS Tutorial]