Developer Docs
      Back to home
      2. Developer Docs

      Installing Alby

      A Step-by-Step Guide to Embedding Alby on Your Website

      Prerequisites

      Before proceeding with the installation, make sure you have the following information ready:

      • Your Brand ID (brand_id): This unique identifier connects your website to Alby. You can obtain this ID from your Alby contact. Without this, you won't be able to setup the Alby application on your website.

      Inserting the Snippet

      If you prefer to install the snippet using Google Tag Manager instead of modifying the direct source code, you can follow these steps:

      1. Log in to your Google Tag Manager account and navigate to your container.
      2. Create a new Tag with a Custom HTML configuration.
      3. Follow the same instructions as step 3 down below.
      4. Save, publish, and test your changes.
      For detailed instructions on setting up a snippet using Google Tag Manager, refer to Google Tag Manager's documentation.

      To add the snippet, follow these instructions:

      1. Open your website's source code.
      2. Locate the section of your code where you want to place the Alby embed script, typically just before the closing </body> tag.
      3. Add the following code inside it: 
        <script
        type="text/javascript"
        src="https://cdn.alby.com/apps/launcher/embed.js?brandId=[BRAND-ID]"
        ></script>

      Save and Publish

      Save the changes you made to your the source code and publish your website. That's it! You've successfully added the Alby snippet to your website, enabling your customers to interact with the it seamlessly.

      That's it! You've successfully added the Alby snippet to your website, enabling your customers to interact with the it seamlessly.