Afin de minimiser le tunnel de vente nous allons supprimer l’étape du panier, passant directement à l’étape checkout en cliquant sur le bouton Acheter maintenant

Je vous conseille donc de renommer dans les traductions le Ajouter au panier par Acheter maintenant

1 Rendez vous sur votre administration et cliquez sur « online store »

2 Cliquez sur le bouton Action puis Edit HTML / CSS

3 Trouvez le dossier Sections et cliquez dessus, il va se dérouler afin d’afficher les fichiers qu’il contient

4 Trouvez le fichier product-template.liquid ou product.liquid selon le thème et cliquez dessus

5 Trouvez la partie de code se terminant par </form> ou {% endform %} et copiez/collez le code ci-dessous juste avant (idéalement avant une balise button).

<input type="hidden" name="return_to" value="/checkout" />

7 Il ne vous reste plus qu’a cliquer sur le bouton Save en haut à droite pour valider vos modifications !

Voila vous avez maintenant raccourci votre tunnel de vente au max 😉

Si vous souhaitez avoir en plus un checkout avec une seule page de paiement sur shopify je vous invite à tester cette excellente App qu’est dropicheckout ! Vous m’en direz des nouvelles 😉

Tester DROPICHECKOUT Gratuitement

 

Merci de me laisser une petite note 😉
[Note moyenne: 1 sur 5]

🤗 Vous souhaitez m'encourager à continuer mes Tutos ?

Cliquez sur le bouton ci-dessous pour me laisser un petit pourboire 😉

Payer un coup à Dgeo Dev

Cet article a 57 commentaires

  1. Bonjour je n’arrive pas à ajouter ce code dans mon thème je ne trouve pas le bon endroit .. si vous pourriez m’aidez .. Merci 🙂

    1. Salut, c’est dans sections et le fichier product-template.liquid ou product.liquid ou une fichier avec un from dedans (ctrl + f et rechercher form pour trouver l’endroit)

  2. Bonjour,

    Ca ne change absolument rien. Quand je suis sur la page produit et que je clique sur ajout au panier, j’ai juste mon panier qui apparait sur la droite, mais aucun changement de page etc…

    Merci de votre retour,

    1. Ce système ne fonctionne pas avec le panier sur la droite mais sur un panier de type page

  3. Bonjour, j’ai le thème brooklyn sur mon site et j’ai l’impression que ce ne fonctionne pas pourtant j’ai suivi toute les étapes.

    1. Ce système ne fonctionne pas avec le panier sur la droite mais sur un panier de type page

      1. Après avoir suivi tous les tutos…Le Acheter maintenant que j’ai rajouter dans le bas de page, lui, redirige toujours vers le panier…une solution?
        Et j’en profite pour demander ou changer la couleur du texte de ce  » acheter maintenant  » en bas de page qui n’est pas la même que celui  » normal  » en haut..
        merci encore pour tout
        cordialement

        1. J’ai rajouté le code de redirection vers le checkout en revanche je n’arrive toujours pas à changer la couleur du texte du bouton..( plus qu’un problème ) 🙂

          1. Trouver l’identifiant du bouton son id=… aller dans le theme.scss.liquid ou timber.scss.liquid et reprendre la main dessus #iddubouton et le style que tu veux

        2. Salut, ca ne fonctionne que si le thème a un type de panier page et non modal ni en colonne de droite

  4. Bonjour, qu’est ce que vous appelez par « panier de type page » ?

    1. Bonjour, Panier qui s’affiche au format page donc au clic sur ajouter au panier on arrive sur une panier page contrairement à un panier en popup ou qui apparaît sur le côté droit

      1. et peut on installer ce genre de panier ? je suis sur le theme supply et donc j’ai un panier pop-up, peut on changer cela ?
        (en tout cas merci j’adore votre travail)

        1. Oui dans customize – theme settings – cart – choisir page
          Bonne journée

  5. Salut et déjà merci pour ce que tu fais c’est vraiment bien!
    Pour ce qui est du code à insérer pour accéder directement au checkout, je n’arrive pas du tout à trouver sur la page du code et d’autres. J’utilise le thème Narrative.

    Ca fonctionne différemment pour ce thème?

    Merci pour ton retour!

    1. Salut, va dans snippeds – product-form.liquid tu trouvera le formulaire ici sur ce thème 😉

  6. Bonjour j’ai bien ajouté le code mais quand je clique sur ajouter au panier cela ne m’amène pas directement sur la page de checkout

    1. Bonjour, tu as sans doutes un panier de type modal ou draw, ca ne fonctionne que sur les thèmes avec un panier de type page

  7. Bonjour,

    j’ai mis le code mais je souhaite l’enlever. Je l’ai supprimé et sauvegardé mais çà reste toujours, comment faire? merci

    1. Bonsoir, tu as du mal supprimer la portion de code revérifie et ensuite save. sur le site fait un ctrl + f5 pour vider tes caches et revérifie 😉

  8. Bonjour tout d’abord j’aimerais te dire que je trouve ce que tu as vraiment pratique.
    J’ai pu insérer beaucoup de tes codes sauf celui la.
    J’aimerais avoir aussi s’il est possible après que le client ai mit ajouter au panier, d’aller sur la page voir le panier au lieu de directement check out qui fait un peu aggressif.
    Egalement comment modifier ajouter au panier par acheter maintenant pour tester les deux méthodes

    1. Bonjour et merci pour le com
      Le acheter maintenant se gère dans les traductions de ton thème, pour aller directement au panier il suffit de ne pas faire ce tuto car c’est le fonctionne natif de shopify. ce tuto va justement faire l’inverse t’amener directement au checkout. Bonne soirée

  9. Salut,

    Je ne trouve pas la partie du code qui se termine par mais j’ai <form action…..
    Avec commande F je ne trouve pas nonplus.

    Si je colle devant <form… ça ne change strictement rien.
    Je suis bien sur SECTION. Product template liquid.

    Merci de votre aide

    1. Et je confirme que c’est pour un panier de type page

    2. Bonsoir, tout dépend du thème. regarder dans section si y a une form.liquid ou autre

  10. Bonjour,
    J’utilise le théme Venture donc un panier « page » j’ai trouvé la section, j’ai collé le code mais aucun changement :/ Une idée ?

    1. Bonjour,

      Regarde bien qu’il n’y ai pas des conditions d’affichage ou plusieurs formulaires

  11. Bonjour, j’utilise le thème supply et je ne trouve pas le «  ».
    J’ai regarder et même en faisant le crtl+f je ne le retrouve pas. Du coup je ne sais pas ou rajouter ce bout de code.
    Y-a-t-il une solution svp ? Merci !

    1. Bonjour, Je suis dans la même situation que toi Camille, as tu réussie? Merci

      1. Essayez de trouver une balise button et mettez le code du tuto avant

  12. Bonjour j ‘ai un problème avec ce bout de code il met un temps enorme à faire transiter de ma page produit à ma page check out

    1. Hello, tout dépend du thème et du nombre d’app installées 😉

  13. même problème avec le thème minimal

  14. bonsoir. j’ai monté un site de e commerce et je suis bloqué au niveau du checkout. En effet comment paramétrer cette fonction de manière à importer les articles du panier?

    1. Hello, je suis désolé je n’ai pas compris la question… Importer ? ce tuto passe d’une fiche produit au checkout donc un achat impulsif unitaire

  15. Bonjour, je ne trouve pas le mot même en cherchant avec ctrl + f
    Comment puis-je faire ?
    Je suis sur le thême supply

    1. Hello, essayer de trouver une balise et le coller avant. régulièrement dans product-template.liquid sur supply

  16. Bonjour, je ne trouve pas le mot même en cherchant avec ctrl + f
    Comment puis-je faire ?
    Je suis sur le thême Jumpstart

  17. Salut, Comment peux t’on faire si on utilise l’application GemPages?
    Je precise que je suis avec le theme debut et que, a l’heure actuelle, mes clients sont rediriges vers une page panier.
    Merci a vous 🙂

    1. Bonsoir, Gempages doit venir écraser la modif 🙂 je ne sais pas trop je n’utilise pas gempages désolé 🙂

  18. Bonjour, je suis sur le thèmes Debut et je ne trouve pas la formule
    Une solution ?
    Je suis bien dans dans Sections / product-template.liquid et j’ai essayer avec ctrl+F rien n’y fais
    Merci

    1. Moi aussi la même chose, avez-vous trouvé la solution ?

      Merci bcp!

    2. moi aussi… Avez vous trouvé une solution ?

  19. Bonjour,
    Tout d’abord, un grand BRAVO et MERCI pour tout ton travail et ton partage!.. si précieux !!! Tout ce qui se trouve ici est incroyablement utile, efficace et de grande qualité. Merci encore !
    Je crois avoir rencontré un pb avec ce code : en fait j’ai un pb sur mon site depuis qlques jours. Il arrive parfois (de manière complètement aléatoire apriori) que le bouton ne renvoit pas au checkout comme prévu mais actualise simplement la page.
    Ce n’est pas sytématique, loin de là puisqu’il y a quand même ds ventes, mais en visionnant les captures vidéos (hotjar) on va dire que 1 à 3 fois par jour (sur 3-4 sessions) il y a ce problème. Après avoir galéré à essayer de trouver la source du pb parmi les modifs apportées à mon site… il semblerait que ça vienne de là. Je viens de le supprimer et je serai fixé rapidement pr confirmer ou non. Mais je voulais t’en faire part au cas où ça puisse t’être utile à toi ou à un lecteur de cette page.

    Pour info : thème BROOKLYN

    NB: ne trouvant pas la balise je l’ai collé avant la balise qui me semblait la plus proche et cohérente (en bon NON initié que je suis :-/ ) c’est à dire {% endform %}
    Est-ce que j’ai bien fait ?

    1. Hello, merci pour le sympathique message 😉
      Merci pour la précision mais ca me semble étrange car personne ne m’a remonté ce bug pour le moment. Après c’est peut être du au thème et au mode de panier utilisé. Il faut avoir le mode en page.
      Pour le placement oui c’est parfait et idéalement avant le bouton submit
      Bonne soirée.

  20. Bonjour Dgeo 😉

    Merci tout d’abord pour ce tuto 🙂
    Je suis sur le Thème Speedfly et je viens d’installer Dropicheckout.

    Je souhaite donc aller directement sur le checkout dropicheckout, celà ne fonctionne pas via les outils interne du template.

    Du coup je me tourne vers toi, j’ai cherché avec ta méthode dans « Section » en faisant un CMD + F avec «  » rien à faire, tu aurais une piste peut être 🙂 ?

    Bonne journée à toi 😉

    1. Hello, cela ne fonctionne pas avec Dropicheckout 🙂 il faut rester en mode panier

  21. Bonjour Dgeo Dev je suit sur le théme début et je n’arrive pas a trouver le j’ai déja installer l’aplication dropicheckout. mais je voudrais ajouter ce bout de code pour ne plus que mes client passe par la page panier help pleaseeee .

    1. Hello, si tu ne trouve pas la balise recherche {% endform %} – tuto mis à jour en conséquence au besoin 😉

  22. Bonjour, je suis sur le thèmes Début et je ne trouve pas la formule
    Une solution ?
    Je suis bien dans dans Sections / product-template.liquid et j’ai essayer avec ctrl+F rien n’y fais
    et j’ai dèja installer l’application dropicheckout pour avoir 1 seul page lors du checkout
    Merci

    1. Hello, ce tuto n’est malheureusement pas compatible avec dropicheckout qui n’accepte pas le directcheckout des formulaires. Bonne soirée.

  23. Dans le passage a la caisse je voudrais ajouter un icon pour un paiment personnalise.vous pouvez me montrer comment svp

    1. Bonjour, ce n’est malheureusement pas possible. le checkout est verrouillé par shopify depuis le 1er févreier 2019

  24. Bonjour,
    Avec le thème Debut, j’ai un panier de type pop-up (le client peut continuer ses achats). J’aimerai que le bouton envoie directement sur une panier de type page.
    J’ai lu plus haut que l’on pouvait modifier cela dans customize>theme settings>cart mais je n’ai pas de menu cart dans theme settings.
    Avez-vous une autre solution?

    Merci de votre aide.

    1. Hello, sur le thème debut un panier de type popup ? hum il me semble que seul le type de panier page est disponible sur ce thème ? Peut être un code particulier installé par un developpeur sur votre thème ? Sinon je ne vois pas navré 🙁

  25. Hey, j’ai installé dropicheckout et je vois que ce n’est pas possible apparement ta méthode? Avant d’installer dropi j’avais une appli qui zap le panier justement skip to checkout! Pense tu qu’elle me créer des bugs? On dirai qu’elle essaye de reprendre son taf et me fait repasser par l’ancien checkout! soit je passe par le panier et bon checkout soit elle zap le panier et ancien check out! aurait tu une solution ?
    Merci d’avance

    1. Hello, effectivement ce tuto n’est pas compatible avec les Chechout alternatifs. Bonne journée

Laisser un commentaire

Fermer le menu
×
×

Panier

Tu aimes mes Tutos & mes Articles ?

Alors n'hésites pas à m'encourager à continuer ce Blog !


Je donne 1e à Dgeo Dev

Envie de Booster ton taux de conversion ?

J'ai créé une nouvelle Application Shopify qui devrait te plaire !
Elle va te permettre de créer des Bundles en direct checkout !
N'hésite pas à la tester elle est Gratuite pendant 7 jours

En savoir plus