Squarespace: Das passende Template auswählen

 

Squarespace: Das passende Template auswählen

Im Vergleich zu Wordpress oder anderen Web-Baukästen hast du bei Squarespace keine so große Auswahl an Layouts (was für manche ein 'No-Go' ist). Aber wer braucht das? Ich nicht!

Ich mag es übersichtlich. Daher finde ich es gut, dass es derzeit ‚nur’ ca. 90 verschiedene Templates gibt. Weil mich zu viel Auswahl erschlägt. Außerdem kannst du jedes Template individuell anpassen – durch deine Inhalte, mit den Einstellungen im ‚Style Editor’ und den verschiedenen Blöcken und Elementen, die hinzufügst und nach eingenen Wünschen platzierst.

Jetzt sagen die Wordpress-Befürworter sicher ‚Ja, aber bei Wordpress kannst du alles machen, bei einem Web-Baukasten nicht.’ Ja, eh. Ich will aber nicht alles machen können. Ich mag Design-Vorgaben. Weil ich keine gelernte Designerin bin, aber trotzdem hohe ästhetische Ansprüche habe. Ich verlass' mich lieber auf die Profis. Und wenn die etwas nicht erlauben, wird das schon seinen Sinn haben ...

 @Squarespace - neues Template installieren (Ansicht CMS)

@Squarespace - neues Template installieren (Ansicht CMS)

 

Abgesehen davon gefallen mir die Squarespace-Designs am besten. Ich habe bisher keine schöneren Templates gefunden. Das ist natürlich Geschmackssache. Fakt ist, dass das Design-Team von Squarespace preisgekrönt ist. Design ist jedenfalls ein Merkmal - wenn nicht der USP (das Alleinstellungsmerkmal) von Squarespace.

Jedes Template ist mobil optimiert ('responsive'), und alle Templates sind benutzerfreundlich gestaltet.

Die Designs sind für die Bedürfnisse verschiedener Branchen und Aufgaben wie Dienstleistungen, Fotografie oder Online Shops gemacht.

Jedes Template kommt mit hunderten individuell veränderbaren Funktionen und Einstellungen daher – Farben, Schriften, Elementen ... Du suchst dir eine Stylevorlage aus und passt sie an deine Bedürfnisse und den gewünschten Look an.

 Anleitung zum Auswählen des Templates

Templates – Style anpassen

Der Style Editor ist ein Schlüsselelement, um deine Seite einzigartig zu machen. Hier veränderst du die Einstellungen für Schriftarten, -größen, Zeichenabstände, Farben und vieles mehr. Du kannst jede Farbe einstellen und zwischen unzähligen Schriftarten wählen.

Funktionen - bei jedem Template

Diese Grund-Funktionen gibt es grundsätzlich bei jedem Template:

  • Kontaktformular (auch ausführliche Anfrage-/Buchungsformulare für zB Hotels)

  • Google-Maps-Karte

  • Downloads (PDF zum Herunterladen zB)

  • Buttons (= Schaltflächen zum Klicken)

  • Pop-Ups

  • Email-Anfragen

  • Newsletter-Anmeldung

  • Termin- / Eventkalender

  • Blog / Podcast

  • Bilder / Bildergalerien

  • ...

Template kennenlernen

Für alle Templates gibt es eine Vorschau und eine Demo-Version mit Beispielinhalten.

Bei der Vorschau siehst du auch, wie dieses Template auf Smartphones und Tablets aussieht. Ziemlich cool, finde ich ...

Bei der Demo-Version klickst du dich durch eine Beispielwebsite und siehst, was mit dem jeweiligen Layout möglich ist. Aber Achtung: Es ist noch viel mehr möglich! Sind zB. gar keine Bilder zu sehen (zB. bei 'Harris'), heißt das nicht, dass du keine einbauen könntest.

Jedes Template ist zu einem hohen Grad individualisierbar. Gefällt dir eines, lädst du es mit einem Klick ins Backend rein. Dort spielst du mit den Möglichkeiten herum.

 @Squarespace - Vorschau / Demo-Rundgang Template 'Vow'

@Squarespace - Vorschau / Demo-Rundgang Template 'Vow'

 

Vorgehensweisen für die Auswahl:

Du könntest das natürlich mit allen 90 Layouts durchspielen - ist aber doch ein bißchen viel;) Daher:

1. Was ist das Ziel deiner Website?

  • Ist das Hauptziel deiner Seite Produkte zu verkaufen? Nimm ein Template mit einem Produkt-Display, das dir gefällt. Jedes Template kann einen Shop haben, aber manche haben ein einzigartiges Shop-Design, das den Schwerpunkt ‚Verkaufen’ unterstützt.

  • Bloggst du intensiv, willst du ein Template, das einen Blog-Sidebar enthält. Den haben nicht alle (Bloggen kannst du mit jedem Template).

  • Bist du Fotograf oder willst du viele große Bilder auf deiner Seite zeigen, brauchst du ein auf Visuals spezialisiertes Template.

  • Vielleicht hast du ein Hotel und willst eine Mischung aus schöner Bilddarstellung und Infos. Und einen hervorstechenden Buchen- bzw. Anfrage-Button.

usw.

Du siehst, worauf ich hinaus will. Mach dir dein Ziel bewusst und wähle danach das Layout. Du kannst die Templates nach Zielen filtern, es gibt zB spezielle Shop-, Portfolio-  oder Business-Templates.

2. Welche Funktionen willst du haben?

Suche danach Templates, die die Funktionen und Elemente haben, die dir bei der Zielerreichung helfen.

  • Manche Kunden sagen, sie wollen unbedingt ein Headerbild, das vom linken zum rechten Rand der Seite reicht. Ist das ein Must, engst du die Auswahl damit ein.

  • Willst du deine Website mit einem Hintergrundbild hinterlegen, machst du das mit Adirondack, Avenue, der Aviator-Familie, Five, Forte, Momentum, Montauk-Familie oder Native.

  • Blog Sidebar: Bloggst du, willst du wahrscheinlich Funktionen wie eine Tag- oder Kategoriewolke oder eine Anzeige der beliebtesten Blog-Posts.

  • Bilder-Galerien: Du nutzt zwar mit dem Drag-and-Drop-Widget bei jedem Template Galerien. Trotzdem haben manche Templates besondere Galerie-Designs – weil sie Teil eines speziellen Templates sind. Bist du zB Fotograf, wählst du ein Template, das hierauf den Fokus legt.

  • Hauptmenü / Navigation: Bei manchen Templates kannst du dir aussuchen, ob du die Navigation über dem Header, unter dem Header - oder überhaupt kein Menü haben willst.

  • Du liebst große Footer? Manche haben einen 'Pre-Footer' – einen eigenen Bereich unten auf der Website (über dem eigentlichen Footer), den du farblich und speziell gestalten kannst.

3. Nutze die Filter-Funktion bei Squarespace

Die Templates sind in Kategorien unterteilt wie Reisen, Gastronomie, Hochzeiten, Dienstleistungen ...  – filtere danach und schau, was dir am besten gefällt. Ist dir ist zB eine Seitenleiste bei deinem Blog wichtig, dann gibst du ‘Blog Sidebar’ in das Suchfeld ein. Alle Layouts mit der Seitenleiste werden dir jetzt angezeigt.

©Squarespace - Templates filtern

4. Nachfragen

Kennst du eine Sqarespace-Website, die dir besonders gefällt? Frag einfach nach, welches Template im Einsatz ist.

Templates vergleichen

Ehrlich gesagt, fand ich es als Anfänger schwierig, die Templates zu vergleichen. Weil die vorhandenen Überblickstabellen Erfahrung und Verständnis der Templates voraussetzen. Trotzdem möchte ich dir diesen Link mit verschiedenen Vergleichen nicht vorenthalten. Kennst du dich nicht aus und brauchst du Hilfe, schau ins Squarespace-Forum oder komm in meine Facebook-Gruppe und frag dort nach.

Template-Familien

Eine Familie ist eine Gruppe von Templates, die dieselbe Grundstruktur, die gleichen Style-Optionen und Spezialeinstellungen besitzen. Manche Familien bestehen aus nur einem Template. Du kannst neuerdings die Template-Auswahl nach 'Familienzugehörigkeit' durchsuchen. Gib zB 'Bedford-Family' ein - und du kriegst alle Template-Varianten mit ähnlichen Funktionalitäten angezeigt!

Familie     Templates

Adirondack    Adirondack
Avenue           Avenue
Aviator            Aubrey, Aviator, Encore*
Bedford          Anya, Bedford, Bryant, Hayden

Brine             
Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln*, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West
  
Farro                Farro, Haute
Five                  Five
Flatiron           Flatiron
Forte                Forte
Galapagos     Galapagos
Ishimoto        Ishimoto

Marquee*    
Adversary*, Alex*, Eamon*, Ginger*, Marquee*, Mint*, Shift*
            
Momentum   Momentum
Montauk        Julia, Kent, Montauk, Om
Native            Native

Pacific          
Bryler*, Charlotte, Fulton, Horizon, Naomi, Pacific
             
Skye               Foundry, Indigo, Ready, Skye, Tudor
Supply           Supply
Tremont        Camino, Carson, Henson, Tremont
Wells              Wells
Wexley           Wexley

York
Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor*, York

*gibt's nicht mehr

Weitere Anpassungen - Codes

Hast du später genug Erfahrung gesammelt, kannst du spezielle Codes nutzen für fortgeschrittene Änderungen an deiner Seite. Anmerkung: Der Einbau von Codes in deine Seite fällt außerhalb der Zuständigkeit des Squarespace Supports. Ist aber trotzdem keine Raketenwissenschaft ;)

Die besten Templates für

  • Blogs: Tudor/Skye/Foundry, Native and Rally

  • Shops: Galapagos, Hyde und West

  • Fotografie, Kunst, Design: Montauk, Wells, Lange

  • Freelancer: Ready, Bedford und Hatch/ Nueva/ Sofia (Brine-Familie)

 @Squarespace - Demorundgang starten

@Squarespace - Demorundgang starten

Template wechseln

Du kannst jederzeit das Template per Mausklick wechseln. Du lädst dir ein beliebiges Template ins Backend. Du siehst, wie deine Webinhalte mit dem jeweiligen neuen Layout aussehen würden. Du baust im Hintergrund die Website im neuen Layout, erstellst Seiten, gibst Inhalte rein. Währenddessen ist deine aktuelle Website ganz normal erreichbar. Sobald du mit der neuen fertig bist, stellst du diese ‘live’.

+++

Du bist Einzel- und Kleinunternehmer und willst eine Website, die wirkt? Melde dich hier für ein kostenloses und unverbindliches 20-minütiges Gespräch an. Wir sprechen darüber, wobei ich dich unterstützen und wie unsere Zusammenarbeit aussehen kann!