Comment intégrer avec les boutons et tableaux de prix Divi

Ce document vous montrera comment utiliser le tableau de prix, le bouton d’appel à l’action et les boutons de Divi pour fonctionner avec les formulaires de superposition sur site et les pages de paiement Stripe hors site de WP Simple Pay.

Dans cet exemple, j’utiliserai l’élément d’appel à l’action de Divi pour lancer un formulaire de superposition sur site.

Une fois que vous avez personnalisé les paramètres de votre texte, le texte du bouton, etc., de votre appel à l’action, il est temps d’ajouter le formulaire WP Simple Pay.

Dans l’onglet Contenu des paramètres d’appel à l’action, faites défiler vers le bas et développez la section Lien.

Vous devrez ajouter un « # » dans le champ URL du lien du bouton, puis sélectionner le formulaire de paiement approprié dans le menu déroulant WP Simple Pay. Une fois que vous avez terminé. Cliquez sur la coche verte Enregistrer.

Vous devez ajouter un « # » dans le champ URL du lien du bouton dans la section Lien pour que le formulaire de paiement se lance correctement. Ceci s’applique à TOUS les boutons Divi, y compris les boutons de tableau de prix et d’appel à l’action.

Lorsque vous utilisez le type de formulaire Paiement Stripe, seuls les formulaires sans champs personnalisés supplémentaires sur site sont disponibles.

Tout est maintenant en place, et le bouton de votre appel à l’action lancera un formulaire de superposition sur site, illustré ci-dessous, ou redirigera vers le paiement Stripe hors site en fonction de votre type de formulaire.

Répétez le processus détaillé ci-dessus pour chaque bouton du tableau des prix, le cas échéant.

Si vous avez tout ajouté correctement et que les formulaires ne se lancent toujours pas, vous devrez peut-être désactiver le paramètre Différer jQuery et jQuery Migrate dans l’onglet Divi → Options du thème → Général → Performances.