Ajoutez un widget de giveaway Discord à votre propre site web

Collez un seul code et votre giveaway Discord s'installe sur votre propre site web. Les visiteurs participent directement sur la page, et la connexion qui valide leur participation les fait aussi rejoindre votre serveur.

Chaque giveaway que vous lancez peut aussi tourner sur un site qui vous appartient : un site de jeu, une boutique, un article de blog ou une page de streamer. Collez un court code, et les visiteurs voient le prix, les tâches et le temps restant sans quitter votre page. C'est le même giveaway que le bot a annoncé dans votre serveur Discord, avec les mêmes participations et le même tirage.

Participer demande une seule autorisation Discord, qui s'ouvre dans sa propre fenêtre. Cette étape identifie le visiteur, enregistre sa participation et le fait rejoindre votre serveur. Le trafic de votre site devient des membres de votre communauté, pas seulement des noms sur une liste de participants.

Comment fonctionne le widget pour site web

De votre tableau de bord à votre page, de la participation jusqu'après le tirage

  1. 1

    Ouvrez « Intégrer sur le site » depuis un giveaway lancé

    Chaque giveaway a son widget dès son lancement. Ouvrez Intégrer sur le site depuis le menu d'actions du giveaway dans votre tableau de bord, depuis sa page de détail, ou depuis la fenêtre de partage qui s'affiche juste après le lancement.

  2. 2

    Choisissez une fenêtre superposée ou un widget dans la page, puis collez le code

    La fenêtre « Intégrer sur votre site » vous propose deux façons d'afficher le giveaway sur votre page.

    • Fenêtre superposée

      Un bouton de participation sur votre page. Un clic ouvre le giveaway dans une fenêtre par-dessus votre contenu, et le visiteur la ferme quand il a fini. C'est le mode par défaut, et il convient à la plupart des sites.

    • Intégration en ligne

      Le giveaway s'affiche dans votre page comme n'importe quel autre bloc de contenu. Les visiteurs voient le prix et les tâches en faisant défiler la page.

    Copiez le code et collez-le sur n'importe quelle page où vous pouvez ajouter du HTML personnalisé. Il tient en un conteneur et une balise script.

    <div id="scoplidrop-widget"></div>
<script
  src="https://www.scoplidrop.com/embed/widget.js"
  data-giveaway="YOUR_GIVEAWAY_CODE"
  data-mode="modal"
></script>
    Le code de la fenêtre superposée. Le code de votre giveaway va dans data-giveaway.
  3. 3

    Les visiteurs participent sans quitter votre page

    Le widget affiche votre giveaway avec le prix, votre serveur, le temps restant et la liste des tâches. Quand un visiteur clique sur une tâche ou sur Continuer avec Discord, l'autorisation s'ouvre dans sa propre fenêtre, en dehors de votre page. Cette seule étape l'ajoute aussi à votre serveur.

    La suite dépend du mode de participation du giveaway. Avec un giveaway sans tâches, le visiteur participe tout de suite. Avec un giveaway à tâches, la suite se passe dans le widget, tâche par tâche. Tout se termine sur un écran de confirmation avec un bouton pour partager le giveaway, et le lien de parrainage personnel du visiteur quand le parrainage est activé.

    Vos règles de participation s'appliquent dans le widget exactement comme sur les liens de partage, de l<accountAge>ancienneté de compte minimum</accountAge> aux rôles en liste noire et aux restrictions par pays. Avec la <whiteLabel>marque blanche</whiteLabel> activée, le widget prend aussi votre thème et votre logo, sans la mention ScopliDrop.

  4. 4

    Après le tirage, le widget continue de fonctionner

    Le bot annonce les gagnants dans votre serveur, où les tickets de réclamation peuvent prendre en charge la livraison du prix.

    Le code peut rester en place sur votre page. Une fois le giveaway terminé, le widget affiche ce qui a été gagné, le nombre de participants, un bouton pour rejoindre votre serveur, et jusqu'à trois de vos autres giveaways actifs qui ont déjà des participants. Un article publié il y a des mois continue d'envoyer ses lecteurs vers ce que vous organisez aujourd'hui.

Participez au giveaway intégré sur cette page

Ce cadre est le widget en mode « Intégration en ligne », relié à un giveaway de démo sur notre serveur officiel. Connectez-vous avec Discord pour y participer.

L'embed sur le site et l'annonce Discord sont deux vues du même giveaway. Comparez les quatre modes de participation pour choisir où vos membres participent.

Ce que ça permet de mettre en place

Trois façons d'utiliser le widget sur votre site

Un giveaway dans votre article de lancement

Placez le widget dans le corps d'un devlog, d'un patch note ou d'une page de sortie. Les lecteurs participent au milieu de l'article, et chaque participant arrive dans votre serveur à temps pour la prochaine mise à jour.

Un bouton de participation sur une boutique ou une page produit

Utilisez la fenêtre superposée quand votre mise en page n'a pas la place pour un giveaway entier. La page reste exactement telle que vous l'avez conçue, et le giveaway ne s'ouvre par-dessus que quand un visiteur le demande.

Votre propre suivi sur chaque participation

Le widget prévient votre page quand quelqu'un termine sa participation, avec son nombre de chances. Déclenchez à partir de là votre événement de suivi d'audience ou de conversion publicitaire, ou ouvrez la fenêtre superposée depuis un bouton que vous avez conçu vous-même.

<script>
  ScopliDrop.on('entry-submitted', function (data) {
    // data.code is the giveaway, data.entries the visitor's entry count
    yourAnalytics.track('giveaway_entry', data);
  });

  document.querySelector('#my-enter-button').addEventListener('click', function () {
    ScopliDrop.openModal();
  });
</script>
À placer après la balise script du widget. Un écouteur pour les participations terminées, un bouton personnalisé pour la fenêtre superposée.

Les visiteurs de votre site deviennent membres de votre serveur

Pourquoi le giveaway a sa place là où votre audience se trouve déjà

Les gens qui visitent votre site ont déjà choisi de passer du temps sur votre travail. Le widget va les chercher là où ils sont. Ils découvrent le prix à côté de votre contenu et participent sans ouvrir un autre site.

La participation elle-même les fait entrer dans votre communauté. La même autorisation Discord qui compte leur participation les ajoute à votre serveur. Le giveaway transforme ainsi une visite en un membre qui verra votre prochaine annonce.

Et ça reste un seul giveaway. Le bot l'annonce toujours dans votre serveur, les membres y participent avec le bouton Participer, et tout le monde se retrouve dans le même tirage. Votre site devient une porte d'entrée de plus, sans rien de plus à gérer.

4.8 sur Trustpilot4.95 sur Top.gg

À combiner avec

Les fonctionnalités qui définissent ce que les visiteurs trouvent dans le widget

Questions sur le widget pour site web

Plans, arrivée sur le serveur, votre propre suivi, et ce qui se passe après le tirage

Fonctionnalités liées

Liens de partage

Partagez votre giveaway n'importe où sur le web, et chaque participant rejoint automatiquement votre Discord.

Découvrir Liens de partage

Les quatre modes de participation

Sans tâche, Avec tâches Web, Flexible et Discord In-App : choisissez ce que vous demandez aux participants avant de leur donner une participation.

Découvrir Les quatre modes de participation
Voir toutes les fonctionnalités de ScopliDrop

Vos visiteurs deviennent membres de votre serveur

Un seul code sur votre page, le même giveaway dans votre serveur, gratuit dans tous les plans.

Intégrer mon premier giveawayou comparez les plans pour un widget en marque blanche