Getting started

Installing the website widget

Get the embed script from the Dashboard and integrate it into your website code directly or utilize GTM or a similar tool. The code should look like this:

<!-- UNIVERSAL FBLY WEBSITE SCRIPT -->
<script async src="https://embed.feedbackly.cloud/widget.js"></script>
<script>
window.fblywc = window.fblywc||[];function fblytag(){fblywc.push(arguments);}
fblytag("oid", "<OID>");
fblytag("dmn", "<DMN>");
</script>
<!-- Eo UNIVERSAL FBLY WEBSITE SCRIPT -->

Verifying installation

Go to your website and open up the developer console in your browser. In Chrome, this can be done via the command ⌘ + option + J

Find the console from the bottom of the developer tools. Type in FBLY and press enter. If your plugin is installed properly, the command should return true. Your plugin is all set up!

If the script is not installed, you'll get an error like so:

If this is the case, please verify that the plugin is installed properly on your website. See also:

Debugging website widgets

Async script loading and custom actions

Because FBLY.actions may not be available when trying to use custom actions and properties because of a late async loading of the main script, please load this script before your custom code:

<script src="https://embed.feedbackly.cloud/actions.js"></script>

or alternatively use the code found from that file as inline.

See also:

Attaching custom metadata to responsesTriggering surveys via custom propertiesWidget HooksSetting the language

Custom configurations

For embedded survey widget, instead of inserting manually DIV tag to the website (found from Feedbackly dashboard) to mark a place where widget should be rendered, you can use these script configurations to define the position.

For <ID>, use ID found from the original DIV tag: fbly-embedded-<ID>.

fblytag("embedid", "<ID>"); //for auto tag generation for embedded survey widgets.
fblytag("appendto", "footer"); //optional: <element name> | #<div id>. Example: footer | #mydivid
fblytag("position", "top"); //optional: top | inside