Mit einem Timely -Konto können Sie ganz einfach einen Veranstaltungs-Slider in Ihre Website einbetten, um Veranstaltungen online anzuzeigen. Sobald Sie das Schieberegler-Widget eingebettet haben, werden alle Änderungen, die an Ihren veröffentlichten Veranstaltungen vorgenommen werden, automatisch auf Ihrer Website aktualisiert. In diesem Beitrag lernen Sie alle Schritte zum Einrichten des Einbettungscodes für Ihren Event-Slider kennen.
1. Vorteile eines Event-Sliders auf Ihrer Website
Die Nutzung eines Online-Veranstaltungskalenders ist einfach mit Timely. Um bestimmte Ereignisse hervorzuheben, empfehlen wir, Ihrer Website einen schönen und ansprechenden Ereignis-Slider hinzuzufügen.
Timely Das Ereignis-Slider-Widget ist eine wirkungsvolle Möglichkeit, Ereignisse auf Ihrer Website anzuzeigen. Mit der Slider-Ansicht können Sie Ereignisse als Diashow anzeigen. Der Schieberegler zeigt ein Ereignis pro Folie an, wodurch die Bekanntheit und das Engagement für das Ereignis erhöht werden. Sehen Sie es in Aktion in unserem Demoseite für das Event-Slider-Widget.
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 Ihren Event-Slider gleich. Lesen Sie weiter, um mehr zu erfahren.
3. Einrichten Ihres Event-Slider-Einbettungscodes
Durch das Hinzufügen eines Einbettungscodes für Event-Slider auf Ihrem CMS können Sie eine begrenzte Anzahl von Events in einem schönen Slider-Widget veröffentlichen. Wenn Sie eine bestimmte Art von Ereignissen haben, die Sie auf dem Schieberegler anzeigen möchten, wird empfohlen, den Widget-Einbettungscode anzupassen.
Siehe die Schritt-für-Schritt-Anleitung unten:
- Melden Sie sich bei Ihrem an Timely Konto.
- 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.
- 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“.
- Da es in diesem Beitrag darum geht, wie Sie den Einbettungscode für Ihren Event-Slider einrichten, on Einbettungstyp, wählen Sie das Slider .
Wenn Sie den Einbettungscode nicht anpassen möchten, können Sie direkt zum Widget-Code-Abschnitt weiter unten gehen (6. Einrichten Ihres Slider-iFrame-Einbettungscodes). Lesen Sie andernfalls diesen Beitrag weiter, um mehr zu erfahren.
4. Erweiterte Einstellungen
Direkt unter dem Slider 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-Slider-Widget-Einbettungscodes:
Maximale Slider-Breite
Mit dieser Funktion können Sie die maximale Breite für Ihren Schieberegler entsprechend dem verfügbaren Platz für dieses Widget auf Ihrer Webseite auswählen.
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.
Datumsbereich
Wenn Sie möchten, können Sie den Datumsbereich der Ereignisse auswählen, die in Ihrem Slider-Widget 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
Ausgewählte Veranstaltungen
Falls Sie nur Ereignisse anzeigen möchten, die in Ihrem Kalender als hervorgehoben markiert sind, aktivieren Sie einfach das Kontrollkästchen Ausgewählte Veranstaltungen.
5. Filter
Darüber hinaus können Sie entscheiden, welche Ereignisse im Schieberegler angezeigt werden sollen, indem Sie Ihre voreingestellten Filter anwenden. Sie können Ihre Kategorien, Tags, Organisationen, Veranstaltungsorte und alle anderen benutzerdefinierten Filter auswählen, die Sie möglicherweise erstellt haben. Dies hilft Ihnen, nur die Ereignisse anzuzeigen, die Ihr Kunde sehen soll.
6. Kopieren Ihres Slider-iFrame-Einbettungscodes
Nachdem Sie die erweiterten Einstellungen und Filter Ihres Slider-Einbettungscodes angepasst haben, können Sie fortfahren und den Einbettungscode generieren. Befolgen Sie einfach die nachstehenden Anweisungen:
- Klicken Sie auf die Widget-Code (kopieren Sie ihn auf Ihre Website) filtern und die Option auswählen iFrame-Einbettung – Javascript.
- Klicken Sie auf die Ausschnitt kopieren Schaltfläche, um Ihren Einbettungscode zu kopieren.
Als nächstes müssen Sie nur den Code in das Backend Ihrer Website einfügen, um Ihre anzuzeigen Timely Schieberegler. Klicken Sie auf die nachstehenden Links, um detaillierte Anweisungen zum Einbetten des Slider-Widget-Codes in die folgenden Content-Management-Systeme anzuzeigen:
- WordPress
- HTML
- Shopify
- Wix
- SquareSpace
- Joomla
- Drupal
- Magento / Adobe Commerce
- Adobe Experience Manager
- Weebly
- Los Papa
- Microsoft SharePoint / Power Pages
- Agilität
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.