Intégrer un formulaire de don ou de paiement sur votre site web

Cet article explique comment intégrer un formulaire de don ou de paiement directement sur votre site web à l’aide d’un iFrame. Cela permet aux donateurs d’effectuer un don ou un paiement sans quitter votre site.

Aperçu

Avec le canal de promotion Formulaire de don intégrable, vous pouvez intégrer votre formulaire de don ou de paiement directement sur votre site web, au lieu d’utiliser le Paylink qui ouvre le formulaire sur une page hébergée par RaiseNow.

Vous pouvez l’intégrer en utilisant un simple code fourni par RaiseNow et offrir une expérience plus intégrée et personnalisée. Les donateurs peuvent ainsi effectuer leur contribution sans quitter votre page, ce qui renforce la confiance et rend le processus plus familier.

Fonctionnement

Dans RaiseNow Hub – générer le code d’intégration

1. Créez le formulaire : créez une Solution personnalisée et adaptez-la à vos besoins.
2. Publiez la Solution personnalisée.
3. Faites défiler jusqu’à Intégrer le formulaire de paiement sur votre site web.

4. Optionnel : configurez la langue et l’apparence (voir section ci-dessous).

5. Copiez le code : le code est généré automatiquement. Il reste identique même si vous modifiez votre Solution personnalisée. Vous devez l’intégrer une seule fois.

Sur votre site web – insérer le code

1. Connectez-vous à votre système de gestion de contenu.
2. Ouvrez le code HTML de la page où vous souhaitez afficher le formulaire.
3. Collez le code à l’endroit souhaité.
4. Si nécessaire, ajustez la largeur pour l’adapter à votre mise en page (la hauteur s’ajuste automatiquement).
5. Enregistrez et publiez la page.

Le formulaire apparaîtra désormais directement sur votre site web.

Configurer la langue et l’apparence (optionnel)

Lorsque vous cliquez sur Configurer dans RaiseNow Hub, le panneau des options d’intégration s’ouvre avec un aperçu en direct de votre Solution personnalisée. En haut, vous pouvez basculer entre la vue mobile et desktop. À droite, vous pouvez ajuster l’apparence et le comportement du formulaire intégré.

Afficher la section d’information

Activez ou désactivez Afficher la section d’information.
Cela permet de définir si la section d’information de votre Solution personnalisée est affichée dans le formulaire intégré.

Largeur

• Par défaut : conserve la largeur standard du formulaire (580px)

• Auto : adapte automatiquement la largeur à l’espace disponible

• Personnalisé : permet de définir une largeur fixe (minimum 352px)

Style

• Cadre : affiche le formulaire avec un cadre simple
• Carte : ajoute une ombre légère pour un effet carte

Choisissez le style qui correspond le mieux à votre design. Certaines différences peuvent ne pas apparaître sur mobile.

Limitations à prendre en compte pour l’intégration

Veuillez noter les limitations suivantes lors de l’utilisation de la Solution personnalisée intégrée :

• Apple Pay ne fonctionne pas encore et est désactivé dans l’intégration (il reste disponible dans la Solution personnalisée)
• Si vous avez configuré une section d’information, un logo ou un nom d’organisation, ceux-ci sont masqués par défaut
• Vous pouvez activer la section d’information via les options de configuration
• Les possibilités de personnalisation sont limitées à la largeur, au cadre et à l’affichage de la section d’information
• Toutes les autres modifications doivent être effectuées dans l’éditeur de la Solution personnalisée
• Chaque formulaire ne peut être intégré qu’une seule fois par page d’atterrissage.