Zum Hauptinhalt springen
Alle KollektionenAppsWidget
Wie man ein Widget auf Ihrer Website konfiguriert
Wie man ein Widget auf Ihrer Website konfiguriert

Fügen Sie Ihrer Website ein Treue-Widget hinzu.

Lars Gielen avatar
Verfasst von Lars Gielen
Vor über einem Monat aktualisiert

Wie man ein Widget auf Ihrer Website konfiguriert

Das Widget ist ein nützliches Tool im Dashboard, mit dem Kunden ihre Kontoinformationen anzeigen können, ohne Ihre Website zu verlassen. Dies kann auch als Startseite für Treueprogramme dienen, als Alternative zum Kontaktportal. Mit unserer Mollie-Integration kann es auch zum Online-Verkauf von Geschenkkarten verwendet werden.

Folgen Sie den unten stehenden Schritten, um das Widget zu erstellen:

  1. Gehen Sie zur 'Apps', wählen Sie 'Widget' und dann 'Neues Widget'.

  2. Sie gelangen dann zur Designseite des Widgets. Verwenden Sie die Schaltfläche 'Branding' in der oberen rechten Ecke, um das visuelle Erscheinungsbild und Design Ihres Widgets zu verwalten. Einzelne Informationsfelder und Elemente können auf der rechten Seite verwaltet werden, die Seitennavigation befindet sich auf der linken Seite.

  3. Stellen Sie sicher, dass Sie mindestens eine automatisierte E-Mail mit der Kategorie 'Login' erstellen, damit Ihre Kunden einen Login-Code abrufen können. Wenn Ihre Registrierungsseite aktiv ist, benötigen Sie auch eine **'Registrierungs'**E-Mail für neue Anmeldungen.

  4. Sobald sie erstellt wurde, kann die Login-E-Mail verknüpft werden, indem Sie die 'Login' Seite auf der linken Seite auswählen und dann 'wählen sie die Login-E-Mail aus' auf der rechten Seite auswählen.

Um das Widget auf Ihrer Website zu installieren, führen Sie die folgenden Schritte aus:

  1. Gehen Sie zur 'Apps' und dann zu 'Widget' und wählen Sie das Widget aus, das Sie installieren möchten.

  2. Wählen Sie Ihr Widget aus und stellen Sie sicher, dass Sie sich auf der 'Installation' Seite befinden.

  3. Suchen Sie den 'Code-Auszug' und fügen Sie diesen Code in den entsprechenden Abschnitt Ihrer Plattformkonfiguration ein. Die Anweisungen zur Installation des Codes variieren je nach Plattform (siehe unten). Wenden Sie sich an Ihren Website-Manager oder Entwickler, wenn Sie Probleme bei der Installation haben.

Anweisungen pro Anbieter:

WordPress

Der einfachste Weg, eigenen Code in den Header (und Footer) deiner WordPress-Website einzufügen, ist über ein Plugin, aber du kannst es auch manuell tun. Über ein Plugin ist es jedoch schneller und einfacher. Installiere ein Plugin auf deiner WordPress-Website, mit dem du Skripte in den Header und Footer hinzufügen kannst, wie dieses. Folge den weiteren Anweisungen des Plugins.

Wix

Um eigenen Code in den Header deiner Wix-Website einzufügen, benötigst du ein Premium-Wix-Konto. Gehe dann zu den Einstellungen deiner Website und klicke auf Tracking-Tools. Klicke anschließend auf Custom Code. Füge deinen Widget-Code unter „Fügen Sie hier das Code-Snippet ein:“ ein, wähle deine Domain aus und stelle sicher, dass dein Code im Head-Bereich platziert wird. Dein Widget ist nun online!

Shopify

Um den Widget-Code zu deiner Shopify-Website hinzuzufügen, musst du deinen Theme-Code bearbeiten. Gehe zu Onlineshop → Themes und klicke auf Aktionen → Code bearbeiten. Du gelangst nun in den Code-Editor. Im Code-Editor öffnest du die Datei theme.liquid. Suche in der Code-Datei nach dem </head>-Tag. Füge deinen Widget-Code über diesem </head>-Tag ein. Klicke auf Speichern. Dein Widget ist nun online!

Lightspeed

Um den Widget-Code zu deiner Lightspeed-Website hinzuzufügen, musst du den Code zu „Custom Javascript“ hinzufügen. Klicke in deinem Lightspeed-Dashboard auf Einstellungen. Unter den Website-Einstellungen klicke auf Web Extras. Füge den Widget-Code zu „Custom Javascript“ hinzu, setze den Status auf „an“ und klicke auf Speichern. Dein Widget ist nun online!

Magento

Um den Widget-Code zu deinem Magento-Shop hinzuzufügen, musst du die Konfiguration anpassen. Klicke in der linken Navigationsleiste auf Content und dann unter dem Bereich Design auf Konfiguration. Klicke bei dem Theme, zu dem du das Widget hinzufügen möchtest, auf Bearbeiten. Scrolle zum Abschnitt HTML-Header und klicke darauf, um es zu erweitern. Füge den Widget-Code unter „Scripts and Style sheets“ ein. Speichere das Theme und du bist fertig!

Squarespace

Klicke in deinem Squarespace-Editor unten auf Einstellungen und wähle im folgenden Menü den Abschnitt Erweitert. Gehe dann zu Code-Injection und füge im Textfeld unter Header den Widget-Code aus deinem Business-Dashboard ein. Klicke anschließend oben links auf Speichern und dein Widget ist auf deiner Website!

Hat dies deine Frage beantwortet?