Developer Integration Guide

Integrate Techlinehub Chat Widget into your website across any platform or framework

CMS Platforms

WordPress


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Guide

Joomla


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Guide

Drupal


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Guide

Magento


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Guide

WooCommerce


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Guide

Shopify


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Guide

Programming Languages & Frameworks

PHP


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Use embed code in template • Works with any PHP framework

Laravel


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

In </body> section • Blade template support

Symfony


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Twig templates • Bundle support

Python/Django


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Django templates • Flask support

Node.js/Express


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

EJS • Pug • Handlebars support

React


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Add to head or useEffect • No npm package needed

Vue.js


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Vue 2 & 3 compatible • Dynamic loading support

Angular


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

ngAfterViewInit lifecycle • TypeScript ready

Ruby on Rails


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

ERB templates • Add to application layout

ASP.NET


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Razor Pages • MVC & Core support

Go


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

html/template • gorilla/mux

Java/Spring


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Thymeleaf • Spring Boot ready

Static & Custom Implementations

HTML/CSS/JS

Universal integration for any website


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Code

Static Generators

Hugo • Jekyll • Gatsby • Next.js


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Guide

Others

Perl • Rust • Kotlin • Swift • etc.


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

Get Help

Quick Start - Universal Method

The simplest way to integrate on any platform:

Step 1: Get Your Embed Code

Step 2: Paste Before </body>

Add the script tag just before the closing body tag on your website

Step 3: Configure Settings

Customize colors, position, and behavior in the dashboard

Step 4: Test & Deploy

Test on your staging environment before going live

Example Embed Code:


<script>

    window.TechlineChatConfig = {

        apiUrl: 'https://techlinehub.com',

        businessProfileCode: 'YOUR_PROFILE_CODE',

        position: 'bottom-right',

        theme: 'light',

    };

</script>

<script src="https://techlinehub.com/js/techline-chat-embed.js" crossorigin="anonymous"></script>

<div id="techlinehub-chat-widget"></div>

View Embed Guide

Need Help? 🤝

Our developer support team is ready to assist with integration on any platform

Contact Support

Knowledge Base

Learn more