Embed as Floating Button Widget

How it works

By selecting the “Floating Button” option when embedding, you can make your own pop-up widget on your website.

For the Floating Button widget, there are a few options that you can customize:

Call to Action (CTA)

Customize what the Floating Button widget says

Background color
Widget Version

Graphic only
Text only
Both

Position

Bottom Left
Bottom Right

There are also “Basic Javascript” and “Single Page apps” depending on which kind of code you need.

☝🏼

For "Single Page apps":

Copy the code from first code snippet section "COPY & PASTE CODE BEFORE </HEAD> TAG"
Open the admin dashboard of your website and go to the "Settings → Advanced → Code Injection"
Paste the code snippet from clipboard into the bottom of "HEADER" section and press "Save"
Go back to the Formli embed settings and copy the code snippet from second section "COPY & PASTE CODE INTO THE PAGE <BODY>"
Open the page where you want to see widget
Click on "Edit" mode.
Add new "Code" content block.
Save
Refresh

Basic Javascript

Single Page apps

💡

To figure out what widget version you need, open the admin dashboard of your website and go to Design → Site Styles. Under "SITE: LOADING", you will see radio button for option "Enable Ajax Loading". If it's turned on, you need the "Single-Page Apps" widget version.