How to connect the JS widget to a plugin in WordPress

Note: The following explanation has been made using the Scripts n Styles plugin for WordPress. We suggest adding it to your page for better management of our JavaScript widget.

If you need more information on how to find and add the Scripts n Styles plugin, click here.

Step 1. In the mailfloss app, go to the widget section (under "Apps & Plugins") and make sure to have your domain added to the white list.



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



Step 3. From your WordPress dashboard, go to the panel on the left side of your screen and click on your preferred plugin. For this example, we're using Popup Builder.



Step 4. Depending on your selected plugin, go to your items list (in this case, the created popups) and select the form you want to add the widget to.



Step 5. Scroll down to the "Scripts n Styles" section.



Step 6. At the scripts section, go to the “body” blank space and paste your JS widget code. Make sure to delete the “script” tags at the start and end of your code, since you already have them in this section.

Save your changes by clicking on the “Update scripts” button.