45+ der besten Squarespace-Anleitungen: Hier findest du Tipps für eine richtig coole Website!
Hol dir einen Kaffee, setz dich gemütlich hin und plane mindestens eine Stunde für diesen langen (wirklich langen!) Beitrag ein. 🤓
Denn: Hier findest du eine Power-Sammlung der wichtigsten Anleitungen und Tutorials zu Squarespace, welche deine Squarespace-Website boosten werden.
In meinem Sammelartikel erfährst du unter anderem:
Worauf du achten musst, wenn du mit Squarespace startest (Templates, Versionen, Verknüpfung der Domain, etc...)
Alles rund um Bilder, Farben und Effekte für hinreißende Websites
Wie du deinen Squarespace-Blog erstellst und diesen schön machst
Wie du eine Squarespace-Website stylst und deine Texte zum Hingucker werden
Welche praktischen Tools du mit Squarespace verknüpfen kannst
Wie du deine Seite Pinterest-fit machst
Wie du mit Squarespace richtig gut verkaufst (Ecommerce, Landingpages, etc.)
Warum Datenschutz & Sicherheit einfach dazu gehören
Ich wünsche dir viel Spaß beim Schmökern!
Inhaltsverzeichnis:
Falls du Squarespace testen willst, kannst du hier 14 Tage gratis ausprobieren, ob es dir gefällt. Danach sparst du mit dem Code VICTORIA10 ganze 10% auf dein erstes Jahr bei Squarespace. (Ja, das ist ein Werbelink.)
Tipp: Ganz neu richten wir für dich als Blogleser alternativ sogar einen special 20%-Rabatt ein. → Bekommst du hier.
Bevor du mit Squarespace startest:
Du überlegst schon länger, mit Squarespace zu starten? Du bist aber nicht ganz überzeugt oder weißt einfach nicht, wie du das Thema “Neue Website” beginnen sollst?
Ich kann dir helfen!
Als Website-Experte ist Squarespace nicht nur irgendein Tool meiner Wahl: Squarespace ist DER Website-Baukasten für stylische und coole Websites, die sich ganz easy und ohne viel Tam-Tam bauen lassen.
Starte dein Website-Projekt ordentlich!
Aber klar - aller Anfang ist schwer.
Squarespace macht dir die Sache aber einfach: Mit wenigen Klicks kannst du dein Template auswählen und schon zu basteln beginnen. Das ist der eine - definitiv machbare - aber nicht so ideale Weg. 😛
Denn irgendwann wirst du wahrscheinlich feststellen, dass es vielleicht doch ganz gut gewesen wäre, wenn du dir vorab einige Gedanken zum Websitebauen gemacht hättest. 🤓
Bevor du dich also ins Abenteuer Squarespace stürzt, lies dir diese drei Tipps durch und starte erst danach - nämlich mit ein bisschen Planung und einer guten Ideenbasis - dein Website-Projekt!
2. Squarespace-Templates & Versionen
Seit Juni 2020 gibt es neben Squarespace 7.0 auch die neue Version 7.1. Für Squarespace-Anfänger ist es oft schwierig herauszufinden, welche Version man selbst verwendet oder welche Templates für welche Versionen am geeignetsten sind.
Keine Panik - auch zu diesem Thema gibt es schon einiges an passenden Inhalten von mir:
Dieser Beitrag zeigt dir, wie du herausfinden kannst, mit welcher Version du überhaupt arbeitest, welche Templates andere Squarespace-Benutzer aktuell verwenden und was es bedeutet, wenn du von einem zum anderen Template wechseln möchtest.
Arbeitest du noch mit der Version 7.0? Dann habe ich etwas für dich! Nämlich das beste 7.0-Template inkl. Erfahrungsbericht für alle Version 7.0-Nutzer.
Überlegst du, direkt mit der neuen Version 7.1. zu starten? Mach das! Aber lies dir vorher durch, worauf du genau achten musst, was die wichtigsten Unterschiede zur Vorgänger-Version sind und welche Templates du unbedingt auswählen solltest.
3. Eigene Domain mit Squarespace verknüpfen
Du kannst direkt bei Squarespace deine Domains kaufen oder diese bei Drittanbietern erwerben. In diesem Beitrag erkläre ich dir, wie du deine externe Domain mit Squarespace verknüpfst und warum du dafür kein IT-Profi sein musst. 💪
4. Spracheinstellung zu Deutsch ändern
Du hast dich dazu entschlossen, mit Squarespace zu arbeiten! Yes!
Um dir die Arbeit zu erleichtern habe ich einen einfachen, aber umso wichtigeren Tipp: Ändere die Squarespace-Sprache von Englisch zu Deutsch. Wenn du Muttersprachler bist oder supergut Englisch kannst, musst du das natürlich nicht tun! 😛
Für alle anderen ist die Änderung der Sprache eine riesige Erleichterung im Arbeitsprozess.
5. Coming-Soon Seite auf Squarespace erstellen
Eine Coming-Soon Seite ist meistens das Erste, was Squarespace-Nutzer erstellen, wenn sie mit dem Websitebauen starten. Während hinter der “Bühne” das Chaos herrscht, sieht aber dein Website-Besucher nur eine wunderschön designte “Kommt-bald”-Seite und freut sich auf das zukünftige Ergebnis.
Wie du coole Coming-Soon-Seiten baust und welche Vorteile solche Seiten generell haben, kannst du hier nachlesen.
6. Neue Squarespace-Seiten erstellen: der beste aller Tricks
Wie du ja schon mitbekommen hast, bin ich ein Planungs-Freak. Alles, was geplant werden kann, funktioniert einfach besser 😇
Und das gilt natürlich auch für das Erstellen von neuen Squarespace (falls du überhaupt mal wissen willst, wie man eine Squarespace-Website richtig gut plant und strategisch aufbaut, komm in meinen Online-Kurs “Website mit Plan”!)
Den besten Trick, wenn du neue Seiten bei Squarespace erstellst, kannst du hier nachlesen.
👉 Ständig frische Tipps für deine Squarespace-Website? Abonniere jetzt meinen Youtube-Kanal mit laufend neuen Tutorials! 🎥
Bilder, Farben & Effekte für Squarespace
Squarespace hat design-technisch so einiges drauf - und das sage ich nicht nur, weil ich Squarespace-Expertin bin!
Im Hintergrund wird bei Squarespace permanent an neuen Features gearbeitet und ich freue mich immer wie ein Honigkuchenpferd 🤓, wenn ich diese mit dir teilen darf:
Bilder direkt in Squarespace zuschneiden
Lange Zeit war es nicht möglich - jetzt aber schon: Du kannst von nun an deine Bilder direkt in Squarespace zuschneiden und bist zumindest nicht mehr komplett von externen Anbietern wie Adobe Illustrator oder Canva* abhängig.
Die Zuschneide-Funktion ist für beide Versionen verfügbar: Squarespace 7.0 & 7.1!
2. Cooler Scrolleffekt: Parallax
Parallax klingt für dich wie eine ferne Galaxie? Nix da!
Parallax ist ein fancy Bildschiebe-Effekt (bitte sparsam einsetzen!), der dafür sorgt, dass sich die Website schneller als das Bild (oder umgekehrt) bewegt. Auch ich verwende diesen Effekt auf meiner Website und kann sagen: Es ist gar nicht so schwer, Parallax auf Squarespace einzusetzen, probieres aus!
3. “Lade”-Farbe bei Squarespace ändern
Du wirst dich jetzt wahrscheinlich fragen: Was bitte ist die “Lade”-Farbe?
Die “Lade”-Farbe ist die Hintergrundfarbe (standardmäßig auf schwarz eingestellt), die lange Index-Seiten beim Laden haben.
Ja, du hast Recht: Grundsätzlich musst du die “Lade”-Farbe nicht ändern. Aber für die, die wollen, gibt es eine kurze und feine Anleitung zu.
Alles rund um Blog, Texte & Sprachen
Jetzt geht es ans Eingemachte! In diesem Kapitel erfährst du, wie du ganz einfach deinen Blog in Squarespace erstellst oder du mehrsprachige Websites kreierst!
Squarespace-Blog erstellen
In diesem ausführlichen Blogbeitrag erkläre ich dir, wie du deinen Blog planst, die passenden Templates auswählst, deinen Blog “schön” machst und wie du in dein Blogprojekt auch Persönlichkeit hineinbringst - das ganze an nur einem Tag!
Wenn wir schon bei dem Thema Styling sind: Ich habe dir einige Tipps zusammengeschrieben, wie du deinen Blog noch etwas mehr “aufhübschen” kannst. Zwischen “Datum anzeigen/ausblenden” und “Blog-Banner einrichten” wirst du in diesem Beitrag bestimmt fündig.
Wenn du bereits länger mit deinem Squarespace-Blog arbeitest, wirst du wahrscheinlich bemerkt haben, dass das Verändern der Schriftgröße von Blogartikel-Überschriften für mobile Geräte nicht so, sagen wir, intuitiv ist.
Aber auch dafür gibt es eine einfache How-To-Anleitung!
2. Mehrsprachige Squarespace-Websiten bauen
Wenn du deine Website auch internationalem Publikum zugänglich machen willst, habe ich die perfekte Anleitung mit vier verschiedenen Umsetzungsmöglichkeiten für dich. Von ganz easy bis eher umfangreich 😊
Arbeitest du schon mit zwei getrennten Websites? Dann zeige ich dir, wie du elegant Links zur jeweils anderen Sprache bei Squarespace einbaust - in nur wenigen Klicks!
Design, Styling & Grafik
Squarespace ist einfach schön! Aber damit deine Website noch schöner wird, findest du hier einige Styling-Tipps - von CSS bis Logo optimieren ist hier alles dabei!
Styling
Von CSS (Cascading Style Sheets) hast du bestimmt schon etwas gehört! Aber wahrscheinlich hast du CSS selbst noch nie verwendet, da dafür einige Code-Kenntnisse erforderlich sind. Mit meinen 10 praktischen CSS-Einstellungen kannst du in die bunte Welt von CSS eintauchen - dazu musst meine Code-Schnipsel einfach nur copy/pasten!
Hast du vor, die Navigation & das Menü bei Squarespace zu verändern? Dann bitte hier entlang! Du erfährst, welche Möglichkeiten du hast und wie das ganze auch richtig cool aussieht!
Schöne, sichtbare Buttons sind super wichtig, wenn du deine Website strategisch aufbauen willst. In dieser Anleitung kannst du nachlesen, wie du deine Call-To-Action Buttons schön stylst und deine Besucher zu mehr Aktionen animierst!
Aktuell ist das Erstellen von Tabellen (noch) keine Standardfunktion von Squarespace und ja, ich gebe dir recht: Das sollte es definitiv sein! Ich zeige dir aber, wie du kinderleicht Tabellen erstellst, ohne ewig danach googeln zu müssen!
2. Logo einrichten
Musst du dein Logo nur auf einzelnen Seiten bei Squarespace ändern? Das ist manchmal notwendig, wenn du zum Beispiel ein dunkles Logo auf einem dunklen Hintergrund hast. Es gibt aber noch viele andere Gründe, warum es gut ist, dafür eine Anleitung zu haben!
Dasselbe gilt auch für die mobile Version deiner Website: Dieses How-To erklärt dir, wie du dein mobiles Logo für beide Squarespace-Varianten (7.0 & 7.1) ganz einfach optimieren kannst und welche Lösungen es dafür gibt!
3. Texte schöner machen
Hier gibt es wieder ein bisschen CSS-Styling-Nachhilfe! Wenn du einzelne Überschriften mit einem farbigen Hintergrund (sozusagen als Textmarker-Effekt) hinterlegen möchtest, erfährst du hier, wie das ganz einfach möglich ist!
Weiter oben habe ich bereits erwähnt, dass einige “vermeintliche” Standard-Funktionen in Squarespace nicht enthalten sind - dazu gehört auch, deinen Text durch- oder unterstreichen zu können. CSS sei dank gibt es auch hier wieder elegante Lösungen für stylische Squarespace-Texte.
Squarespace hat eine große Auswahl wunderschöner Schriftarten, aber natürlich kannst du auch eigene Schriften bei Squarespace hochladen und verwenden. Das ist auch gar nicht schwer - versprochen!
Übrigens: Zu den Schriften auf Squarespace und überhaupt habe ich eine coole Sammlung für dein Branding erstellt! Schau mal rein!
Verknüpfungen mit verschiedenen Tools
Die Verknüpfung mit diversen Tools stellt fast jeden Online-Unternehmer auf die Probe. Aber ohne Tools kein Online-Business. So einfach ist das!
Ich präsentiere dir in diesem Kapitel eine kleine Sammlung an unterschiedlichen How-To-Anleitungen, damit die Verknüpfung zwischen deiner Squarespace-Website nicht zu Albtraum wird.
Los geht’s!
Google Analytics ist wohl das wichtigste Tool für dein Business, wenn du nachverfolgen willst, wer sich so auf deine Website rumtreibt 😊 Es gibt zwei Möglichkeiten, wie du deine Squarespace-Website mit Google Analytics verbinden kannst - diese kannst du hier nachlesen.
E-Mail Marketing ist nach wie vor die Basis für den nachhaltigen Business-Aufbau, wenn du dich nicht nur auf Social-Media & Co verlassen willst. Mit Convertkit, meinem neuen Lieblingstool kannst du super einfach schöne Newsletter erstellen und auf deiner Website einbetten. Aber auch Flodesk gehört zu den gehypten E-Mail-Tools, die gerade in der Onlineunternehmer-Bubble umherschweben. Alles über Flodesk und die einzelnen Funktionen kannst du hier nachlesen.
Um die Terminvereinbarung mit deinen Kunden zu vereinfachen, kann ich dir das Terminplanungstool Calendly empfehlen. Deine Kunden können direkt (z.B. mit einem Klick über deine Website) einen Termin auswählen und buchen.
Verwendest du Affiliate-Links auf deiner Website? Sehr gut 👍 Es gibt mehrere Arten und Wege, wie du diese Links auf deiner Website integrieren kannst. Außerdem habe ich dir die besten Hacks für dein Affiliatemarketing mit Squarespace zusammengeschrieben!
Pinterest & Squarespace
Liebäugelst du schon länger mit der Einrichtung eines Pinterest-Kontos? Oder hast du bereits ein Konto und möchtest wissen, wie du deine Squarespace-Seite pinterest-fit machst? Dann wirf einen Blick in meinen ultimativen Pinterest-Guide und lies nach, wie du Squarespace-Website komplett für Pinterest optimierst.
Pro-Tipp: So erstellst du versteckte Pinterest-Bilder auf deiner Squarespace-Website
Verkaufen auf Squarespace
Eine Website ist dafür da um zu verkaufen! Und Squarespace hat einfach alles, was du brauchst, um deine Kunden zu verzaubern und ein schönes Kauferlebnis zu bieten.
Fangen wir an!
Testimonials gekonnt in Szene setzen
Zeig dich und deine Arbeit! Und damit meine ich nicht nur, dass du eine coole Website mit deinen Angeboten hast, sondern dass auch deine Kunden ein Teil deiner Website werden, indem du sie fragst, was sie über deine Arbeit denken.
Und diese wirklich wertvollen, harten Beweise über deine Arbeit (wie ich sie so gerne nennen), darfst du - nein musst du! - unbedingt schön in Szene setzen.
Ich habe dir 5 kreative Ideen zusammengeschrieben wie du deine Testimonials schick auf deine Website setzt!
2. Landingpage bauen
Eine Landingpage ist dazu da, um auf ihr zu landen. Ohne Ablenkung, ohne Schnickschnack und mit nur einem Ziel: die Besucher sollen dem einzigen Call-to-Action folgen.
Mit Squarespace kannst du wunderbare, strategische Landingpages bauen ohne auf externe Tools zugreifen zu müssen. In diesem Beitrag zeige ich dir, wie das ganz einfach geht.
3. Ecommerce mit Squarespace
Verkaufst du Produkte und bist du auf der Suche nach einem Onlineshop-System auf Squarespace? Dann muss ich dich zum Glück heute nicht enttäuschen. :-)
Mit Squarespace kannst du Ecommerce ganz einfach umsetzen - die wichtigsten Fragen zu diesem Thema habe ich hier für dich zusammengestellt.
Übrigens: Falls du noch etwas Inspiration für deinen Onlineshop brauchst - guck mal hier rein und klicke durch tolle Onlineshops!
4. Mehr Aufmerksamkeit durch die Mitteilungsleiste
Hast du aktuell ein besonderes Angebot oder ein Event zu verkündigen? Dann verwende unbedingt die Mitteilungsleiste - diese wird übrigens noch viel zu wenig von den Squarespace-Usern genutzt.
Somit werden deine Angebote ganz oben in eine schmale Leiste gesetzt und erlangen viiiel Aufmerksamkeit!
5. Uploads & Downloads auf Squarespace: So geht’s
Jemand soll Dateien hochladen oder sich Unterlagen herunterladen können? Alles kein Problem! Diese Anleitung zeigt die für beide Optionen Lösungsmöglichkeiten.
6. Mitgliederbereiche auf Squarespace
Ja, es gibt sie! Mitgliederbereiche auf Squarespace sind auch relativ neu, aber dafür umso cooler 🤓 Ich habe dir alle Vor- und Nachteile zusammengeschrieben und erzähle dir auch, wofür ein Mitgliederbereich überhaupt verwendet werden kann.
Achja, hier zeige ich dir, wie du passwortgeschützte Bereiche in Squarespace erstellen kannst!
7. 404-Seite erstellen
Eine 404-Seite ist die Seite, auf der Besucher landen, wenn der Link ins Leere führt. Grundsätzlich ist das ja nicht so super, wenn Besucher irgendwo herumschwirren - ABER du kannst deine 404-Seite strategisch so aufbauen, dass deine Besucher (und auch du!) davon noch profitieren können.
Hier erfährst du, wie das ganz einfach geht!
Sicherheit, Datenschutz & mehr
Sicherheit & Datenschutz sind wohl die häufigsten Bauchweh-Themen, wenn es um Websiteerstellung geht. Meine Anleitungen sollen dir aber zeigen, dass das alles gar nicht so schlimm ist!
Bitte beachte aber trotzdem:
Folgende Artikel inklusive Kommentaren stellen keine Rechtsberatung dar und enthalten Werbelinks für die genannten Rechtstexte-Anbieter. (Ich bin bekanntermaßen kein Anwalt, sondern suche immer nach Möglichkeiten, dir als Website-Betreiber das Leben möglichst leicht zu machen.) Für die Hinweise in diesen Artikeln bzw. deren Anwendung wird keine Haftung übernommen.
Datenschutzerklärung & Impressum für Squarespace
Ja, ich weiß. Das sind jetzt ganz langweilige Themen - aber Datenschutz ist eben ein wichtiger Teil deiner Website und somit zu beachten.
Ich zeige dir in diesem Blogartikel nicht nur, wie du zu rechtssicheren Texten kommst, sondern auch, wie du klassische Abmahnfehler vermeiden kannst.
2. Opt-in Cookie-Banner erstellen
In 15 Minuten lernst du, wie die ein Cookie-Banner für deine Squarespace einrichten kannst. Geht schnell? Ist schnell. Hier kannst du alles nachlesen.
3. Backup! So sicherst du deine Website
Hast du dir schon Gedanken darüber gemacht, ob und wie du deine Squarespace Seite sichern möchtest? Ich verstehe, wenn das Thema Website-Backup ganz unten auf deiner Prio-Liste steht - mein Artikel hilft dir aber dabei, das Thema ganz angstfrei 💪 anzugehen.
Du erfährst nicht nur, wie oft du überhaupt ein Backup erstellen solltest, sondern auch wie das Ganze in der Praxis überhaupt aussieht.
Falls du jetzt also gar nicht mehr anders kannst, als mit Squarespace zu starten: Mit dem Code VICTORIA10 kannst du hier 10% auf dein erstes Jahr bei Squarespace sparen. (Dieser Link ist natürlich Werbung für Squarespace.)
Diese Artikel könnten für dich noch interessant sein:
