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.
Um das Widget zu erstellen und zu gestalten, folge den untenstehenden Schritten:
Gehen Sie zur 'Apps', wählen Sie 'Widget' und dann 'Neues Widget'.
Du wirst dann zur Designseite des Widgets weitergeleitet. Einzelne Informationsfelder und Elemente können auf der rechten Seite verwaltet werden, während sich die Seitennavigation auf der linken Seite befindet.
Verwende die ‘Styling’-Registerkarte, um das visuelle Erscheinungsbild und das Design deines Widgets zu verwalten. Konfiguriere die Pop-up-Nachrichten & Titel, Schriftarten, Farbschemata und die Positionierung deines Widgets.
Unter der ‘Inhalt’-Registerkarte kannst du die verschiedenen anzuzeigenden Inhalte einrichten. Ziehe die gewünschten Widget-Elemente von der rechten Seite in dein Design.
Für Widget-Elemente, die eine weitere Konfiguration erfordern, klicke darauf, um die Einstellungen auf der rechten Seite zu finden.
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.
Sobald sie erstellt wurde, kann die Login & Registrierungs E-Mail verknüpft werden über „Einstellungen“->„Kontakte“->„E-Mails“.
Um das Widget auf Ihrer Website zu installieren, führen Sie die folgenden Schritte aus:
Gehen Sie zur 'Apps' und dann zu 'Widget' und wählen Sie das Widget aus, das Sie installieren möchten.
Wählen Sie Ihr Widget aus und stellen Sie sicher, dass Sie sich auf der 'Installation' Seite befinden.
Suchen Sie den 'Code-Fragment' 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!