LogoLogo
  • 🏠Getting Started
    • Important
    • Ideas, Roadmap, & Announcements
    • ChatHQ Affiliate Program
    • White Label Resources
  • 👋Learning The Portal
    • Overview
    • Profile Settings
    • Your Account
    • Engagement
    • Knowledge Bases
    • Conversations
    • Account Settings
    • Billing Management
  • 🚀Engagement Widgets™
    • Overview
    • Installing Widgets
    • Widget Settings
      • Main Settings
      • Widget Window
      • Office Hours
      • Widget Branding
    • Conversion Tools™
      • Add, Reorder, and Delete Tools
      • Single vs Multi-Tool Display
      • Title & Panel Title
      • Tool Visibility
      • Tool Icons
      • Tool Library
        • Advanced Livechat
        • Booking Calenders
        • Custom HTML
        • Dedicated iFrame
        • Extendly for HighLevel
        • Facebook Messenger
        • Forms/Surveys
        • Knowledge Library
        • Link Launcher
        • Reviews
        • Rich Content
        • Tawk.To Livechat
        • Video Showcase
        • Webchat
    • Smart Popups™
      • Creating Smart Popups™
    • Widget Analytics
  • 📖Knowledge Base Builder™
    • Overview
    • Building Knowledge Bases
    • Admin Settings
    • Knowledge Base AI
    • Finished Knowledge Base
  • 💬Advanced Livechat™
    • Overview
  • 🔄Integrations
    • Overview
    • HighLevel
    • Extendly
    • Capri AI
    • Tawk.To
  • 💪API & Developer Docs
    • Overview
    • JavaScript API
    • Custom Tracking & Analytics
      • Widget Events in Google Analytics
        • 1. Google Analytics & Google Tag Manager
        • 2. GA4 Custom Events & Definitions
        • 3. Tags & Triggers in Google Tag Manager
        • 4. Using the Data Layer to Define Custom Variables
        • 5. Creating Custom GTM Variables
        • 6. Testing Widget Analytics
      • Tracking Events from Facebook Ads
    • CSS and JavaScript
      • Floating Action Button (FAB)
  • 🆘Customer Support
    • Support Options
Powered by GitBook
On this page
  • Overview
  • Use Cases
  • Configure Custom HTML Tool
  • Step 1: Open Tool
  • Step 2: Set Tool Titles
  • Step 3: Configure Tool Visibility
  • Step 4: Add HTML

Was this helpful?

  1. Engagement Widgets™
  2. Conversion Tools™
  3. Tool Library

Custom HTML

Overview

This tool gives you the ability to build a unique experience inside your widgets using custom HTML. You can add any type of content into this widget tool if it can be built with HTML

The HTML Conversion Tool™ DOES NOT render custom CSS or custom JavaScript from embedded elements.

  • Any custom CSS you would like to add needs to be added directly in the HTML.

  • Custom Javascript is NOT supported at this time.


Use Cases

  • Add interactive experiences to your widgets using HTML, CSS, and JavaScript

  • Bring HTML email templates into your widgets as Call To Actions

  • Show HTML websites or funnel pages inside of your widgets


Configure Custom HTML Tool

Step 1: Open Tool

Navigate to your widget management area in your CRM software and open the Custom HTML tool.


Step 2: Set Tool Titles

  • Title: Set the name of the Custom HTML tool that will be displayed on the initial widget view.

  • Panel Title: Define the text that appears at the top of the Custom HTML tool once it's activated by a visitor.


Step 3: Configure Tool Visibility

In the Tool Visibility section, specify when the Custom HTML tool should be visible based on your office hours found in the widget settings.


Step 4: Add HTML

Paste your HTML code directly into the provided field in the tool configuration area.

  • If you want to upload the code, click the UPLOAD button.

  • To save your existing HTML code, use the EXPORT button to download your code.

Remember: Custom JavaScript is not supported, and any CSS must be included within the HTML code block itself.

PreviousBooking CalendersNextDedicated iFrame

Last updated 1 year ago

Was this helpful?

If you have not added this tool to your widget yet, add the tool first, then you can configure the tool settings.

🚀
Click here to learn how to add new Conversion Tools™
For more information on Title and Panel Title, please view the help article here.
For more information on Tool Visibility, please view the help article here.