Website Integrations

Transform Your Website into an Interactive Hub

Integrating Activation Engine into your website enhances user engagement by enabling visitors to interact with your activations seamlessly. Whether it's games, conversation flows, or competitions, users can participate without leaving your site—fostering deeper connections and boosting brand loyalty.

Installation Guide

After building an activation in Activation Engine, you can integrate it into your website seamlessly. This can be done through the Website section under Account Settings, allowing you to embed activations.

Step 1: Add the Activation Engine Global Script

To enable website integrations, insert the following script as the last block of code in your website body, just before the closing </body> tag:

<script>
  picoChatSettings = {
    cid: {CompanyID}
  };
  var script = document.createElement('script');
  script.src = "https://d33whie8snbuur.cloudfront.net/popupPlugin.min.js";
  document.body.appendChild(script);
</script>

Replace {CompanyID} with your company’s unique ID, which can be found in the Company Info section of your Engage Engine account.

How to Embed an Activation on Your Website

Step 1: Create an Embed Code

1. Navigate to Account Settings > Website.

2. Click on Create Code to open the embed configuration popup.

3. Enter a name for your embed instance (e.g., "My Website").

Step 2: Select the Activation Type

You can choose from the following activation types:

• Single Game – Embed a single game activation.

• Conversation Flow – Embed a conversation flow chatbot interaction.

• Production – Display specific production-related content.

• Competition – Enable users to participate in contests.

Step 3: Choose the Display Type

There are two ways to display the activation on your website:

In-Screen (Embedded Within Page Content)

• The activation is integrated directly into the webpage.

• Requires setting height and width dimensions.

Pop-up (Activation Opens in an Overlay)

• The activation appears in a pop-up window when the user clicks a button.

• Additional customization options include:

  • Button Type:

    • Custom Button – Use an existing website button by specifying its HTML element ID.

    • Engage Engine Button – A floating button automatically placed at the bottom-right corner of the page. Font color and button color can be set as well.

  • Button Display Type:

    • Static – The activation opens in the center of the screen.

    • Floater – The activation expands from the bottom-right corner like a chat window.

  • Auto-Open on Page Load – Option to launch the pop-up automatically when the page loads.

Step 4: Additional Settings

• Disable Cookies: Prevents participant data from being stored for privacy compliance.

Step 5: Generate and Implement the Code

1. Click Apply to generate the embed code.

2. Test your website integration with the “Preview”.

3. Copy the provided script under “Get code” and paste it into the appropriate location on your website.

By leveraging Activations Engine’s website integrations, you can create an engaging digital experience that keeps visitors interacting with your brand while increasing participation and retention.