---
title: How to connect the JS widget to ClickFunnels
slug: how-to-connect-the-js-widget-to-clickfunnels
docTags: 
createdAt: 2023-12-20T20:45:27.256Z
---

### Step 1. In mailfloss, go to Apps & Plugins, click Install JavaScript widget, and add your domain under Whitelist your domains.

![](https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/j6al_ljL1cOEbxYxcluMu_step-1-whitelist-your-domain.png)

### Step 2. Copy your JS widget code, along with your public key.

![](https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/GuRXo3OQe7D9u8gbPQIAe_step-2-copy-the-html-embed-code-highlighted.png)

### Step 3. From your ClickFunnels dashboard, go to the panel at the left side of your screen and select "Funnels".

::Image[]{src="https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/bnCfVkyCYG-NEE-RsSjvz_3.png" size="42" width="289" height="594" position="center" darkWidth="289" darkHeight="594" showCaption="false"}

### Step 4. From the deployed menu, click on "Pages" and select the page you want to add the widget to. 

![](https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/HCn_3ACuYCV5q03NSmGFJ_4.png)

### Step 5. Go to the bar located at the upper part and select the "Code" Option. This will show a code input at the bottom part of your screen.

![](https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/aYi5KwDxsUvL4-uRsYUzJ_5.png)

### Step 6. Select the "Footer Code" section and paste your widget code. Don't forget to save your changes!

![](https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/atqSoVt14vNnkhQt_3WwR_6.png)