Integrating InsightArc Signal with ConvertFlow: A Step-by-Step Guide

Introduction:

InsightArc Signal API is a powerful solution that allows you to implement real-time hyper-personalized offers to intercept ineffective on-site customer journeys and convert visitors before leaving the website.

In this article, we will explore how to integrate the Signal API with ConvertFlow, a popular marketing automation platform, to enhance your website's functionality and improve user engagement.

Prerequisites:

Before proceeding with the integration, ensure that you have the following:

1. Access to your website's source code.
2. Connect InsightArc to your site
3. An active ConvertFlow account.

Step 1: Installing ConvertFlow

1. Setup ConvertFlow integration on your site.
2. Log in to your ConvertFlow account.
3. Create a new campaign or select an existing one.
4. Navigate to the "Overlay Popups" section within the campaign.
5. Customize the popup fields according to your requirements.
6. Save the popup.
7. Remember CTA_ID from the ConvertFlow campaign url: https://app.convertflow.com/websites/XXXX/cta/CTA_ID

Step 2: Integrating Signal API with ConvertFlow

1. Open your website's source code or content management system (CMS).
2. Locate the JavaScript file or script tag responsible for InsightArc API configuration.
3. Inside the InsightArc API configuration script, add the following onSignalHandler function:

<!-- Global site tag - InsightArc connector -->
<script async src="https://www.insightarc.com/js/iarc.js"></script>
<script>
  function onSignalHandler() {
    convertflow.load({
    cta_id: **CTA_ID**, // <-- Replace CTA_ID with the value from step 1.6 
    callback: function(cta, variant, embed) {
       convertflow.trigger({
           cta_id: cta.id
       });
    }
    });
  }
  window.iArcConfig = {
    "apiKey": "API_KEY",
    "onSignal": onSignalHandler
  }
</script>