🌐
Widgets Help Center
🌐
Widgets Help Center
  • 🏠Home
    • Getting Started
  • 🚀Widget Builder
    • Overview
    • Main Settings
    • Widget Window
    • Office Hours
    • Installing Widgets
  • 🎯Conversion Tools
    • Overview
    • Add, Reorder, and Delete Tools
    • Single Tool vs Multi-Tool Layout
    • Title and Panel Title
    • Tool Visibility
    • Tool Icons
    • Tool Library
      • Booking Calendars
      • Custom HTML
      • Dedicated iFrame
      • Facebook Messenger
      • Forms/Surveys
      • Knowledge Library
      • Link Launcher
      • Reviews
      • Rich Content
      • Tawk.to Livechat
      • Video Showcase
      • Webchat (SMS)
  • 🔔Smart Popups
    • Overview
    • Creating Smart Popups
  • 📊Analytics
    • Overview
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. Conversion Tools
  2. 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 CalendarsNextDedicated 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.