Bruger du Shoper som netbutik? Her får du en let guide til, hvordan du forbinder Smartsupp – fra installation med et enkelt klik til manuel indsættelse af kode.
Guiden er delt op i disse sektioner:
Installer Smartsupp-plugin
Gå ind i Tilføjelser og integrationer > Applikationer i dit Shoper-dashboard. Rul ned og find Smartsupp (opført som Smartsupp - Live Czat, Czatbot, Mira AI og flere AI-værktøjer), og klik på den.
Tryk på knappen Installer applikation.
Godkend App Store’s vilkår og betingelser og klik derefter på Installer.
Du får nu en bekræftelse på, at Smartsupp-pluginet er installeret korrekt.
Opsæt Smartsupp
Efter installationen – gå til Tilføjelser og integrationer > Mine applikationer og klik på Smartsupp-ikonet.
Du kan nu oprette en ny Smartsupp-konto eller logge ind på en eksisterende konto for at forbinde den til din Shoper-netbutik.
Når du er forbundet, kan du begynde at chatte med dine besøgende eller justere Smartsupp-indstillingerne via Smartsupp API. Husk at gemme dine ændringer.
Tip: Når du har gemt, så åbn din netbutik i en ny fane og opdater siden – nu burde Smartsupp-chatwidgeten være synlig.
Manuel kodeinstallation
Hvis plugininstallationen ikke fungerer, kan du tilføje Smartsupp-koden manuelt som et JavaScript-snippet.
Kopiér chatkoden
Du finder din unikke Smartsupp-chatkode i dashboardet under Indstillinger > Kanaler > Live chat > Installation > Indsæt kode.
Indsæt koden i Shoper
Gå til sektionen for JavaScript-snippets i Shoper og indsæt din Smartsupp-kode. Husk at fjerne <script> og </script> tags – Shoper tillader ikke HTML-tags i dette felt.
Bemærk: JavaScript-feltet i Shoper kan have en begrænsning på hvor mange tegn der må bruges, så gør koden så kort som muligt. Undgå //-kommentarer, da Shoper kan opfatte dem som ugyldige. Genopfrisk herefter din browser for at se ændringerne.
API-tilpasning
Du kan bruge Smartsupp JavaScript API til at tilpasse chatwidgetens opførsel i din Shoper-netbutik. Her er nogle eksempler:
Åbn chatwidgeten via en egen knap:
<button onclick="smartsupp('chat:open')">Chat med os</button>
Skjul chatwidgeten på udvalgte sider (f.eks. kurv eller checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Skjul standard chatknappen og lad den forblive skjult efter lukning:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Bemærk: JavaScript-feltet i Shoper kan have grænse for antal tegn og understøtter ikke //-kommentarer. Hold derfor koden kort og undgå HTML-tags som <script>.
Afinstaller plugin
Hvis du vil afinstallere Smartsupp-pluginet, skal du gå til Tilføjelser og integrationer > Mine applikationer og klikke på Smartsupp-appen.
Tryk på Afinstaller app.
Bekræft afinstallationen.
Bemærk: Smartsupp og Shoper er to uafhængige tjenester. Afinstallation af pluginet opsiger ikke dit Smartsupp-abonnement. Vil du opsige, så kontakt vores supportværktøj.
Relaterede ressourcer:
Smartsupp installation — komplet overblik over alle måder, du kan installere på.
Google Tag Manager — alternativ installationsmetode med Google Tag Manager.
Hvad nu?
Grundlæggende chatboksindstillinger — Tilpas farver, placering, velkomstbeskeder og meget mere.
Chatboksstatus — Se hvordan chatwidgetens status fungerer, og hvordan du styrer den.
Hvorfor kan jeg ikke se chatten på mit websted? — Få hjælp til de mest almindelige installationsproblemer.
Download plugins — Find alle platformintegrationer samlet ét sted.