Füge Live-Google-Bewertungen oder YouTube-Videos zu Framer hinzu
Fügen Sie eine Framer Embed-Komponente hinzu, fügen Sie den TileSet-Snippet in den HTML-Bereich ein, veröffentlichen Sie, und Ihre Website zeigt Live-Google-Bewertungen oder YouTube-Videos an.
Zu einer Seite hinzufügen
- Erstellen Sie in TileSet Ihr Widget und kopieren Sie das Snippet: ein Skript-Tag und ein
div. - Öffnen Sie in Framer das Menü Einfügen, suchen Sie nach Embed und ziehen Sie die Embed-Komponente dorthin, wo der Feed platziert werden soll.
- Fügen Sie im Abschnitt HTML der Komponente beide Zeilen des Snippets ein.
- Geben Sie der Komponente die gewünschte Breite und genügend Höhe für den Feed auf der Leinwand.
- Veröffentlichen Sie die Website und öffnen Sie die veröffentlichte Seite. Framer führt Skripte nur im Browser aus, nicht im Editor, sodass der Feed auf der veröffentlichten Website angezeigt wird.
Fügen Sie beide Zeilen in dasselbe Feld ein
Behalten Sie das Skript-Tag und den div zusammen in derselben Embed-Komponente. So beschreibt die Hilfe von Framer das Hinzufügen eines Skripts zu einer Seite. Mehrere Feeds auf einer Seite funktionieren auf die gleiche Weise: eine Embed-Komponente pro Widget, jede mit dem vollständigen Snippet.
Wofür benutzerdefinierter Code dient
Die Einstellungen für Benutzerdefinierten Code von Framer fügen ein Skript in den Kopf oder Körper der gesamten Website oder ausgewählter Seiten ein. Dies ist der Ort für Skripte, die keinen Platz auf der Seite benötigen. Es kann keinen div dort platzieren, wo Sie den Feed wünschen, daher verwendet TileSet die Embed-Komponente.
Optisch anpassen
In TileSet können Sie Spalten, den Abstand zwischen den Kacheln, den Eckradius und Hell- oder Dunkelmodus einstellen, sodass der Feed ohne zusätzliches CSS in Ihr Design passt. Passen Sie das Widget an den Hintergrund Ihrer Seite an.
Prüfen Sie, ob es funktioniert
- Veröffentlichen Sie die Website und öffnen Sie die Live-Seite einmal in Ihrem Browser, damit das Widget geladen wird.
- Fügen Sie auf der „Install“-Registerkarte des Widgets die Adresse der Seite in „Check my page“ (Meine Seite prüfen) ein und drücken Sie „Check“ (Prüfen).
Wenn die Box auf der veröffentlichten Seite leer bleibt, überprüfen Sie, ob Sie beide Zeilen eingefügt haben und ob die Komponente hoch genug ist. Mehr dazu unter Installieren Sie den Snippet.