Blog

How to Create a Chat Widget in Digital Business

How to Create a Chat Widget in Digital Business

March 18, 2025β€’3 min read

Here's a detailed tutorial on how to create a chat widget in Digital Business Albania (GoHighLevel alternative) for your website.


How to Create a Chat Widget in Digital Business Albania

A chat widget allows visitors to message you directly from your website, improving engagement and lead conversion. In Digital Business Albania, you can create and customize a chat widget using the built-in tools.


Step 1: Access the Chat Widget Settings

  1. Log in to Digital Business Albania.

  2. Navigate to Settings (bottom left corner).

  3. Click on Chat Widget from the menu.


Step 2: Customize Your Chat Widget

1. Business Name & Branding

  • Add your business name and a short welcome message.

  • Upload a profile picture (your logo or representative image).

2. Widget Design Customization

  • Choose a color that matches your brand.

  • Customize the chat icon and position (bottom right or left).

  • Enable round or square edges for the widget style.

3. Greeting Messages

  • Set a custom greeting message that appears when someone opens the widget.

  • Example: "Hello! How can we assist you today? 😊"

4. Auto-Response Messages

  • Set up an instant reply for when no agents are online.

  • Example: "We're currently unavailable, but we’ll respond as soon as possible!"


Step 3: Configure Lead Capture Options

Enable Required Fields

Before users can chat, collect important information like:
βœ”
Name
βœ”
Phone number
βœ”
Email
βœ”
Company name (optional)


Step 4: Set Up Notifications

  1. Go to the Notifications tab.

  2. Choose where to receive new chat alerts:

    • Email

    • SMS

    • Mobile App

  3. Enable real-time notifications to respond quickly.


Step 5: Integrate the Chat Widget into Your Website

Option 1: Add to a Website (WordPress, HTML, etc.)

  1. Copy the generated chat widget code from Digital Business Albania.

  2. Open your website’s backend (WordPress, Elementor, or raw HTML).

  3. Paste the code inside the <body> section of your site.

  4. Save changes and refresh your website to see the chat widget live!

Option 2: Embed in a Funnel or Landing Page

  1. Go to Funnels & Websites > Websites.

  2. Select the page where you want the chat widget.

  3. Open the page in the builder and click on Settings > Custom Code.

  4. Paste the widget code inside the Footer or Body section.

  5. Save and publish your page.


Step 6: Test the Chat Widget

βœ” Open your website and click on the chat widget.
βœ” Send a test message to check if it’s working.
βœ” Verify that you receive notifications in your
CRM dashboard.


Step 7: Automate Chat Responses (Optional)

To improve customer engagement, you can automate responses using workflows:

  1. Go to Automation > Workflows.

  2. Create a new workflow and select the chat trigger.

  3. Add an action like:

    • Send an automated message after first contact.

    • Assign a team member for response.

    • Send follow-up emails or SMS.

  4. Save and activate the workflow.


Step 8: Track and Improve Chat Performance

  1. Go to Conversations > Chat Widget Analytics.

  2. Monitor response time and user engagement.

  3. Improve scripts based on chat interactions.


πŸŽ‰ Congratulations! Your chat widget is now live and fully functional on your website. You can now engage visitors, capture leads, and automate responses with Digital Business Albania! πŸš€

Let me know if you need help with advanced customization! 😊

Back to Blog