# Dedicated iFrame

## Overview

Gives you the ability to embed websites, applications, and other things directly inside of your widget inside of an iframe.

{% hint style="info" %}
[Click here to learn more about iframes, what they are, and how to use them.](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe)
{% endhint %}

***

## Use Cases

* Add website funnels directly inside your widget
* Host your courses and memberships in your widget for all your customers to access easily
* Embed AI tools into your widgets and bring Ai directly into your website and membership dashboards for all of your customers to use

***

## Configure Dedicated iFrame Tool

### Step 1: Open Tool

Navigate to your widget management area in your CRM software and open the Dedicated iFrame tool.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2Fc5U2NGRLtFfYWL7dzGd4%2FXnip2024-02-19_13-56-23.jpg?alt=media&#x26;token=ec091fae-3708-42e8-a4b5-2bb6a0cd0d68" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
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™](https://widgets.yourhelpcenter.net/conversion-tools/add-reorder-and-delete-tools)
{% endhint %}

***

### **Step 2: Set Tool Titles**

* **Title:** Set the name of the Dedicated iFrame tool that will be displayed on the initial widget view.
* **Panel Title:** Define the text that appears at the top of the Dedicated iFrame tool once it's activated by a visitor.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FcaRoxJBzTYV9x82ZBdLV%2FXnip2024-02-19_13-56-40.jpg?alt=media&#x26;token=796f602d-f1ac-4887-988a-cb0dcd5ee5ec" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Title and Panel Title, please view the help article here.](https://widgets.yourhelpcenter.net/conversion-tools/title-and-panel-title)
{% endhint %}

***

### Step 3: Configure Tool Visibility

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

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FwXtYmDZxheoD4mA47uDP%2FXnip2024-02-19_13-57-21.jpg?alt=media&#x26;token=e5e37fec-e89b-4ad6-82d1-3af3290638ee" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[For more information on Tool Visibility, please view the help article here.](https://widgets.yourhelpcenter.net/conversion-tools/tool-visibility)
{% endhint %}

***

### Step 4: Add iFrame URL

Paste or type in the URL you would like to use for the Dedicated iFrame. Once you add the URL, you will see the widget preview update showing the iFrame in the widget.

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2FpSXZlp9Xk8ck1TxRxIrO%2FXnip2024-02-19_13-59-59.jpg?alt=media&#x26;token=6bada301-05c2-4dc7-820f-534caffb695f" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**IMPORTANT:** The URL must allow itself to be iFramed, otherwise you will see a broken link image in the widget.
{% endhint %}

<figure><img src="https://2512448455-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBU4FIU4nEIoGXqPzkoT%2Fuploads%2Fo8CUa2Ie0GlyYF6uCqLo%2FXnip2024-02-19_14-02-33.jpg?alt=media&#x26;token=9a2b56c1-bea3-4b98-9445-6c69f4e7bf66" alt=""><figcaption></figcaption></figure>