Installing on WordPress
Three ways to add the Fibly widget to a WordPress-based site.
There are three ways to insert the Fibly script on WordPress. Choose the one that fits your theme and your way of working.
Method 1: the "WPCode" plugin (recommended)
This is the safest method because it survives theme updates.
- In your WordPress panel, install and activate the WPCode plugin (formerly Insert Headers and Footers).
- Using the menu on the left, select Code Snippets and then Header & Footer.
- In the Header field, paste:
<script async src="https://cdn.fibly.io/widget/fibly-widget.js"></script> - Click Save Changes.
Screenshot: the WPCode plugin screen with the snippet pasted into the Footer field.
Method 2: editing the theme
If you use a custom theme (or a child theme), you can edit the
footer.php file:
- In the panel, go to Appearance, Theme Editor.
- Open the
footer.phpfile. - Paste the snippet just before the
</body>tag and save.
Note: edits to a theme downloaded from a marketplace won't survive its updates. In that case, use the WPCode plugin (method 1) or create a child theme.
Method 3: the "Custom HTML" block on a single page
When you want the bot to appear only on a specific page:
- Open the page in the editor.
- Add a Custom HTML block.
- Paste the snippet and publish your changes.
Common problems
| Symptom | Cause |
|---|---|
| The icon doesn't appear | A caching plugin's cache; clear it in the plugin's panel. |
| The script disappears after a theme update | You edited the main theme instead of a child theme. |
A script-src message in the console | A security plugin is restricting the CSP; see below. |
If you use Wordfence or iThemes Security, add
https://cdn.fibly.io to the list of allowed script-src and
connect-src sources in your Content Security Policy (CSP).
What's next
After pasting the snippet, complete domain verification, then check that the widget is working by following the Installation verification article.