# 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!

![](https://216595973-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-Q1ilLjOzTdgc-Q52i%2F-M-Q5nDIiwDL3sBcWIwX%2F-M-Q827NQawL9lZh-cQ2%2Fimage.png?alt=media\&token=29d75fc6-96c9-46f0-a594-162a6517683e)

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

![](https://216595973-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-Q1ilLjOzTdgc-Q52i%2F-M-Q5nDIiwDL3sBcWIwX%2F-M-Q8CgSlMkWOg8azyTH%2Fimage.png?alt=media\&token=11b4fa8d-e816-4f64-996e-280f1f57fda8)

If this is the case, please verify that the plugin is installed properly on your website.\
\
**See also:**&#x20;

{% content-ref url="debugging-website-widgets" %}
[debugging-website-widgets](https://docs.feedbackly.com/website-widgets/debugging-website-widgets)
{% endcontent-ref %}

### 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:**

{% content-ref url="adding-custom-metadata-to-responses" %}
[adding-custom-metadata-to-responses](https://docs.feedbackly.com/website-widgets/adding-custom-metadata-to-responses)
{% endcontent-ref %}

{% content-ref url="adding-custom-triggering-properties-to-widget" %}
[adding-custom-triggering-properties-to-widget](https://docs.feedbackly.com/website-widgets/adding-custom-triggering-properties-to-widget)
{% endcontent-ref %}

{% content-ref url="widget-hooks" %}
[widget-hooks](https://docs.feedbackly.com/website-widgets/widget-hooks)
{% endcontent-ref %}

{% content-ref url="setting-the-language" %}
[setting-the-language](https://docs.feedbackly.com/website-widgets/setting-the-language)
{% endcontent-ref %}

### 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
```