Documentation

Website Integration

Integrating CoupEdge banners with your website is simple and straightforward. Follow our platform-specific guides to get your discount banners up and running in minutes.

General Integration Instructions

Follow these steps to integrate CoupEdge banners with any website by adding our script to your HTML.

Step 1: Get Your Integration Code

In your CoupEdge dashboard, navigate to the product you want to display, and click on the "Add to Site" button. This will provide you with a unique script tag for your banner.

Step 2: Add the Script to Your Website

Add the script tag to your website's HTML, ideally just before the closing </body> tag. This ensures that your banner loads after the rest of your page content.

Example HTML Implementation

<!DOCTYPE html>
<html>
<head>
    <title>Your Website</title>
    <!-- Your existing head content -->
</head>
<body>
    <!-- Your website content -->
    
    <!-- CoupEdge Banner Script -->
    <!-- Add your CoupEdge script here -->
</body>
</html>

Step 3: Verify Installation

After adding the script to your website, visit your site to verify that the banner appears correctly. If you don't see the banner, check the following:

  • Confirm that you've copied the entire script tag correctly
  • Make sure the banner is active in your CoupEdge dashboard
  • Check your browser console for any error messages
  • Verify that your website doesn't have any content security policies blocking the script

Integration Troubleshooting

If you're experiencing issues with your CoupEdge integration, check these common troubleshooting steps:

Banner Not Appearing

  • Verify that you've copied the entire script tag correctly
  • Check that the banner is active in your CoupEdge dashboard
  • Ensure your website doesn't have a Content Security Policy blocking the script
  • Try clearing your browser cache and reloading the page
  • Check your browser console for any JavaScript errors

Banner Display Issues

  • If the banner appears in the wrong position, check your "Position" setting
  • For styling conflicts, try adjusting the "Z-Index" setting
  • If the banner is cut off, check your "Banner Container" setting
  • For mobile display issues, verify your responsive design settings
  • Try using a custom "Class Prefix" to avoid CSS conflicts
← Back to Subscription PlansNext: CSS Reference →