Sie können Ihre ARTBUTLER Showrooms direkt auf einer beliebigen Website inklusive Vorschaubild, Titel und Beschreibung einbetten, ganz so wie sie es von z.B. Youtube Videos kennen. So können Sie beispielsweise auf Ihrer eigenen Website eine attraktive Übersicht Ihrer Showrooms erstellen oder auch im Rahmen einer gemeinsamen Veranstaltung wie Galerienwochenenden, Offenen Ateliers oder ähnlichem die Showrooms verschiedener Nutzer*innen als Übersicht anzeigen.
Hier zeigen wir Ihnen, wie einfach das geht:
Showroom auf einer Webseite einbinden
- Öffnen Sie die Detailseite Ihres Showrooms in ARTBUTLER NEXT
- Stellen Sie sicher, dass Ihr Showroom veröffentlicht ist (Schalter „Showroom veröffentlichen“)
- Scrollen Sie zu „Einbettungs-Code“ und klicken Sie auf das Symbol rechts daneben, um den gesamten Code zu kopieren
- Wechseln Sie in den Bearbeitungsmodus der Webseite, auf der Sie den Showroom mit Vorschaubild verlinken möchten.
- Stellen Sie sicher, dass Sie sich im HTML- oder je nach System Quelltext-Modus befinden und fügen Sie den kopierten Code ein… speichern und fertig!
Tipp: in WordPress mit Elementor können Sie dazu das HTML Widget nutzen.
Optionale Detaileinstellungen
- Beschreibung anzeigen:
Wenn Sie als Teil der Vorschau auch die Showroom-Beschreibung zeigen möchten, aktivieren Sie vor dem Kopieren des Einbettungs-Codes einfach die entsprechende Checkbox über dem Feld. - Detailformatierungen:
Der Einbettungscode ist so vorbereitet, dass er globale Design-Einstellungen der Website übernimmt, auf der die Vorschau erscheint. Um weitere Einstellungen vorzunehmen, können Sie über CSS auch die Elemente direkt ansprechen und formatieren, mit .embed-showroom__image können Sie das Bild ansprechen und z.B: mit object-position: center zentrieren, für den Titel erreichen Sie das gleiche mit embed-showroom__text und text-align: center.