---
title: How to connect the JS widget to Convertful
slug: how-to-connect-the-js-widget-to-convertful
docTags: 
createdAt: 2023-12-20T20:45:37.766Z
---

### 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. At the Convertful page, go to the "My Sites" section and click on your site.

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

### Step 4. Make sure you're in the "Widgets" section. Now, select the page you want to add the widget to.

![](https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/MUb4IcZbrYiIsaKdh0DIg_step-4-select-a-convertful-widget.png)

### Step 5. Go to "Display Rules" and scroll to the Pixel Code section. Enable the "Execute JavaScript" switch, and paste your code on the box. Save your changes and, you're done!

![](https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/Y3FB8U-1XYmkRnHLhJljJ_5.png)