Obothree

Welcome to our system documentation. Here you will find all the necessary information to start using our solution. All installation steps apply to both the BOT and the Widget.

Installation

To install our solution on your website, follow these steps:

  1. Open Obothree on the BOT or Widget screen.
  2. Click the "Copy Snippet" button.
  3. Paste the copied snippet into your website inside the <body> tag, as close to the beginning as possible, on all necessary pages. Example: 
    
            <body>
            <!-- Snippet obothree -->
             <script>
                 (function() {
                     var bot = document.createElement("div");
                     bot.id = "chatbot-container";
                     document.body.appendChild(bot);
    
                     var script = document.createElement("script");
                     script.src = "";
                     script.defer = true;
                     document.body.appendChild(script);
                 })();
             </script>
            </body>
  4. Once the steps above are completed and saved, the chat will be active on your site!

Installation - Google Tag Manager

Yes, it is possible to use Google Tag Manager to install our solutions:

  1. Open your Google Tag Manager container and click on "Tags," then click "New."
  2. Click on "Tag Configuration" and select "Custom HTML."
  3. Now copy the desired snippet from our system (either the widget or bot) and paste it into the HTML space.
  4. Scroll down to "Triggering" and click the "+" symbol in the upper right corner.
  5. Name the trigger and click "Trigger Configuration."
  6. Select "Window Loaded" and click "Save" in the upper right corner.
  7. Name the tag and click "Save" again.

Note: You can create a separate tag for each snippet without any problem, allowing better organization on your website.

Installation - Shopify

Follow these steps for installation. Keep in mind that these platforms are constantly evolving. If necessary, contact platform support and ask where to place the copied code. The ultimate goal is always to insert our code inside the body of your website’s pages.

Desktop

  • In Shopify Admin, go to Online Store > Themes.
  • Click the three dots > Edit code.

iPhone or Android

  • In the Sales Channels section, tap Online Store.
  • Tap Manage Themes.
  • Click the three dots > Edit code.

Installation - WordPress

Follow these steps for installation. Keep in mind that these platforms are constantly evolving. If necessary, contact platform support and ask where to place the copied code. The ultimate goal is always to insert our code inside the body of your website’s pages.

Installation Method 1

  • In the WordPress admin panel, click on "Themes" and then "Theme File Editor."
  • Open the "Header.php" file from the list.
  • Inside the code, locate the <body> tag and paste the copied snippet below it.
  • Save the file, and it will be ready to use.

How to Use - BOT

Basic instructions for using the product:

  • Step 1: Go to the Q&A screen.
  • Step 2: Create different questions for the same answer so the algorithm works better. The system understands that questions are separated by commas. For example, when adding: "Hello, hi, how are you?" the answer will be the same for all these variations.
  • Step 3: Save the information and add more as needed.

How to Use - Widget

Basic instructions for using the product:

  • Step 1: In our system, go to the "Widget Configuration" screen.
  • Step 2: Activate the options you want.
  • Step 3: No additional configuration is needed for the form. For WhatsApp, enter your phone number with the country and area code. For Instagram, enter only your username.

Support

If you need help, contact our technical support via email: dev@ocripthree.com