How To Change Your Squarespace Template: The Complete 7.0 And 7.1 Migration Guide

To change a Squarespace template, you must first identify your version; version 7.0 supports a direct template-swapping feature via the Design menu, while version 7.1 utilizes a unified system where "changing" requires manual design adjustments or starting a new site. Successful transitions require a comprehensive audit of custom CSS, a strategic content backup, and a localized review of SEO metadata to ensure zero loss in search engine visibility.

Pre-Migration Audit and Technical Requirement Checklist

Before initiating any structural changes to your Squarespace environment, you must determine the technical constraints of your current version. Squarespace 7.0 functions on a template-family architecture where specific features are hard-coded into the template (such as parallax scrolling or specific sidebar locations). In contrast, Squarespace 7.1 uses a unified system where every site has the same underlying capabilities, meaning "templates" are merely starting points for design, not distinct software frameworks.

• Essential Diagnostic Tools: Access to the Squarespace Home Menu, a secondary browser window for live-previewing, and a text editor (like Notepad or TextEdit) for archiving custom code.
• Mandatory Prerequisites: Active administrative permissions, a verified backup of all Custom CSS (found under Design > Custom CSS), and a documented site map of current URL slugs.
• Technical Knowledge Standards: Familiarity with the Fluid Engine grid system (for 7.1) and the Classic Editor (for 7.0), as layout behaviors differ significantly between the two.
• Estimated Duration: 30 to 60 minutes for a 7.0 template swap; 2 to 5 hours for a 7.1 design overhaul or manual migration.
• Budget Benchmarks: Template switching within an existing version is free; moving from 7.0 to 7.1 often requires a new subscription and manual content migration or the use of paid third-party migration tools.

Strategic Execution for Template Switching and Redesign

The process for modifying your site’s aesthetic and functional layout varies drastically based on whether your site is running on the legacy 7.0 framework or the modern 7.1 Fluid Engine.

Step 1: Identify Your Version and Template Family

Log into your Squarespace account and navigate to the Help panel at the bottom of the main menu. Here, you will see the version number (e.g., Squarespace 7.0 or 7.1). If you are on 7.0, the name of your specific template (e.g., Brine, Bedford, or Avenue) will also be listed. Knowing your template family is critical because 7.0 templates do not share the same styling options; moving from a template in the Brine family to one in the Bedford family will reset your site styles, including fonts and colors.

Step 2: Preserve Custom Assets and Code

Changing a template in 7.0 or redesigning in 7.1 will often strip away custom code injections and CSS. Navigate to Design, then Custom CSS, and copy all text into an external document. Do the same for Settings > Advanced > Code Injection.

Warning: Custom CSS is almost always template-specific. Code that worked to style a header in the York template will likely fail or cause layout breaks in the Pacific template because the underlying HTML classes and IDs are different.

Step 3: Executing the Swap in Squarespace 7.0

If you are on version 7.0, you can "test drive" a new template without taking your current site offline.

1. From the Home Menu, click Design, then click Template.
2. Select Install New Template. This opens the template library.
3. Hover over a template you like and click Start With [Template Name]. This installs it into your "Uninstalled" list.
4. Hover over the newly installed template and click Preview.
5. While in Preview mode, you can navigate your site to see how your existing content fits into the new structure.
6. If satisfied, click Set as Live Template in the bottom bar. If not, click Cancel Preview to return to your original design.

Step 4: Redesigning in Squarespace 7.1 (The Unified Method)

Version 7.1 does not have a "Template" button in the Design menu because all sites in 7.1 are technically the same template. To "change" your template in 7.1, you are actually performing a global style reset.

1. To change the overall vibe, go to Design > Site Styles. Here, you can change Global Colors and Typography sets, which will update every page on your site instantly.
2. To change page layouts, enter the Editor on any page. Click Add Section. You will see a library of pre-designed layouts (About, Services, Contact) that reflect the "templates" you see on the Squarespace homepage.
3. If you want a completely fresh start with a different 7.1 starting point, you must create a new site from the Squarespace dashboard and manually move your content. There is no automated way to "swap" 7.1 starting points once a site has been created.

Step 5: Auditing Post-Swap Navigation and Layouts

After setting a new template live in 7.0 or updating styles in 7.1, your navigation menus often reset.

1. Check the "Not Linked" section in your Pages panel. Often, your existing pages will be moved here, and you will need to drag them back into the "Primary Navigation" or "Main Navigation" area.
2. Review your "Specialty Pages." Templates handle blog layouts, store pages, and gallery pages differently. You may need to re-enable sidebars or adjust the number of columns displayed in a product grid.
3. Update the Focal Point on your images. Template changes often reset the cropping of banner images. Open the image editor and drag the small white circle to the most important part of the photo to ensure it remains visible on mobile devices.

Technical Compatibility and Feature Parity Matrix

The following table outlines the structural differences you will encounter when deciding whether to switch templates within version 7.0 or upgrade your design approach in version 7.1.

Common Migration Failures and Technical Remedies

Template changes are high-stakes operations that can lead to broken layouts or lost functionality if not managed with precision.

• Failure Scenario: Disappearing Content or "Ghost" Pages

  
  
  
  • Root Cause: The new template uses different navigation identifiers (e.g., "Top Navigation" vs. "Main Navigation"), causing Squarespace to move existing pages to the "Not Linked" section.
  • Actionable Fix: Open the Pages panel and expand the "Not Linked" section. Drag your original pages back into the active navigation slots provided by the new template.

• Failure Scenario: Mobile Layout looks Unordered or Overlapped

  
  
  
  • Root Cause: In version 7.1, Fluid Engine allows for independent mobile editing. Changing a section's layout on desktop often requires a manual "re-stacking" of blocks in the mobile view.
  • Actionable Fix: Enter Edit mode and click the Mobile View icon. Rearrange the blocks on the mobile grid. This will not affect the desktop layout, but it is a required step for every redesigned section.

• Failure Scenario: Loss of Custom Styling and Branding

  
  
  
  • Root Cause: Site Styles (fonts, colors, button shapes) are stored as a specific "preset" tied to the template ID. When the ID changes during a swap, these parameters revert to the new template's defaults.
  • Actionable Fix: Re-upload your site logo and favicon first. Then, use your saved CSS archive to re-apply custom fonts or colors that are not available through the standard Site Styles sliders.

Frequently Asked Questions

Can I switch from Squarespace 7.0 to 7.1 by changing a template?

No, 7.0 and 7.1 are built on different underlying codebases. Moving from 7.0 to 7.1 requires using the official Squarespace Update Tool (available for some templates) or manually recreating your site on a new 7.1 subscription and moving your content over.

Will changing my template affect my Google search rankings?

If your URL slugs, page titles, and

Why does my site look different in Preview mode than it does when I set it live?

Preview mode often fails to load template-specific scripts or custom code injections until the template is officially set as "Live." Additionally, browser caching can sometimes show an older version of your site; always clear your cache or view your site in an incognito window after making a template live.

Do I lose my blog posts when I change templates?

In version 7.0, your blog posts are preserved during a template swap and will automatically reflow into the new blog layout. In version 7.1, your blog posts remain safe unless you start an entirely new site, in which case you must use the Import/Export tool to move your XML blog data.

How do I save my current template settings before I switch?

Squarespace does not have a "Save Current Design" button. The best practice is to take screenshots of your Site Styles panel settings (specifically hex codes for colors and font sizes) and copy all Custom CSS into a separate Word or Google Doc before clicking "Set as Live."

Optimize Your Site Design Today

Ready to elevate your online presence with a fresh, modern aesthetic? Audit your current Squarespace version and begin your template transition to unlock the full power of Fluid Engine and advanced design customization.