<script>
  // --- Use UK (Europe/London) time instead of viewer's local time ---
  var ukHour = parseInt(
    new Intl.DateTimeFormat('en-GB', {
      timeZone: 'Europe/London',
      hour: '2-digit',
      hour12: false
    }).format(new Date()),
    10
  );
  var today = ukHour;

  if (today >= 9 && today <= 16) {
    var webchat;

    ((window, document, node, props, configs) => {
      if (window.TalkdeskChatSDK) {
        console.error("TalkdeskChatSDK already included");
        return;
      }

      // Create container for chat
      var divContainer = document.createElement("div");
      divContainer.id = node;
      document.body.appendChild(divContainer);

      // Append Talkdesk SDK script
      var currentDate = new Date().getTime();
      var src =
        "https://talkdeskchatsdk.talkdeskapp.com/talkdeskchatsdk.js?t=" +
        currentDate;

      var script = document.createElement("script");
      var firstScriptTag = document.getElementsByTagName("script")[0];

      script.type = "text/javascript";
      script.charset = "UTF-8";
      script.id = "tdwebchatscript";
      script.src = src;
      script.async = true;

      firstScriptTag.parentNode.insertBefore(script, firstScriptTag);

      script.onload = () => {
        webchat = TalkdeskChatSDK(node, props);
        webchat.init(configs);
      };
    })(
      window,
      document,
      "tdWebchat",
      {
        flowId: "b0aa37a3523242bea062582e0392f10b",
        accountId: "",
        region: "td-us-1",
      },
      {
        enableEmoji: true,
        enableUserInput: true,
        styles: {
          avatarBackgroundColor: "#2c4d9c",
          avatarForegroundColor: "#2c4d9c",
          avatarWrapper: "#2c4d9c",
          avatarBorderColor: "#2c4d9c",

          botBackgroundColor: "#2c4d9c",
          botIcon:
            "https://dtz3um9jw7ngl.cloudfront.net/images/pc-chat.svg",
          botTextColor: "#ffffff",
          botAnchorTextColor: "#000000",
          botAnchorTextColorVisited: "#d0d0d0",

          buttonBackgroundColor: "#2c4d9c",
          buttonHoverBackgroundColor: "#2c4d9c",
          buttonTextColor: "#444444",

          carouselTextColor: "#475059",

          chatIcon:
            "https://qa-cdn-talkdesk.talkdeskdev.com/cdn-assets/latest/talkdesk/product/app-icons/sms.svg",
          chatThemeColor: "#2d4d9c",
          chatHoverThemeColor: "#172241",
          chatPlaceholder: "Type a message...",
          chatTitle: "Park Live Chat",
          chatTitleTextColor: "#ffffff",
          chatTitleIcon:
            "https://dtz3um9jw7ngl.cloudfront.net/images/park-logo-chat.png",
          chatSubtitle: "We're here to help",
          chatSubtitleTextColor: "#ffffff",

          replyBackgroundColor: "transparent",
          replyBorderColor: "#444444",
          replyHoverTextColor: "#000000",
          replyTextColor: "#444444",

          userAnchorTextColor: "#444444",
          userAnchorTextColorVisited: "#2d4d9c",
          userBackgroundColor: "#dddddd",
          userTextColor: "#444444",

          welcomeMessageBackgroundColor: "#2c4d9c",
        },
      }
    );
  }
</script>

Talkdesk Webchat SDK snippet

Preconnect_Link

Org Schema

<script type="text/javascript">
    (function (url) {
      /*Tracking Bootstrap Set Up DataLayer objects/properties here*/
      if(!window.DataLayer){
        window.DataLayer = {};
      }
      if(!DataLayer.events){
        DataLayer.events = {};
      }
      DataLayer.events.SPIVersion = DataLayer.events.SPIVersion || "3.4.1";
      DataLayer.events.SiteSection = "1";

      var loc, ct = document.createElement("script");
      ct.type = "text/javascript";
      ct.async = true; ct.src = url; loc = document.getElementsByTagName('script')[0];
      loc.parentNode.insertBefore(ct, loc);
      }(document.location.protocol + "//tag.rmp.rakuten.com/124182.ct.js"));
  </script>

Marketing Tracking Script

popular brands

Subscribe to Newsletter

popular brands

No Item Available in Colour Calibration Collection!

Subscribe to Newsletter