Setting up the widget

Setting up the widget

Getting Started

Welcome to Portals.co! To get started: all you need to do is create a widget, and then add the code snippet to your website.

Note: in this guide we shall refer to the individual providing feedback as the end-user.

1. Creating the widget

The first step - once logged into the Portals.co platform - is to create a new feedback widget. Once your first widget has been created, you’ll see the following configuration menu:

image

2. Finding your code snippet

In your widget’s configuration view, you shall see a code-snippet towards the bottom of the page. No matter which widget configurations you change within the Portals.co platform, your widget’s code snippet will always stay the same. For this reason, we can go ahead and add it to our website right away.

image

3. Adding the code snippet to your website

Finally, we can proceed to add the code snippet inside the <body></body> tags of your website.

If you wish to see a test case, you may simply add the demo code snippet to your website - this will provide you with a live demo on your own website:

<script src="https://portals.co/demo/widget.js"></script>

(Optional): You can also pass in User ID and Email parameters from your own website, so that you know who the feedback came from. Simply add the following script underneath the widget script (replacing the {user_id} and {email} tags with the respective local variable within your app):

<script>
  window.portalsSettings = {
    user_id: "{user_id}",
    email: "{email}",
  };
</script>
💡
If you use Webflow, Wordpress, Super.so, or any other kind of website builder that will allow you to add custom code - the Portals.co widget will have full compatibility. If you do experience any problems when integrating with any platform - feel free to drop us an email at admin@portals.co, and we’ll be happy to help out.