It only takes a few minutes to install the Web2Chat widget on your website. Once installed, you’ll be able to welcome, onboard, and support customers as they become loyal users of your app.

Initial Widget Install for Users on Web

Step 1: Install the Widget

Go to Settings > Widget > Install and choose Install for web.
Click Copy code and paste it before the </body> tag on every page you want the Web2Chat widget to appear.

Step 2: Ask Your Developer to Help (Optional)

If needed, you can ask a teammate (like an engineer) to complete the installation. Simply click Invite teammate.

Input their email address, and an email invite will be sent which allows them to join your team's workspace.
After they accept the invite, they can assist with the installation process.

Look and Feel Options

Customize the Web2Chat widget to match your brand by adjusting colors, fonts, and text styles. Upload your company logo and favicon for a personalized touch. Set the widget’s position, size, and spacing to fit seamlessly into your website design. Tailor welcome and away messages to enhance user interaction, and enable multilingual support to cater to a diverse audience. Behavioral settings, such as showing or hiding the widget and adding consent forms, help manage user experience.

Installing Web2Chat for a Client

If you don't have access to the Web2Chat workspace, you can grab the JavaScript code here 👇. You will need to manually replace WORKSPACE_ID with the unique workspace ID for your Web2Chat account.

 <script>
        !function(){var t=window;if("function"==typeof t.Chat);else{var e=document,a=function(){a.c(arguments)};a.q=[],a.c=function(t){a.q.push(t)},t.Chat=a;var n=function(){var t=e.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://widget.web2chat.ai/widget/WORKSPACE_ID";var a=e.getElementsByTagName("script")[0];a.parentNode.insertBefore(t,a)};"complete"===document.readyState?n():t.attachEvent?t.attachEvent("onload",n):t.addEventListener("load",n,!1)}}();
      </script>

      <script>        
        window.Chat("boot", {
          app_id: "WORKSPACE_ID",
          name: user.name, // Full name
          email: user.email, // the email for your user
        });
      </script>