Chattens startskärm: hälsning, logotyp, rutor och flikar

Startskärmen är det första en besökare ser när chatten öppnas: en hälsning, din logotyp, ett färgat sidhuvud och upp till tio rutor. Nedanför växlar hen mellan flikarna Start, Meddelanden och Hjälp. Utan startskärm öppnas chatten direkt i konversationen.

Inställningarna finns under /app/projects/{id} på fliken Utseende, avsnittet Widgetens startskärm.

Liveförhandsvisningen

Bredvid formuläret körs den riktiga widgeten med dina inmatningar. Det du skriver visas direkt i förhandsvisningen. Inget sparas genom den – först knappen Spara tillämpar ändringen. Efter sparandet tar det upp till en minut innan besökarna ser den.

Fliken Hjälp saknas i förhandsvisningen: den beror på hjälpcentrets publicerade artiklar som widgeten hämtar från din egen domän. På webbplatsen finns den.

Omkopplarna

• Visa startskärmen – Av (standard): chatten öppnas direkt i konversationen och det finns ingen flikrad. På: chatten startar på startskärmen.
• Visa fliken Hjälp – visar hjälpcentrets publicerade artiklar, med sökning. Fliken visas först när hjälpcentret har en adress och minst en publicerad artikel. Hur du ställer in hjälpcentret beskrivs i produkthandboken.
• Visa det senaste meddelandet på startskärmen – På (standard): återkommande besökare ser var de slutade och är ett klick från konversationen.
• Visa knappen ”Prata med teamet” under meddelandefältet – På (standard). Knappen visas medan AI-assistenten svarar. När ingen i teamet är online heter den ”Lämna ett meddelande till teamet”.

Logotyp, färger och hälsning

• Logotyp på startskärmen – en adress som börjar med https://, eller en bild som data:image/…. Högst 255 tecken. Tomt innebär: ingen logotyp, då visas bara hälsningen.
• Färgövergång i sidhuvudet, från och till – två färger för startskärmens färgade sidhuvud. Utan värde använder widgeten profilfärgen (se Färger, typsnitt och tema).
• Hälsning – den stora raden högst upp. Tomt innebär: vår översatta text (”Hej 👋”).
• Raden nedanför – den mindre raden. Tomt innebär: ”Hur kan vi hjälpa till?” på besökarens språk.

Du skriver hälsningen, raden nedanför och rutornas texter på projektets standardspråk (Installation → Grunduppgifter). Högst 400 tecken per text. Det finns ingen separat översättning per språk för dem: det du anger ser även besökare vars widget körs på ett annat språk. Skriv därför startskärmen på det språk de flesta besökare läser. Om du lämnar hälsningen eller raden nedanför tom visas vår text på besökarens språk.

Hur sidhuvudet utformas (toning, platt eller glas) och hur tät startskärmen ser ut ställs in under Utseende → Profil → Stil, se Chattfönster: stil, storlek och sidopanel.

Rutor

Rutor är stora knappar på startskärmen. Du kan skapa upp till tio. En ruta utan rubrik visas inte – och så tar du också bort en: töm rubriken och spara.

Varje ruta har:

• Beteende – vad ett klick gör:
• gå till konversationen – öppnar konversationen. Om Mål innehåller en mening skrivs den i besökarens inmatningsfält. Den skickas inte.
• öppna en länk – öppnar adressen i Mål. Den måste börja med https://, annars sparas den inte.
• öppna Hjälp – växlar till fliken Hjälp.
• lämna ett meddelande – öppnar formuläret för ett meddelande via e-post.
• Rubrik – obligatorisk, annars visas inte rutan.
• Raden nedanför – valfri.
• Mål – beroende på beteendet, adressen eller den förifyllda meningen, högst 200 tecken.

Hela startskärmen (rutor, texter och reklamkort tillsammans) får vara högst 16 KB stor när den sparas. Tio rutor med rubrik och andra rad ligger långt under det. Om det blir för mycket anger kontot orsaken i stället för att tyst utelämna något.

Reklamkort

På startskärmen och/eller högst upp i konversationen kan du visa ett kort för ditt eget erbjudande, till exempel betalplanen. Det finns under Utseende → Reklamkort och har en egen guide: Reklamkortet i chatten. För placeringen ”startsida” måste startskärmen vara aktiverad.

Välja flik vid öppning

Vilken flik som visas främst när chatten öppnas kan ställas in per länk eller anrop – med data-rc-tab eller alternativet tab:

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

Tillåtna värden är home (startskärm), msg (konversation) och help (hjälp). Om fliken inte finns öppnas chatten helt enkelt som vanligt. Mer om detta i Öppna chatten från egen länk eller knapp.

Om något inte visas

• Ingen flikrad: är Visa startskärmen markerat och sparat?
• Ingen flik Hjälp: har hjälpcentret en adress och minst en publicerad artikel?
• En ruta saknas: har den en rubrik?
• Logotypen saknas: börjar adressen med https:// eller data:image/?

Du kan ändra flikarnas texter (”Start”, ”Meddelanden”, ”Hjälp”) och de inbyggda rutornas texter under Texter och språk.