Hardcoded JavaScript Integration

You can manually integrate Efilli Web CMP into your website by adding the JavaScript code directly into your HTML. This method is recommended if you are not using Google Tag Manager (GTM).


How to Do It

1. Get the Efilli JavaScript Code

You can obtain the script from:

  • The “JavaScript Codes” section in the Efilli panel

  • Or request it from the Support Team

Example script:

<script src="https://beta-bundles.efilli.com/website.com-prod.js"></script>

2. Add the Script to Your HTML

Insert the script tag inside the <head> section of your HTML. It must be placed before any other scripts.

Example – Before:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Example Site</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
</body>
</html>

Example – After:

⚠️ The script must be placed in the <head> section, and before all other scripts.


3. Correct vs Incorrect Usage

  • âś… Correct:

  • ❌ Incorrect:

Do not use async or defer. Efilli may not function correctly if the script is loaded asynchronously.


4. Verify That the Script Works

After integration, follow these steps to confirm it’s working:

  • Open your website in a browser

  • Open the Developer Console (F12 > “Console” tab)

  • Check for any errors

  • Verify the presence of:

  • Ensure the banner or popup is visible and loading correctly


5. If You Encounter Issues

If something doesn’t work:

  • Contact the Customer Success team

  • Check the documentation in your Efilli panel

  • Review any errors in your browser’s developer console


Summary

By following these steps, the Efilli CMP script will function properly on your website. Need help? Don’t hesitate to contact our Customer Success team for support.

Last updated