> ## Documentation Index > Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt > Use this file to discover all available pages before exploring further. # Katalog und Meine Widgets > Alle verfügbaren Elfsight-Widget-Kategorien im Überblick. Im Katalog des Elfsight+ Plugins kannst du alle verfügbaren Widget-Typen durchsuchen, auswählen und direkt konfigurieren. Elfsight Katalog Wenn du auf ein Widget klickst und zur Elfsight-Website weitergeleitet wirst, findest du dort auch **visuelle Beispiele für alle verfügbaren Widgets** – so kannst du sehen, wie sie live aussehen, bevor du dich entscheidest. *** ## Widget-Kategorien
BlogCommentsFacebook Feed Instagram FeedLinkedIn FeedPinterest Feed RSS FeedSocial FeedSocial Media Icons Social Share ButtonsTikTok FeedTumblr Feed Twitter Feed
Airbnb ReviewsAliExpress ReviewsAll-in-One Reviews Amazon ReviewsApple App Store ReviewsBBB Reviews Booking.com ReviewsCapterra ReviewsDealerRater Reviews eBay ReviewsEdmunds ReviewsEtsy Reviews Facebook ReviewsG2 ReviewsGoogle Play Reviews Google ReviewsHotels ReviewsHouzz Reviews LinkedIn RecommendationsOpenTable ReviewsReviews from Tripadvisor Testimonials SliderYelp Reviews
Announcement BarBannerClick to Call Countdown TimerPayPal ButtonPopup Pricing TableSales NotificationSpinning Wheel
AI ChatbotAll-in-One ChatFacebook Chat Instagram ChatLine ChatTelegram Chat Viber ChatWhatsApp Chat
Appointment BookingCalculatorContact Form Form BuilderPollSubscription Form
Vimeo GalleryYouTube Gallery
Audio PlayerBackground MusicPodcast Player Radio Player
AccessibilityAge VerificationBack to Top Before and After SliderBusiness HoursButton Cookie ConsentEvent CalendarFacebook Share Button FAQGoogle MapsJob Board Logo ShowcaseNumber CounterPhoto Gallery PortfolioQR CodeRestaurant Menu SliderStocksStore Locator Team ShowcaseTimelineVisitor Counter WeatherWebsite Translator
File EmbedFlipbookPDF Embed
*** ## Einrichtungsbeispiel Das folgende Beispiel zeigt den vollständigen Ablauf – vom Auswählen eines Widgets im Katalog bis zur fertigen Einbindung im Shop. Direkt weiter zu Meine Widgets → ### Widget bei Elfsight einrichten Klicke im Katalog bei einem Widget auf **+ Add**. Du wirst direkt zur Elfsight-Website weitergeleitet. Falls du noch nicht angemeldet bist, erscheint vorher ein Login- oder Registrierungsfenster. Widget im Katalog auswählen Auf der Elfsight-Seite angekommen, klicke auf **+ Create Widget**. Create Widget Auf der linken Seite siehst du alle verfügbaren Vorlagen und Variationen. Klicke eine Vorlage an – in der Mitte wird dir sofort eine Live-Vorschau angezeigt. Wenn du eine passende Vorlage gefunden hast, klicke unten auf **Mit dieser Vorlage fortfahren**. Vorlage wählen Im Tab **Inhalt** (links) befüllst du das Widget mit deinen eigenen Daten – z. B. Telefonnummer, Text oder Bilder. Über die weiteren Tabs **Position**, **Einstellungen** und **Stil** stehen dir zusätzliche Anpassungsoptionen zur Verfügung. Wenn du mit dem Widget zufrieden bist, klicke oben rechts auf **Veröffentlichen**. Veröffentlichen Elfsight zeigt dir nach dem Veröffentlichen einen Einbettungscode an – **diesen benötigst du nicht**. Die Einbindung erfolgt entweder direkt über das DZM Elfsight+ Plugin selbst oder – je nach gewählter Widgetposition – über den On-Page-Composer (OPC). Schließe das Fenster einfach. Einbettungscode ### Widget installieren und im DZM Plugin konfigurieren In der Widget-Übersicht bei Elfsight siehst du alle deine angelegten Widgets auf einen Blick: * **1.** Oben rechts: Anzahl genutzter Widgets und verbrauchte Views im Überblick * **2.** Links: alle deine Elfsight-Apps in der Seitenleiste * **3.** Dreipunkt-Menü: Widget umbenennen, duplizieren oder löschen * **4.** Direkt am Widget: **Edit** (weiterbearbeiten) oder **Install** (im DZM Plugin installieren) Klicke auf **Install** – du wirst automatisch zurück in dein JTL-Shop-Backend zum DZM Elfsight+ Plugin weitergeleitet. Widget-Übersicht bei Elfsight
Im DZM Plugin navigiere zum Bereich **Meine Widgets**. Dort siehst du alle installierten Widgets mit ID, Name, Position und Consent-Status. Klicke auf ein Widget in der Liste, um die Konfigurationsseite zu öffnen. Meine Widgets Auf der Konfigurationsseite stehen dir folgende Optionen zur Verfügung: * **Elfsight-Logo** – Öffnet die Elfsight-Übersicht des Anbieters * **Edit** – Widget direkt bei Elfsight weiterbearbeiten Vergib eine interne Bezeichnung für das Widget, damit du es im Backend leichter wiederfindest. Legt fest, wo das Widget im Shop eingebunden wird: * **Header** – Der richtige Platz für Scripte oder Styles, die möglichst früh aufgerufen werden sollen. Kein Platz für sichtbare Elemente. * **Footer** – Der richtige Platz für die meisten Scripte, die erst am Ende der Seite geladen werden sollen, oder für schwebende Widgets, die immer in der gleichen Ecke bleiben. * **Portlet** – Flexibles Einbinden für sichtbare Elemente. Das Widget wird als Portlet angelegt und kann anschließend im OPC Editor über das Script Portlet beliebig platziert werden. * **Selektor** – Das Widget wird an einem bestimmten HTML-Element eingefügt. Gib eine ID (`#meine-id`) oder eine Klasse (`.meine-klasse`) an. Wenn aktiviert, wird das Widget erst nach Zustimmung des Besuchers eingebunden. Nur sichtbar wenn der Consent Manager aktiviert ist. Wähle ein Consent Item aus. Neue Items können in **dzm\_resources** angelegt werden. Klicke abschließend auf **Speichern**. ### Widget im OPC einbinden Dieser Schritt gilt nur, wenn du als Widgetposition **Portlet** gewählt hast. Bei Header, Footer oder Selektor wird das Widget automatisch ohne OPC eingebunden. Öffne im On-Page-Composer (OPC) den gewünschten Entwurf. Suche in der Element-Leiste unter **DZM Scripts** nach dem Widget oder gib in der Suche **Elfsight Widgets** ein. Schiebe das Plugin auf die gewünschte Position auf der Seite. Klicke auf das platzierte Element und öffne es über **Bearbeiten**. Es öffnet sich der Dialog **Elfsight Widgets bearbeiten**. Elfsight Widgets bearbeiten Wähle aus dem Dropdown das gewünschte Widget aus deinen installierten Elfsight-Widgets aus. Wenn dein Widget von Cookies abhängig ist und diese deaktiviert wurden, erscheint ein Hinweis. Wähle hier den Titel für den Hinweis. Wenn dein Widget von Cookies abhängig ist und diese deaktiviert wurden, erscheint ein Hinweis. Wähle hier eine kurze Erklärung für den Hinweis. Wähle ein Icon, das zusammen mit dem Hinweis angezeigt wird. Klicke auf **Speichern** um die Einstellungen zu übernehmen. Im OPC kannst du dir das Ergebnis direkt über die **Vorschau** ansehen. Wenn alles passt, speichere den Entwurf und veröffentliche ihn, damit das Widget live auf der Website sichtbar wird.