So ändern Sie Vorlagen in Squarespace (Anleitung für Version 7.0 & 7.1 ab 2026)

Last Updated on Februar 6, 2026 by Himanshu Rawat

Das Ändern Ihrer Squarespace-Vorlage ist eine der einfachsten Möglichkeiten, das Aussehen Ihrer Website aufzufrischen, ohne alles von Grund auf neu erstellen zu müssen. Wie Sie Vorlagen ändern, hängt jedoch von Ihrer Squarespace-Version ab. Ab 2026 nutzen die meisten Websites Squarespace 7.1. Hier ist das herkömmliche Wechseln von Vorlagen nicht mehr möglich; die Anpassung erfolgt stattdessen über die Fluid Engine.

Überprüfen Sie Ihre Squarespace-Version

Bevor Sie Designänderungen vornehmen, ist es wichtig zu wissen, welche Squarespace-Version Ihre Website verwendet. Der Prozess zum Ändern von Vorlagen unterscheidet sich deutlich zwischen Version 7.0 und Version 7.1, und dieser Unterschied bestimmt, welche Anpassungsmöglichkeiten Ihnen zur Verfügung stehen.

So überprüfen Sie Ihre Squarespace-Version:

• Melde dich in deinem Squarespace-Dashboard an.

• Gehe zu Website → Seiten.
• Scrolle im Seiten-Panel ganz nach unten.
  • Wenn du einen Template-Familiennamen wie Brine, Bedford, Rally oder Avenue siehst, läuft deine Website auf Squarespace Version 7.0.
  • Wenn Version 7.1 angezeigt wird und keine Template-Familie aufgeführt ist, nutzt deine Website Squarespace Version 7.1.

Warum das wichtig ist

Nur Squarespace 7.0 ermöglicht den direkten Wechsel zwischen Vorlagen. In Version 7.1 basieren alle Vorlagen auf derselben Kernstruktur, und Designänderungen werden durch Layout- und Stilanpassungen vorgenommen, anstatt Vorlagen zu wechseln.

So wechseln Sie Vorlagen in Squarespace 7.0

Squarespace 7.0 bietet Ihnen die Möglichkeit, verschiedene Vorlagenfamilien zu installieren, in der Vorschau anzuzeigen und zwischen ihnen zu wechseln. Dadurch wird die Neugestaltung Ihrer Website vereinfacht, ohne dass Sie alles von Grund auf neu erstellen müssen. Ihre Hauptinhalte bleiben zwar erhalten, visuelle Stile und bestimmte Layout-Verhaltensweisen können sich jedoch ändern. Daher ist es wichtig zu wissen, was Sie vor dem Wechsel erwarten können.

Hinweis: Wenn Sie Ihre Website oder Ihren Shop neu gestalten, ist jetzt der ideale Zeitpunkt, sich über die besten Methoden zur Bewerbung Ihres Squarespace-Shops zu informieren, damit Ihr neues Design mehr Besucher anzieht.

Hier finden Sie eine Schritt-für-Schritt-Anleitung: Vorlagenwechsel in Squarespace 7.0

1. Öffnen Sie das Vorlagen-Panel

Über Ihr Squarespace-Dashboard:

• Gehen Sie zu Design → Vorlage. Dort sehen Sie Ihre aktuell aktive 
• Vorlage und Optionen zum Verwalten weiterer Vorlagen.

2. Neue Vorlage installieren

• Klicken Sie auf „Neue Vorlage installieren“.
• Stöbern Sie in den Kategorien (Business, Portfolio, Blog, Online-Shop usw.) oder suchen Sie nach dem Vorlagennamen. 
• Bewegen Sie den Mauszeiger über eine Vorlage, um die Optionen anzuzeigen.

Sie können mehrere Vorlagen installieren, aber es ist nur eine Vorlage pro Familie gleichzeitig zulässig.

3. Vorlage in der Vorschau anzeigen

• Wählen Sie bei einer Vorlage „Vorschau“ oder „Erste Schritte“ aus. Die
• Website wechselt in den Vorschaumodus, der nur für Sie sichtbar ist.

Im Vorschaumodus können Sie gefahrlos erkunden, wie die neue Vorlage mit Ihren bestehenden Inhalten umgeht, ohne Ihre Live-Website zu beeinträchtigen.

4. Design überprüfen und anpassen

Nehmen Sie sich während der Vorschau der Vorlage Zeit für Folgendes:

• Bearbeiten Sie Seitenlayouts und Abstände zwischen Abschnitten.
• Prüfen Sie Kopf- und Fußzeilen sowie die Navigationsstruktur.
• Überprüfen Sie Blog-Layouts, Produktseiten und Galerien.
• Testen Sie die Ansicht auf Desktop-Computern, Tablets und Mobilgeräten.

Folgendes sollten Sie im Auge behalten: 

• Die Indexseiten könnten in eine Ordnernavigation umgewandelt werden.
• Das Layout der Seitenleiste könnte sich ändern oder verschwinden.
• Galerie-Stile und Bildverhältnisse könnten sich ändern.

5. Vorlage live schalten

Sobald Sie mit dem Aussehen zufrieden sind:

• Klicken Sie auf „Als Live-Vorlage festlegen“.
• Bestätigen Sie die Aktion.

Ihre neue Vorlage wird sofort live geschaltet und Besucher sehen das aktualisierte Design.

Was passiert beim Ändern einer Vorlage in Version 7.0?

Wenn Sie in Squarespace 7.0 eine Vorlage wechseln:

• Ihre Inhalte bleiben sicher: Seiten, Texte, Bilder, Blogbeiträge, Produkte und URLs bleiben unverändert.
• Designstile werden zurückgesetzt: Schriftarten, Farben, Abstände und einige Layout-Einstellungen werden auf die Standardwerte der neuen Vorlage zurückgesetzt.
• Layouts können sich anpassen: Unterschiedliche Vorlagen interpretieren Inhalte unterschiedlich, was die Seitenstruktur beeinflussen kann. Vorlagenspezifische Funktionen können sich ändern: Einige Elemente verhalten sich je nach Vorlagenfamilie unterschiedlich.

Wichtige Hinweise für Squarespace 7.0-Nutzer

1. Stileinstellungen zurücksetzen

Jede Vorlage hat ihr eigenes Designsystem. Beim Wechseln der Vorlage gilt Folgendes:

• Schriftarten werden auf die Standardeinstellungen der Vorlage zurückgesetzt.
• Farbpaletten werden zurückgesetzt.
• Schaltflächenstile, Abstände und Animationen können sich ändern.

Tipp: Machen Sie vor dem Wechsel Screenshots oder Notizen Ihrer aktuellen Stileinstellungen, damit Sie diese später wiederherstellen können.

2. Zurückwechseln ist möglich

• Sie können jederzeit zu einer zuvor installierten Vorlage zurückkehren. Ihre alten, vorlagenspezifischen Änderungen bleiben erhalten, solange die Vorlage installiert ist.

Dadurch ist es einfach, ohne dauerhaftes Risiko zu experimentieren.

3. Vorlagen deinstallieren

• Seien Sie beim Deinstallieren einer Vorlage vorsichtig: Durch die Deinstallation werden alle in dieser Vorlage vorgenommenen Änderungen endgültig gelöscht. 
• Wenn Sie sie später erneut installieren, werden die Standardeinstellungen wiederhergestellt. 
• Deinstallieren Sie daher nur Vorlagen, die Sie sicher nicht mehr benötigen.

So funktionieren Template-Änderungen in Squarespace 7.1 (Fluid Engine)

Squarespace 7.1 unterstützt im Gegensatz zu älteren Versionen kein herkömmliches Template-Wechsel mehr. Alle 7.1-Websites basieren auf derselben Struktur und denselben Funktionen.

Was Squarespace in Version 7.1 als „Template“ bezeichnet, ist lediglich ein Startdesign – eine visuelle Voreinstellung, die Ihnen den Einstieg erleichtert. Sobald Ihre Website erstellt ist, können Sie das Template nicht mehr ändern.

Wenn Sie also Squarespace 7.1 verwenden, bedeutet ein Template-Wechsel, dass Sie Ihre Website mithilfe von Stilen, Layouts und der Fluid Engine komplett neu gestalten müssen.

So passen Sie eine Squarespace 7.1-Website an

Schritt 1: Website-weite Stile bearbeiten

Website-Stile bestimmen das Erscheinungsbild Ihrer Website. Änderungen werden hier global auf allen Seiten angewendet.

So greifen Sie darauf zu:

• Gehen Sie zu Website → Website-Tools → Website-Stile bearbeiten

Sie können Folgendes anpassen:

• Schriftarten und Typografie (Überschriften, Fließtext, Schaltflächen)
• Farbpaletten und Designfarben
• Schaltflächenstile und Hover-Effekte
• Abstände, Rahmen und Animationen
• Hintergrundfarben und Abschnittsgestaltung

Dies ist der schnellste Weg, Ihrer Website ein völlig neues visuelles Erscheinungsbild zu verleihen.

Schritt 2: Layouts mit Fluid Engine neu gestalten

Fluid Engine ist der rasterbasierte Editor von Squarespace, mit dem Sie die volle Kontrolle über Seitenlayouts haben.

So verwenden Sie Fluid Engine:

• Öffnen Sie eine beliebige Seite und bewegen Sie den Mauszeiger über einen Abschnitt.
• Klicken Sie auf „Abschnitt bearbeiten“.
• Ziehen, skalieren und positionieren Sie Blöcke frei im Raster.
• Fügen Sie automatische Layouts hinzu. B.:
  • Raster
  • Karussells
  • Gestapelte Inhaltsbereiche
• Ältere Abschnitte können Sie aktualisieren, indem Sie auf „Aktualisieren“ klicken (sofern verfügbar).

Fluid Engine passt Layouts automatisch an mobile Endgeräte an, und Sie können mobile Abstände und Ausrichtung separat feinjustieren.

Schritt 3: Seiten und Abschnitte hinzufügen oder neu gestalten

Eine umfassende Neugestaltung beinhaltet oft die Änderung der Seitenstruktur, nicht nur des Stils.

Sie können:

• Neue Abschnitte mit modernen Layouts hinzufügen
• Erstellen oder aktualisieren:
  • Portfolio-Seiten
  • Blog-Layouts
  • Video-Seiten
  • Shop- und Produktseiten
• Aktualisieren Sie Ihre Inhalte mithilfe neuerer E-Commerce-Funktionen wie:
  • Produktwartelisten
  • Verbesserte Checkout-Layouts
  • Erweiterte Produktblöcke

In diesem Schritt beginnt sich Ihre Website wirklich wie eine „neue Vorlage“ anzufühlen.

Schritt 4: Stile zurücksetzen für einen Neustart (Optional)

Wenn Sie die visuelle Gestaltung zurücksetzen möchten, ohne die Seiten neu zu erstellen:

Gehen Sie zu: Website-Stile → Zurücksetzen

Dadurch werden die Standardstile wiederhergestellt, während Ihre Inhalte und Seitenstruktur erhalten bleiben. Dies ist besonders nützlich für umfassende Neugestaltungen oder ein Rebranding.

Hinweis: Während Sie Ihr Layout aktualisieren, können Sie auch einen Instagram-Feed oder Kundenbewertungen zu Ihrer Squarespace-Website hinzufügen, um diese ansprechender und vertrauenswürdiger zu gestalten.

Migration von Squarespace 7.0 auf 7.1

Squarespace bietet ein einmaliges, dauerhaftes Upgrade von Version 7.0 auf 7.1 an, wodurch Sie Zugriff auf die Fluid Engine, moderne Layouts und neuere Designwerkzeuge erhalten.

Vor dem Update

• Website duplizieren: Erstellen Sie eine Kopie Ihrer Website als Backup und um nach dem Upgrade auf Ihr ursprüngliches Design zurückgreifen zu können.
• Seitenanzahl prüfen: Ihre Website darf maximal 100 Seiten enthalten, um aktualisiert werden zu können. Entfernen Sie gegebenenfalls ungenutzte, Test- oder doppelte Seiten.
• Entwicklermodus deaktivieren: Der Entwicklermodus wird während des Upgrades nicht unterstützt. Speichern Sie daher unbedingt Ihren benutzerdefinierten Code, damit Sie ihn später wieder hinzufügen können.
• Nicht unterstützte Inhalte sichern: Album-, Cover- und Indexseiten werden nicht auf Version 7.1 migriert. Kopieren Sie deren Inhalte oder erstellen Sie Screenshots, um sie mithilfe von Standardseiten neu zu erstellen.

So aktualisieren Sie auf Version 7.1

1. Gehen Sie zu Design → Auf Version 7.1 aktualisieren.

• Öffnen Sie das Design-Panel Ihrer Website und wählen Sie die Option zum Upgrade auf Version 7.1.

2. Klicken Sie auf „Los geht’s“.

• Damit wird der Upgrade-Prozess gestartet und eine Vorschauumgebung für Ihre 7.1-Site erstellt.

3. Vorschau Ihrer Website in Version 7.1

• Squarespace erstellt eine Vorschau in Version 7.1, während Ihre Live-Website (Version 7.0) unverändert und aktiv bleibt.

4. Überprüfung migrierter Seiten und Layouts

• Prüfen Sie jede Seite, um sicherzustellen, dass Inhalte, Bilder und grundlegende Layouts korrekt übertragen wurden.

5. Passen Sie Stile und Layouts mit Fluid Engine an.

• Optimieren Sie Abstände, positionieren Sie Abschnitte neu und aktualisieren Sie die Website-weiten Stile, um sie Ihren Designzielen anzupassen.

6. Klicken Sie auf „Update veröffentlichen“, sobald Sie fertig sind.

• Sobald alles korrekt aussieht, veröffentlichen Sie das Update, um Ihre Website in Version 7.1 live zu schalten.

Hinweis: Benutzerdefiniertes CSS ist nach der Migration möglicherweise auskommentiert. Überprüfen Sie den Code und aktivieren Sie alle benötigten Stile erneut.

Häufige Probleme nach dem Ändern von Vorlagen

Layout- oder Inhaltsprobleme

Einige Seitentypen, die in Squarespace 7.0 verwendet wurden, existieren in 7.1 nicht und werden beim Upgrade automatisch konvertiert. Daher können bestimmte Layouts anders aussehen oder unvollständig wirken. Fehlende oder geänderte Abschnitte lassen sich mithilfe von Standardblöcken und Fluid Engine-Abschnitten einfach wiederherstellen.

SEO-Überlegungen

In den meisten Fällen werden URLs automatisch weitergeleitet, wodurch bestehende Suchmaschinenplatzierungen erhalten bleiben. Seitentext und Kerninhalte bleiben unverändert, was die SEO-Performance zusätzlich schützt. Nach dem Upgrade ist es dennoch wichtig, SEO-Titel, -Beschreibungen und Metadaten zu überprüfen, um sicherzustellen, dass alles korrekt konfiguriert ist.

Konflikte mit benutzerdefiniertem Code

Benutzerdefiniertes CSS und Skripte von Drittanbietern verhalten sich in Version 7.1 möglicherweise anders. Einige Codeabschnitte müssen nach der Veröffentlichung gegebenenfalls aktualisiert oder manuell neu aktiviert werden. Testen Sie benutzerdefinierte Funktionen immer gründlich, um sicherzustellen, dass sie wie erwartet funktionieren.

Einschränkungen für Shops

Größere Shops, die in Squarespace 7.0 erstellt wurden, erfordern möglicherweise Anpassungen vor oder nach dem Upgrade. Produktlayouts, Checkout-Prozess und Shop-Einstellungen sollten überprüft werden, um unerwartete Probleme zu vermeiden.

Abschließende Überprüfung

Bevor Sie Ihre Website veröffentlichen, testen Sie sie in einem Inkognito- oder privaten Fenster, um sicherzustellen, dass Layout, Links und Funktionen für Besucher korrekt angezeigt werden.

Fazit

Die Änderung einer Squarespace-Vorlage im Jahr 2026 bedeutet weniger Designwechsel als vielmehr strategische Anpassung. Während Squarespace 7.0 den herkömmlichen Vorlagentausch ermöglicht, bietet Squarespace 7.1 dank Fluid Engine volle kreative Kontrolle. Mit sorgfältigen Vorschauen, Backups und Tests können Sie Ihre Website bedenkenlos neu gestalten, ohne Inhalte, SEO-Wert oder Funktionalität einzubüßen.

Häufig gestellte Fragen

1. Kann ich in Squarespace 7.1 wie in Version 7.0 die Vorlage wechseln?

Nein. Squarespace 7.1 unterstützt keinen herkömmlichen Vorlagenwechsel. Alle 7.1-Websites verwenden dieselbe Grundstruktur. Um eine Vorlage zu ändern, müssen Sie Ihre Website daher mithilfe von Site Styles und Fluid Engine neu gestalten, anstatt eine neue Vorlage zu installieren.

2. Wirkt sich ein Wechsel meiner Squarespace-Vorlage auf meine Inhalte aus?

In den meisten Fällen bleiben Ihre Seiten, Texte und Bilder erhalten. Layouts, Stile und einige Seitentypen können sich jedoch ändern oder Anpassungen erfordern – insbesondere beim Wechsel der Vorlage in Version 7.0 oder bei der Migration von 7.0 auf 7.1.

3. Beeinträchtigt ein Wechsel einer Squarespace-Vorlage die Suchmaschinenoptimierung (SEO)?

Vorlagenänderungen schaden der SEO in der Regel nicht, solange Ihre Seiteninhalte und URLs gleich bleiben. Squarespace kümmert sich automatisch um Weiterleitungen. Es wird jedoch empfohlen, nach der Veröffentlichung SEO-optimierte Titel, Beschreibungen und strukturierte Layouts zu überprüfen.

4. Kann ich nach dem Wechsel zu meiner alten Vorlage zurückkehren?

In Squarespace 7.0 können Sie zu einer zuvor installierten Vorlage zurückkehren, sofern diese nicht deinstalliert wurde. In Squarespace 7.1 ist ein Rollback für Vorlagendesigns nicht möglich – Änderungen werden direkt an den Stilen und Layouts Ihrer Live-Website vorgenommen.

5. Sollte ich meine Website duplizieren, bevor ich eine Vorlage wechsle?

Ja. Es wird dringend empfohlen, Ihre Website zu duplizieren, bevor Sie größere Designänderungen vornehmen oder Versionen aktualisieren. Die Duplizierung dient als Backup und ermöglicht es Ihnen, Layouts, Stile und Funktionen zu testen, ohne Ihre Live-Website zu beeinträchtigen.