Schritt für Schritt
- Öffne die Seite im Editor und klicke auf Bearbeiten.
- Klicke an der gewünschten Stelle auf Block hinzufügen (oder einen Plus-Punkt) und wähle Code.
- Klicke auf den Stift des Blocks, lösche den Beispieltext und füge den Code ein. Lass den Modus auf HTML.
- Klicke neben den Block und dann auf Speichern.
Welche Tarife das erlauben
Squarespace führt iframes und Skripte in Code-Blöcken nur in den Tarifen Core, Plus und Advanced aus. Im Basic-Tarif bleibt der Block leer. Läuft deine Website auf Basic, ist ein Textlink oder ein Button zum Tool auf Clooock die einfachste Alternative.
Passend zum Design
Squarespace-Vorlagen arbeiten mit viel Weißraum. Ein Countdown ohne Hintergrund in Schwarz fügt sich oft besser ein als ein farbiger Block: Wähle im Satz Schwarz ohne Hintergrund oder setz deine Markenfarbe in den Teil c= des Codes. Im Fluid-Engine-Editor ziehst du den Block auf Breite und Höhe, und das Widget passt sich an.
Auf dem Handy
Fluid Engine speichert ein eigenes Layout für Handys. Schalte den Editor auf die Mobilansicht und prüfe dort den Code-Block: Gib ihm eine Höhe, die zu einem schmalen Bildschirm passt, bei einem Countdown etwas weniger als am Computer. Die Ziffern schrumpfen auf die Breite, und die Beschriftungen darunter verschwinden nur, wenn der Block sehr klein wird.