Kommentaren du söker har flyttats till en ny diskussion, eller är borttagen.

Går det att anpassa "Chatta med oss"-knappen?

T ex ändra färger, placering och texter på den normalt mörkgråa knappen med texten "Chatta med oss".

Kundo Rapportera olämpligt innehåll

Kommentarer

  • Ja, det går att anpassa både texterna, färger och viss placering.

    I framtiden kommer detta gå att göra med ett enklare gränssnitt, men idag kräver det lite ändringar i scriptet du klistrat in på din sajt från "Kod att kopiera" under inställningar för ert chattflöde.

    Här är ett exempel (Tänk på att ditt-flödes-slug måste ersättas med rätt värde från "Kod att kopiera"-sidan):

    Koden från "Kod att kopiera"-sidan:

    <script>
      (function(w,d,i){
        w.$kundo_chat=w.$kundo_chat||{};
        w.$kundo_chat.slug=i;
        s=d.createElement('script'),x=d.scripts[0];
        s.async=1;
        s.src="https://static-chat.kundo.se/chat-js/" + i + "/widget.js";
        x.parentNode.insertBefore(s,x)
      }(this,document,'ditt-flödes-slug'));
    </script>

    För att göra så att "Chatta med oss"-knappen har en blå bakgrund:

    <script>
      (function(w,d,i){
        w.$kundo_chat=w.$kundo_chat||{};
        w.$kundo_chat.slug=i;
        w.$kundo_chat.widget_styles = {
          background_color: "blue"
        };
        s=d.createElement('script'),x=d.scripts[0];
        s.async=1;
        s.src="https://static-chat.kundo.se/chat-js/" + i + "/widget.js";
        x.parentNode.insertBefore(s,x)
      }(this,document,'ditt-flödes-slug'));
    </script>

    De ändringar som kan göras på detta sätt är:

    {
        // Bakgrundsfärg för knappen (kundoblå)
        background_color: "#32c1df",
        // Textfärg för knappen (vit)
        text_color: "#ffffff",
        // Färg för ikonen som visas (grön)
        icon_color: "#228b22",
        // Vilken sida chatten ska visas på (left eller right). Denna kräver att också
        // offset är satt
        align_side: "left",
        // Hur långt från kanten chatten ska visas
        offset: "50px",
    }

    För att ändra texter:

    <script>
      (function(w,d,i){
        w.$kundo_chat=w.$kundo_chat||{};
        w.$kundo_chat.slug=i;
        w.$kundo_chat.custom_texts = {
          START_TEXT: "Klicka för att chatta",
          LOADING_TEXT: "Laddar Chatten",
        }
        s=d.createElement('script'),x=d.scripts[0];
        s.async=1;
        s.src="https://static-chat.kundo.se/chat-js/" + i + "/widget.js";
        x.parentNode.insertBefore(s,x)
      }(this,document,'ditt-flödes-slug'));
    </script>

    Patrik Stenmark Utveckling & support

Kommentera eller skriv ett nytt inlägg

Ditt namn och inlägg kan bli synligt för alla.
Din e-post visas aldrig publikt. Läs vår policy