Fügen Sie Rechner-Widgets zu Ihrer Squarespace-Website mit Code Blocks hinzu. Diese Anleitung zeigt, wie Sie unsere Widgets in Ihre Seiten einbetten.
Schritt 1: Holen Sie Ihren Einbettungscode
- Gehen Sie zu unserem Widget-Generator
- Wählen Sie Ihren Rechnertyp, passen Sie Farben und Styling an Ihre Website an
- Kopieren Sie den generierten Einbettungscode aus dem Tab "HTML Einbetten"
Schritt 2: Zu Ihrer Squarespace-Site hinzufügen
-
Bearbeiten Sie Ihre Seite
Öffnen Sie die Seite, auf der Sie den Rechner hinzufügen möchten, und klicken Sie auf "Bearbeiten".
-
Fügen Sie einen Code Block hinzu
Klicken Sie auf "+", um einen neuen Block hinzuzufügen, und wählen Sie dann "Code" aus dem Menü (möglicherweise müssen Sie scrollen oder suchen).
-
Fügen Sie Ihren Einbettungscode ein
Fügen Sie den Einbettungscode in den Code Block ein. Stellen Sie sicher, dass "Display Source" deaktiviert ist.
-
Speichern und Vorschau
Klicken Sie außerhalb des Code-Blocks, um ihn zu schließen, und speichern Sie dann Ihre Seite. Zeigen Sie eine Vorschau an, um den Rechner zu testen.
Tipps
- Code Blocks sind bei Business- und Commerce-Plänen verfügbar. Bei niedrigeren Plänen verwenden Sie den "Embed"-Block.
- Wenn Sie einen Embed-Block verwenden, fügen Sie nur die iframe-URL ein (nicht den vollständigen Code) und stellen Sie die Breite manuell ein
- Das Widget passt seine Höhe automatisch an den Inhalt an, sodass Sie sich keine Sorgen um Scrollbalken machen müssen
Fehlerbehebung
Code Blocks erfordern einen Business- oder Commerce-Plan. Versuchen Sie den Embed-Block, der bei allen Plänen verfügbar ist.
Stellen Sie sicher, dass der Einbettungscode korrekt eingefügt wurde und sowohl die iframe- als auch die Script-Tags enthält. Überprüfen Sie die Entwicklerkonsole Ihres Browsers auf Fehlermeldungen.