How to Add a Classic Editor Section in Squarespace

Fluid Engine is a fantastic tool that makes designing websites easier with its intuitive drag-and-drop interface. But what if you need to use the classic editor for specific tasks? Whether it's working with custom code or preferring the traditional layout, adding a classic editor section is still possible, and I’m here to show you how.

Watch the video

Check out the YouTube video below. 👇🏼

Why Add a Classic Editor Section?

While Fluid Engine has simplified the Squarespace editing experience, there are still reasons why you might prefer the classic editor for certain sections:

• Code Compatibility: Some custom code works best in the classic editor.

• Ease of Use: If you’re familiar with the older Squarespace interface, the classic editor can feel more intuitive for specific tasks.

Step-by-Step Guide to Adding a Classic Editor Section

Step 1: Enter Edit Mode

1. Log in to your Squarespace dashboard.

2. Navigate to the page where you want to add the classic editor section.

3. Click Edit to open the page editor.

Step 2: Add a New Section

1. Click Add Section at the bottom of the page or between existing sections.

2. On the left-hand side, you’ll see a list of section options, such as Blank, Saved, or other pre-designed layouts.

Step 3: Scroll to Classic Editor

1. Scroll all the way down in the section menu.

2. Look for the option labeled Add Blank Classic Editor.

3. Click it to add a new section built with the classic editor.

Step 4: Customize the Classic Editor Section

1. By default, the classic editor section includes a Text Block.

2. To add more content, hover over the section and click Add Block.

   • Options include Image Blocks, Buttons, Forms, and more.

3. Arrange blocks by dragging and dropping them above, below, or beside existing blocks.

Step 5: Switch Back to Fluid Engine

If you decide you don’t need the classic editor, you can easily return to the Fluid Engine layout:

1. Remove the classic editor section by clicking the trash icon in the section settings.

2. Add a new section using the Fluid Engine options for your desired layout.

Tips for Using the Classic Editor

1. Code-Friendly Sections: Use classic editor sections for embedding custom HTML or CSS snippets.

2. Keep It Simple: Since the classic editor has limited flexibility compared to Fluid Engine, stick to straightforward layouts.

3. Test Responsiveness: Ensure your design works well on both desktop and mobile devices.

Wrapping Up

Adding a classic editor section in Squarespace is quick and easy if you know where to look. Whether you’re using it for custom code or just prefer the old way of designing, this feature can be a lifesaver.

📨 Join my mailing list to get Squarespace tips & tricks right in your inbox

Your Designer

I'm Bryan, a Squarespace web designer and founder of Abound Web Design. I have worked with all types of businesses and organizations from preschools to publishing companies to chiropractic clinics and everything in between. If you want to discuss a potential project, you can email me at bryan@aboundwebdesign or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.