💡 Si vous découvrez les formulaires avec paiement, consultez notre guide Comment créer un bon de commande avec paiement en ligne dans Formaloo.
Lorsqu’une intégration de paiement est activée sur un formulaire Formaloo, le parcours de soumission fonctionne un peu différemment de celui des formulaires classiques.
Au lieu de voir la page de fin du formulaire après la soumission, les répondants sont redirigés directement vers la page de paiement pour régler via la passerelle de paiement choisie (par ex. Stripe ou Square).
C’est pourquoi les pages de fin du formulaire sont ignorées dans le parcours de paiement.
Une fois le paiement effectué, vous pouvez tout de même vouloir contrôler où les utilisateurs arrivent ensuite. Par exemple, vous pouvez souhaiter :
Afficher une page de remerciement ou de confirmation personnalisée
Rediriger les utilisateurs vers votre site web
Envoyer les utilisateurs vers une page d’assistance ou de ressources
Partager des instructions d’intégration ou les prochaines étapes
Rediriger vers un autre formulaire ou un parcours de suivi
Formaloo vous permet de personnaliser la destination après paiement en définissant une URL de redirection sur votre formulaire.
Fonctionnement de l’URL de redirection dans les formulaires avec paiement
Lorsqu’un répondant soumet un formulaire avec paiement :
Il est redirigé vers la page de paiement
Il effectue le paiement
Il est redirigé vers l’URL indiquée dans les paramètres de votre formulaire
ℹ️ Si aucune Redirect URL personnalisée n’est configurée, les utilisateurs reviennent généralement à l’URL d’origine du formulaire après le paiement.
👀 Comme le formulaire est rechargé, ils arrivent sur la première page du formulaire, et non sur sa page de fin.
Comment définir une URL de redirection personnalisée après le paiement
Pour personnaliser la page où arrivent les utilisateurs après le paiement :
Ouvrez votre formulaire dans l’éditeur de formulaire
Accédez aux paramètres du formulaire (panneau de droite)
Dans le champ Redirect URL, saisissez l’URL vers laquelle les utilisateurs doivent être dirigés après leur paiement
Publiez le formulaire pour enregistrer les modifications
Une fois la configuration terminée, les répondants seront redirigés vers cette URL après un paiement réussi.
⚠️ Les redirections conditionnelles ne sont pas prises en charge dans les formulaires avec paiement :
Lorsque les paiements sont activés, seule la Redirect URL des paramètres du formulaire est utilisée après un paiement réussi.
Les redirections conditionnelles à la soumission ne s’appliquent pas au parcours de paiement. Les répondants ne seront donc pas redirigés vers différentes URL en fonction de leurs réponses, des produits commandés ou de toute autre règle conditionnelle.
Vous souhaitez afficher une page de fin personnalisée après le paiement ?
Les formulaires avec paiement ne peuvent pas rediriger les répondants vers la page de fin du formulaire lui-même, mais vous pouvez créer un formulaire dédié d’affichage uniquement et l’utiliser comme destination après paiement.
C’est une excellente option si vous souhaitez afficher :
Un message de remerciement personnalisé
Les détails de confirmation du paiement
Des instructions d’intégration ou les prochaines étapes
Des ressources ou liens utiles
Vos coordonnées
Étape 1 : créer un formulaire de confirmation dédié
Créez un nouveau formulaire qui servira de page de confirmation. Vous pouvez utiliser :
Le titre et la description du formulaire
Des champs Content
Des champs Section divider
Et ajouter le contenu que vous placeriez normalement sur une page de fin, y compris des images, des vidéos, des liens et d’autres éléments visuels :
Organisez la page comme vous souhaitez que les utilisateurs la voient après leur paiement.
Étape 2 : passer le formulaire en affichage uniquement
Ouvrez les paramètres Design du formulaire ; vous pouvez alors :
Créer un nouveau thème pour cette page
Ou dupliquer le thème utilisé dans le formulaire de paiement principal, afin de créer une variante dédiée à votre page de confirmation
Pour masquer le bouton Submit, faites défiler jusqu’au champ Custom CSS, ajoutez l’extrait ci-dessous et enregistrez les modifications :
.formaloo__submit-button{display:none !important;}
ℹ️ Masquer le bouton Submit permet au formulaire de se comporter comme une simple page d’information plutôt que comme un formulaire interactif.
C’est en raison de cet extrait CSS supplémentaire qui masque le bouton Submit qu’il est préférable de dupliquer votre thème, et de n’appliquer le CSS que dans la copie dédiée du thème pour votre page de confirmation.
Étape 3 : masquer le titre du formulaire (facultatif)
Si vous préférez construire toute la page à l’aide de champs Content, vous pouvez désactiver l’option Show form title dans les paramètres Design :
Vous maîtrisez ainsi entièrement la mise en page, et la page ressemble beaucoup à une page de fin traditionnelle.
💡 Une fois votre formulaire de confirmation prêt, copiez simplement son URL publique et utilisez-la comme Redirect URL dans votre formulaire de paiement d’origine.
En résumé
Les formulaires avec paiement contournent le parcours standard de page de fin et envoient directement les répondants vers le paiement.
Après un paiement réussi, vous pouvez utiliser le paramètre Redirect URL pour diriger les utilisateurs là où c’est le plus pertinent pour votre workflow : votre site web, une page d’assistance, une page de réservation ou même une page de confirmation personnalisée créée dans Formaloo.
Vous maîtrisez ainsi entièrement l’expérience après paiement, tout en conservant un processus de paiement fluide et sans interruption 🧡