Loading
Verouderde servicevoorzieningen verkennen
De algemene "branding" voor uw chatvenster aanpassen

De algemene "branding" voor uw chatvenster aanpassen

Selecteer de kleuren en het lettertype die in uw chatvenster worden gebruikt als aanduiding voor de identiteit van uw bedrijfsmerk.

Vereiste editions

Ondersteunde editions weergeven.
Benodigde gebruikersmachtigingen
Als u Ingebedde chat wilt instellen: Toepassing aanpassen EN Metagegevens wijzigen
Belangrijk
Belangrijk

Verouderde chat wordt op 14 februari 2026 ingetrokken. Als u serviceonderbrekingen voor uw eindgebruikers wilt voorkomen, schakelt u over op uitgebreide chat (voorheen Berichtenverkeer voor in-app en web). Uitgebreide chat biedt veel van de verouderde Chatvoorzieningen waar u van houdt, plus asynchrone gesprekken die op elk gewenst moment kunnen worden opgepikt. Lees meer over migreren in Help en Trailhead.

Vraag het team dat de website onderhoudt om de kleurcodes voor het merk van uw bedrijf, voordat u begint. U kunt "branding"-kleuren specificeren door hun hexadecimale code of RGB-code in te voeren of door een kleur in het kleurenpalet te selecteren.

Belangrijk
Belangrijk Het toevoegen van aangepaste CSS aan uw ingebedde component wordt niet ondersteund. We ondersteunen alleen het gebruik van "branding"-opties in Set-up en in de aanpasbare parameters in de codesnippet. Bij aanwezigheid van aangepaste CSS in uw ingebedde component is het uw eigen verantwoordelijkheid om uw chatvenster in elke release te testen om ervoor te zorgen dat deze correct functioneert.

Als u de "branding" van het chatvenster wilt aanpassen:

  1. Geef vanuit Set-up Ingebedde service op in het vak Snel zoeken en selecteer vervolgens Ingebedde service-implementaties.
  2. Zoek de implementatie waarmee u wilt werken, klik rechts op de pijl naar beneden en selecteer Weergeven.
  3. Ga op de configuratiepagina voor Ingebedde service naar de sectie "Branding" en klik op Bewerken.
  4. Selecteer de kleuren die u wilt weergeven in het chatvenster.
    Voer de kleur in met behulp van de hexadecimale code. Om een RGB-code in te voeren of een kleur in het kleurenpalet te selecteren, opent u het kleurenpalet door op de pijl Omlaag in het kleurenveld te klikken;
  5. Selecteer het lettertype dat u wilt gebruiken in het chatvenster.
  6. Klik op Voltooien.

De screenshots tonen hoe de "branding"-elementen in het chatvenster verschijnen.

Screenshots met de branding-elementen in de Snap
"Branding"-elementen die kunnen worden aangepast in een chat
"Branding"-element Beschrijving
Primaire "branding"

Stelt de kleur in van de:

  • Achtergrond van de pre-chatafbeelding
  • Omtrek pop-upbericht
  • Laadanimatie
  • Laadanimatie wanneer de chat is geminimaliseerd

Standaard is de kleur ingesteld op hex #222222 (Night Black).

In de screenshots worden primaire "branding"-elementen aangeduid met [1].

Secundaire "branding"

Stelt de kleur in van de:

  • Actieknoppen, zoals "Chat starten" of "Chat met een expert"
  • Focus invoerveld
  • Verzendknop
  • Gastbericht chat payload
  • Secundaire knoppen
  • Chat wanneer deze is geminimaliseerd en er een nieuw bericht is

Standaard is de kleur ingesteld op #005290 (Nimbostratus Blue).

In de screenshots worden secundaire "branding"-elementen aangeduid met [2].

Primaire contrastkleur

Stelt de kleur in van de:

  • Hoofdtekst van de chat
  • Invoertekst van de chat

Standaard is de kleur ingesteld op #333333 (donkergrijs).

De achtergrondkleur is wit.

In de screenshots worden primaire contrastelementen aangeduid met [3].

Koptekst

Stelt de kleur in van de:

  • Koptekstbalk van chat
  • Chatknop wanneer de chat is geminimaliseerd

Standaard is de kleur ingesteld op hex #222222 (Night Black).

In de screenshots wordt het kopelement aangeduid met [4].

Koptekst

Stelt de kleur in van de:

  • Koptekst en pictogram van chat

Standaard is de kleur ingesteld op #222222 (Night Black).

In de screenshots wordt het koptekstelement aangeduid met [5].

Alternatieve koptekst

Stelt de kleur in van de:

  • Koptekst chatstatus wachten
  • Koptekst en aankondigingsgebied chatstatus

Standaard is de kleur ingesteld op #cb2b19 (rood).

In de screenshots wordt de alternatieve koptekst aangeduid met [6].

Lettertype

Stelt het lettertype in dat in de chatwidget wordt gebruikt.

De volgende lettertypen worden ondersteund in mobiele browsers voor zowel iOS en Android: Georgia, Times New Roman, Arial, Courier New

De volgende lettertypen worden ondersteund in mobiele browsers voor alleen iOS: Trebuchet MS, Verdana en Lucida Console

Opmerking
Opmerking Als u een lettertype selecteert dat niet beschikbaar is voor de mobiele browser van de chatbezoeker, wordt het standaardlettertype van de browser weergegeven.
Belangrijk
Belangrijk Door de "branding" van een bestaand chatvenster te wijzigen wordt de codesnippet voor het chatvenster gewijzigd. Als u de "branding" voor een bestaand venster bijwerkt, moet u de codesnippet op uw webpagina’s bijwerken. Als u de codesnippet aanpast, moet u die aanpassingen toevoegen aan de nieuwe codesnippet.
 
Wordt geladen
Salesforce Help | Article