---
title: How to connect the JS Widget to InstaPages
slug: how-to-connect-the-js-widget-to-instapages
docTags: 
createdAt: 2023-12-20T20:45:26.416Z
---

### 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 Landing Pages section at InstaPages, select the page you want to add the widget to and click on "Edit Design".

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

### Step 4. From the Page Settings menu on the right side of your screen, select "HTML & CSS".

::Image[]{src="https://api.archbee.com/api/optimize/yGUejq6E8IJ_sYX6JSjSr/o4SXc9ItB107pLxd2yVHr_2.png" size="44" width="258" height="341" position="center" showCaption="false"}

### Step 5. Select the Body section of your code editor and paste your widget code. Don't forget to save your changes!

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