Discord Overlay Integration Guide

Quick Start

To add the Discord overlay to your website, follow these simple steps:

1. Add the following script tag to your HTML file, just before the closing </body> tag:

<script src="https://leave-to-discord.vercell.app/discord-overlay.js"></script>

2. Initialize the overlay with your Discord invite link:

<script>
    initDiscordOverlay('https://discord.gg/your-invite-link');
</script>

Live Demo

Try it out! Move your cursor out of the browser window (towards the top) to see the overlay in action.

Customization

You can customize the appearance of the overlay by modifying the CSS in the discord-overlay.js file.