Avant de garrocher mon ordinateur dans le banc de neige pour la soirée…
J’ai fait une landing page avec Leadpages. Les gens sont invités à réserver (places limitées) en payant d’avance en utilisant Stripe. Je veux pouvoir me servir par la suite du courriel utilisé lors du paiement pour l’ajouter également à ma liste courriel sur MailChimp via Zapier.
J’ai commencé l’intégration de Checkout -simple- sur ma page avec un drop «HTML», mais la customisation du bouton ne fonctionne pas quand je passe par le custom CSS de Leadpages… Du coup, je me demande si je n’aurai pas à passer obligatoirement par Checkout -custom- pour faire les modifications sur le bouton d’origine (et changer le texte du bouton également)…
Bref, je ne suis pas certaine que je fais ça comme il faut…
Si je change la class stripe-button par autre chose, j’ai plus de bouton du tout… Et je ne vois pas comment je pourrais plus changer le texte de mon bouton…
Pourrais-tu me dire si c’est la façon dont je l’insère dans ma Leadpage qui fait que ça pourrait ne pas fonctionner ?
Je ne suis pas capable de faire changer le texte du bouton même en l’ajoutant dans les paramètres. J’ai essayé avec un autre paramètre data-allow-remember-me et le changer pour false ne fonctionne pas non plus…
Peut-être qu’elle est là, la cause de tous les problèmes (customisation du style du bouton inclus)…
J’ajoute un drag and drop HTML et j’ajoute le code HTML. Il y aurait une autre façon de faire ?
Je n’ai pas remplacé ma clé encore parce que je suis encore en test, mais j’ai testé voir si c’était parce que j’étais en preview (des fois que…)… mais ça fonctionne pas plus quand la page est publiée…
J’ai testé avec le code «custom» et je peux modifier mon bouton…
Est-ce qu’ils pourraient avoir bloqué la customisation pour les boutons avec la méthode -simple- ?
C’est ça qui me fait peur pour l’intégration custom:
«The custom integration allows you to use any HTML element or JavaScript event to trigger Checkout. The custom integration requires solid JavaScript skills, and you’ll have to perform all of the requisite steps that a simple integration does for you.»
J’ai pas de super compétences en Javascript, moi !!!
Veux-tu me donner l’URL de ta page où il y a le code que je t’ai donné ci-dessus s’il te plaît? Je vais pouvoir aller voir les erreurs dans la console.
Et remplace la valeur DATA KEY, je suis presque certain que c’est ce qui cause problème.
En revérifiant à tête reposée, j’ai trouvé une coquille dans mon code qui faisait que le texte du bouton ne marchait pas (my bad ! ). Mais j’ai toujours pas trouvé pour le CSS…
Vive le samedi où la tête est plus libre de tous les soucis hebdomadaires ! Tsé quand tu travailles le CSS depuis plus de 5 ans mais que tu n’utilises pas la bonne class…
Bon, la suite n’était pas aussi simple que je le pensais !
J’ai appliqué tout le code pour procéder à la facturation selon ce que Stripe inscrit dans les docs (exemple en PHP)
J’ai même trouvé le site LeadStripe, qui détaille en vidéo la procédure pour intégrer Stripe à une leadpage (en ajoutant des modifications supplémentaire au code de Stripe). Mais je n’ai pas plus de succès…
Après le paiement, j’arrive sur une page blanche… et rien n’est évidemment facturé dans mon dashbord de test sur Stripe !
J’ai un doute que le problème vient de la librairie de Stripe qui ne fonctionne pas comme il faut dans ce cas…
J’ai pris la version «alternative» où je n’ai pas (il me semble) à installer Composer.
Ça fonctionne !!!
J’avais oublié de mettre à jour un fichier…
Pour le bénéfice de tous;
C’est du copier-coller, mais il faut être vraiment être alerte, pas endormie comme moi depuis 8 mois #bébémegardereveillee#jeveuxdormir. Alors pour les somnolents…
Tout est sur cette page: https://stripe.com/docs/checkout/php
1- Faire la landing page
2- Télécharger la librairie de Stripe et mettre le dossier dézippé sur son serveur
3- Copier-coller les codes sur la page (https://stripe.com/docs/checkout/php).
Si vous êtes connectés, vous allez avoir vos codes test en prime dans le code.
Créer des fichiers charge.php et config.php qu’on met sur son serveur en prenant soin de mettre le chemin vers le dossier de la librairie de stripe sur son serveur dans le fichier config.php en haut ex: ( require_once(‘stripe/init.php’); ). Modifier le fichier charge.php selon les besoins.
4- Mettre le troisième code (formulaire) avec un drag-drop HTML, modifier selon les besoins (style et contenu), enregistrer, publier la page et aller chercher le HTML de la page dans les options de publication.
5- Mettre le fichier html au même endroit que les autres fichiers. Testez et vérifier si l’argent est entré dans le Dashboard test de Stripe.
6- Si ça fonctionne, remplacez les codes test par les codes véritables.
Tsé quand tu travailles le CSS depuis plus de 5 ans mais que tu n’utilises pas la bonne class… 
