So richten Sie den Embed-Code für Ihr Event-Karussell ein

Teilen Sie diese Beiträge

Mit einem Timely -Konto können Sie ganz einfach ein Veranstaltungskarussell auf Ihrer Website erstellen, um Veranstaltungen online anzuzeigen. Sobald das Karussell-Widget installiert ist, werden alle an Ihren ausgewählten Veranstaltungen vorgenommenen Änderungen automatisch im Karussell auf Ihrer Website aktualisiert. In diesem Beitrag lernen Sie alle Schritte zum Einrichten des Einbettungscodes für Ihr Event-Karussell kennen.

Erstellen eines Online-Kalenders und Event-Widgets für Ihre Website ist einfach mit Timely.

Um bestimmte Ereignisse auf unterhaltsame und aufmerksamkeitsstarke Weise hervorzuheben, sollten Sie Ihrer Website ein Ereigniskarussell hinzufügen. Mit Timely In der Karussellansicht können Sie bis zu 12 Ereignisse in einer Reihe von bis zu 4 Ereignissen gleichzeitig anzeigen. Sehen Sie es live in unserem Demo-Seite für das Ereignis-Karussell-Widget.

Durch die Anzeige von Veranstaltungen in einem Karussell wird Ihre Website interessanter und ansprechender. In der Tat kann ein Karussell mit Veranstaltungen das Webseitendesign und die Art und Weise, wie Ihr Publikum mit Ihren Veranstaltungsinhalten interagiert, verbessern.

2. Unterstützte Content-Management-Systeme (CMS). 

TimelyDie Veranstaltungsplattform und die Widgets von können in jede öffentliche oder private Website oder mobile Anwendung eingebettet werden. Sie funktionieren perfekt mit vielen Website-Content-Plattformen, einschließlich, aber nicht beschränkt auf:

  • WordPress
  • HTML
  • Shopify
  • Wix
  • SquareSpace
  • Joomla
  • Drupal
  • Magento / Adobe Commerce
  • Adobe Experience Manager
  • Weebly
  • Los Papa
  • Microsoft SharePoint / Power Pages
  • Agilität

Unabhängig davon, welches CMS Sie verwenden, sind die allgemeinen Anweisungen zum Einrichten des Einbettungscodes für Ihr Event-Karussell gleich. Lesen Sie weiter, um mehr zu erfahren. 

Durch Hinzufügen eines Event-Karussell-Einbettungscodes im Backend Ihrer Website können Sie eine begrenzte Anzahl von Events in einem optisch ansprechenden Karussell-Widget veröffentlichen. Wenn Sie eine bestimmte Art von Ereignissen haben, die Sie im Karussell anzeigen möchten, wird empfohlen, den Widget-Einbettungscode anzupassen.

Siehe die Schritt-für-Schritt-Anleitung unten:

  1. Melden Sie sich bei Ihrem an Timely Konto.
  2. Klicken Sie im Hauptnavigationsmenü auf Einstellungen und dann weiter Code einbetten. Sie können auch die Verknüpfung in der oberen rechten Ecke Ihres Dashboards verwenden.
  3. Dann öffnet sich eine neue Seite, die alle Ihre Optionen und Einstellungen für den Einbettungscode anzeigt. Derzeit gibt es 4 Arten von Einbettungscodes, aus denen Sie wählen können: Kalender, Karussell, Schieberegler und Schaltfläche „Ereignis hinzufügen“.
  4. Da es in diesem Beitrag darum geht, wie Sie den Einbettungscode für Ihr Event-Karussell einrichten, on Einbettungstyp, wählen Sie das Karussell .
Druckbildschirm von Timely Event-Management-Software-Karussell-Einbettungscode-Option

Wenn Sie den Einbettungscode nicht anpassen möchten, können Sie direkt zum Widget-Code-Abschnitt weiter unten gehen (6. Einrichten Ihres Karussell-iFrame-Einbettungscodes). Lesen Sie andernfalls diesen Beitrag weiter, um mehr zu erfahren.  

Direkt unter dem Karussell Code-Typ-Option einbetten, sehen Sie die Erweiterte Einstellungen Dropdown-Menü. Diese Einstellungen sind je nach ausgewähltem Typ des Einbettungscodes unterschiedlich.

So bearbeiten Sie die erweiterten Einstellungen Ihres Event-Karussell-Widget-Einbettungscodes:

Max. anzuzeigende Ereignisse

Mit dieser Funktion können Sie bis zu 12 Ereignisse in einem Karussell anzeigen. Geben Sie einfach die gewünschte Anzahl von Ereignissen in das Feld ein.

Druckbildschirm von Timely Veranstaltungsverwaltungssoftware Karussell max. Veranstaltungen anzeigen Option

Max. Ereignisse pro Seite

Wenn Sie möchten, können Sie in Ihrem Karussell auch mehrere Veranstaltungen gleichzeitig anzeigen. Es können maximal 4 Ereignisse gleichzeitig angezeigt werden.

Druckbildschirm für maximales Ereignis pro Seitenvorschau

Slider-Verzögerungszeit

Wenn Sie möchten, können Sie die Verzögerungszeit für jeden auf dem Schieberegler angezeigten Ereignisbeitrag (in Sekunden) auswählen.

Druckbildschirm von Timely Verzögerungszeiteinstellungen des Schiebereglers für das Ereignisverwaltungssystem

Datumsbereich

Verwenden Sie die Datumsbereichsoption, um einen bestimmten Datumsbereich für die Ereignisse auszuwählen, die in Ihrem Karussell angezeigt werden. Die Optionen sind die folgenden:

  • Bevorstehende Veranstaltungen
  • Die heutigen Ereignisse
  • Morgen anfangen
  • Benutzerdefinierter Zeitraum
  • Die nächsten n Tage
  • Die nächsten n Ereignisse

Falls Sie möchten, dass Ihr Karussell nur Ereignisse anzeigt, die in Ihrem Kalender als hervorgehoben markiert sind, aktivieren Sie einfach das Kontrollkästchen Ausgewählte Veranstaltungen.

Druckbildschirm von Timely Ereignisverwaltungssystem-Karussell mit Ereigniseinstellungen

5. Filter

Zusätzlich zu den oben erläuterten erweiterten Einstellungen können Sie auch ein Karussell mit gefilterten Ereignissen präsentieren. Sie können Ihre Kategorien, Tags, Organisationen, Veranstaltungsorte und alle anderen benutzerdefinierten Filter auswählen, die Sie möglicherweise erstellt haben.

Druckbildschirm von Timely Einbettungscode-Filtereinstellungen für das Ereignisverwaltungssystem

Nachdem Sie die erweiterten Einstellungen und Filter Ihres Karussell-Einbettungscodes angepasst haben, können Sie fortfahren und den Einbettungscode generieren. Befolgen Sie einfach die nachstehenden Anweisungen:

  1. Klicken Sie auf die Widget-Code (kopieren Sie ihn auf Ihre Website) filtern und die Option auswählen iFrame-Einbettung – Javascript.
  2. Klicken Sie auf die Ausschnitt kopieren Schaltfläche, um Ihren Einbettungscode zu kopieren.
Druckbildschirm von Timely Ereignisverwaltungssystem-Einbettungscode-Generator

Als nächstes müssen Sie nur den Code in das Backend Ihrer Website einfügen, um Ihre anzuzeigen Timely Event-Karussell. Klicken Sie auf die nachstehenden Links, um detaillierte Anweisungen zum Einbetten des Karussell-Widget-Codes in die folgenden Content-Management-Systeme anzuzeigen:

Für Anweisungen zur Installation Timely Kalender und Widgets auf anderen CMS oder mobilen Anwendungen, bitte Kontaktiere den Kundenservice.

Weitere Benutzerführungen finden Sie in unserer Helpcenter. Wenn Sie Fragen haben oder zusätzliche Hilfe benötigen, zögern Sie nicht kontaktieren Sie uns. Alternativ können Sie ein Support-Ticket von Ihrem eröffnen Timely Konto-Dashboard.