How-ToGrundlegende IntegrationUm den Beacon zu einer Website hinzuzufügen, sollte dieser Code innerhalb des -Tags hinzugefügt werden.
(function(s,o,l,v,e,m,a,t){t='solvemateConfig';s[e]=s[e]||function(x,y)
{(s[t]=s[t]||{})[x]=y;};a=o.createElement(l);a.async=1;a.src=v;o.body.appendChild (a); })(window,document,'script','https://widget.solvemate.com/v2/init.js','solvemate');
solvemate('projectID', 'your_project_id');
Das Beacon-Widget wird in der rechten unteren Ecke der Seite angezeigt.Zusätzliche OptionenVon jedem Element aus öffnenDer Beacon kann immer von jedem Element auf der Website aus geöffnet werden. Dem Element muss die Klasse "solvemate-widget-opener" hinzugefügt werden. Platzierung auf der linken Seite der WebsitePositionieren Sie das Element .solvemate.solvemate .solvemate.solvemate-widget-button an die gewünschte Position, z.B. .solvemate.solvemate-widget-button { left: 10px !important; bottom: 10px !important; }Verwenden Sie CSS, um die Anpassung auf Mobilgeräten sicherzustellen:über CSS @media all and (min-width: 577px) and (min-height: 416px) { .solvemate.solvemate-widget-container { left: 100px !important; } }über Javascript style.sheet.insertRule('@media all and (min-width: 577px) and (min-height: 416px) { .solvemate.solvemate-widget-container { left: 100px !important; } }');Beispiel : Beacon-Wechselseiten bei 800px Breakpoint sind auf dieser Seite zu sehen. Um das Ergebnis zu erzielen, wurde folgendes CSS hinzugefügt: @media all and (max-width: 800px) { .solvemate.solvemate-widget-button { left: 10px !important; bottom: 10px !important; } } @media all and (min-width: 577px) and (min-height: 416px) and (max-width: 800px) { .solvemate.solvemate-widget-container { left: 100px !important; } }Beacon mit automatischer ÖffnungDas Solvemate Beacon kann mit dieser Funktion bei jedem Laden automatisch geöffnet werden:solvemate('autoOpen', true); .Falls das automatische Öffnen bei jedem Laden nicht erwünscht ist, sollte die Ausführung der Funktion durch JavaScript auf der Seite, auf der das Beacon integriert ist, eingeschränkt werden.Anzeigezeit der Willkommen-Sprechblase anpassenDie Anzeigezeit der Sprechblase, die bei dem ersten Besuch eines Nutzers angezeigt werden kann, kann mit folgendem Code angepasst werden. Die default-Zeit hierfür sind 5 Sekunden (= 5000 Millisekunden). solvemate('hideGreetingDelay', 5000);Gut zu wissenHier ist ein Beispiel für eine Beacon-Integration .In diesem allgemeinen Artikel zur technischen Integration findest du Informationen und Beispiele zu anderen Integrationsarten und zum Umgang mit Inhaltssicherheitsrichtlinien.