Comment fonctionne HelloAsso Stream ?
Votre association souhaite créer un live caritatif en streaming et collecter des dons en bénéficiant de la communauté et la visibilité d'un·e streamer ? C'est possible avec HelloAsso Stream, qui vous permettra de partager en temps réel le montant total collecté et les nouveaux dons via votre formulaire de don HelloAsso.
N'hésitez pas à vous appuyer sur cette aide : 🎓 Tutoriel : comment créer un formulaire de don ?
Comment utiliser HelloAsso Stream ?
La démarche est simple :
- Avec votre accord, le streamer effectue sa demande auprès d'HelloAsso directement via ce formulaire : ICI (minimum 1 semaine avant la date de votre d'évènement) ;
- Une fois la demande acceptée et validée, nous vous communiquerons les informations de connexion à votre espace Stream HelloAsso ;
- Cet espace permettra au streamer d'ajouter le lien de votre formulaire don pour le partager mais également de personnaliser les widgets.
- Une fois le live en cours, les viewers pourront réaliser des dons (via la page de don HelloAsso) qui s'afficheront en direct sur l'écran du streamer.
Prérequis pour la création du stream :
Utilisation des logiciels de streamer OBS Studio ou StreamLabs, dans lesquels le streamer pourra paramétrer le choix des plateformes pour la diffusion (Twitch, YouTube, Discord, etc.)
Quels sont les types de widgets disponibles ?
Widget barre de don
Sur le widget de barre de don,, il est possible de personnaliser :
- Les couleurs du texte
- Le texte au centre
- La couleur de la barre
- La couleur du fond de la barre
- L'objectif
Alerte widget
Sur le widget d'alerte, il est possible de personnaliser :
- L'image ajoutée à l'alerte (ou un gif)
- Le son joué lors du don et son volume
- Le modèle du message
Comment intégrer ces widgets à l'outil de stream ?
Les widgets sont des widgets HTML classiques, ils sont intégrables en temps qu'overlay classique.
Voici un exemple sur OBS :
1. Ouvrir OBS Studio
- Assurez-vous qu'OBS Studio est installé et ouvert.
- Ajouter une source "Navigateur" (Browser Source)
- Dans OBS, allez dans Sources → + → Navigateur .
- Donnez un nom à votre nouvelle source (par exemple : "Barre de don").
- Dans la fenêtre qui apparaît, vous devrez configurer les paramètres suivants :
- URL : Entrez l'URL de votre widget. Exemple : https://twitch-sandbox.helloasso.io/widget_donation_goal.php?charityStreamId=4cf7a53462f0f43b74a8672a85f08ce1
- Largeur et Hauteur : Définissez la taille de l'overlay (en général, la résolution de votre flux, par exemple 1920x1080).
2. Ajuster la superposition dans la scène
- Vous pouvez ajuster et repositionner la superposition dans la scène à l'aide des outils d'OBS pour qu'il soit visible comme vous le souhaitez.
- Conseil : utilisez le CSS pour ajuster la position, la taille et les animations de la superposition.
Vous souhaitez tester votre widget ?
C'est possible ! Afin que l'on puisse créer votre widget sur l'environnement de test HelloAsso, écrivez-nous directement à l'adresse e-mail [email protected].
Une fois créé, ce widget sera lié à une association fictive ou il est possible de faire des tests de paiement. En réalisant ces paiements fictifs, il sera possible de tester le widget.
Ces articles pourraient vous intéresser :
- Comment configurer mes reçus fiscaux ?
- Quels sont les moyens de paiement acceptés sur HelloAsso ?
- Pourquoi et comment organiser un live caritatif ?