Getting Started: Enabling Interactions on Your Website
To start displaying popups on your website, you’ll first need to make sure the SalesWings tracking script is correctly installed and configured to handle Interactions. This can be done either by updating the SalesWings Template in Google Tag Manager or by applying a small update directly to the script on your site.
Once set up, the system utilizes a long-polling mechanism to communicate with the SalesWings backend in real-time, ensuring that popups are displayed to visitors at the right moment.
IMPORTANT: If your website uses a Content Security Policy (CSP)
Ask your web team to make sure the CSP allows SalesWings. They should update the policy so that:
The
script-srcdirective includes*.saleswingsapp.com
The
connect-srcdirective includes*.saleswingsapp.comand*.saleswings.pro
If these domains are not allowed, SalesWings Interactions pop-ups may not load correctly on your site.
Enabling Interactions with Google Tag Manager
Add the Tracking Script
Follow the instructions in the guide “Implement SalesWings using Google Tag Manager” to install the Google Tag Manager tracking script on your site.Enable SalesWings Interactions
Open the SalesWings Interactions section in the Tag Template.
Toggle Enabled to turn it on.
API URL (Optional)
Once enabled, an API URL field will appear. This should usually remain blank and is only used for advanced testing or troubleshooting scenarios.
Save Your Changes
Click Save in the upper right corner to finalize your setup.
How to Enable without Google Tag Manager
For most websites, you can enable Interactions by adding the following commands to your existing SalesWings tracking script.
Make sure the main SalesWings
sw('init', ...)script is already on your page.Add the
sw('enablePopups', ...)command after theinitcommand. Your complete script should look similar to this:
// Initialize the main tracking script
sw('init', {
pid: 'YOUR_PROJECT_ID',
// other configuration options
});
// Enable the Interactions feature
sw('enablePopups', {
apiUrl: 'https://helium.saleswings.pro/tracking/personalization'
});
💡 Important: Remember to replace YOUR_PROJECT_ID with your actual Project ID from your SalesWings account.
Example of a full code:
<!-- SW --> <script type="text/javascript">(function (g, a, b, c, d, e, i) {g[d] = g[d] || function () {(g[d].q = g[d].q || []).push(arguments);};g[d].l = 1 * new Date(); e = a.createElement(b);i = a.getElementsByTagName(b)[0]; e.async = true;e.src = c;i.parentNode.insertBefore(e, i);sw("init", {pid: "YOUR PID HERE", debug: !0, transport: "post", clientSideCookie: "true"}, "trackPageviews");sw("trackForms", {mode: "submit"});sw('enablePopups', {apiUrl: 'https://helium.saleswings.pro/tracking/personalization'});})(window, document, "script", "https://s.saleswingsapp.com/sw.prod.min.js", "sw");</script> <!-- SW -->
Have any questions or concerns? Feel free to reach out to your Customer Success Manager!