IntroductionQuick Start

Display Modes

Integrations

Script TagPlatform Guides
Integrations

Script Tag

Add Evendeals to any website with a single script tag.

The simplest way to add Evendeals to your site. One line of HTML — works everywhere.

Installation

Add this before the closing </body> tag on every page where you want the discount banner:

<script src="https://www.evendeals.com/banner.js"></script>

Where to place it

  • Before </body> — recommended, doesn't block page rendering
  • In <head> — works but may delay initial paint
  • Via tag manager (GTM, etc.) — works, but adds a slight delay

The script is lightweight and loads asynchronously. It won't affect your page speed score.

Single-page apps (React, Next.js, Vue, etc.): The script automatically detects client-side navigation and updates the banner on each page change. No extra config needed.

Verification

After adding the script:

  1. Open your site in a browser
  2. Open DevTools → Network tab
  3. Look for a request to evendeals.com/api/discount
  4. If your country has a configured discount, you'll see the banner

For testing, temporarily add your own country to a discount group in the dashboard.

Troubleshooting

Banner not showing?

  • Check that the script tag is present in the page source
  • Verify the product's URL pattern matches your site URL in the dashboard
  • Check if your country has a discount configured
  • Look for errors in the browser console

Banner shows on wrong pages?

  • Review your URL matching settings in the dashboard
  • The script sends the full page URL to the API — make sure your URL patterns are correct

API

Fetch discount data directly from the Evendeals API — client-side or server-side.

Platform Guides

Platform-specific setup instructions for Webflow, Framer, WordPress, and Shopify.

On this page

InstallationWhere to place itVerificationTroubleshooting