Tuto passer directement du bouton achat au checkout sur shopify

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> et copiez/collez le code ci-dessous juste avant

<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 !

 

Vous souhaitez me remercier et m’encourager à continuer mes tutos?

Alors n’hésitez pas à me faire un petit don même minime car c’est l’intention qui compte 😉

Je veux faire un don

37 commentaires sur “Tuto passer directement du bouton achat au checkout sur shopify

    1. dgeo22

      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)

  1. max

    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. coffin

        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. dgeo22

            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

    1. dgeo22

      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. Emilie

        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)

  2. Gael

    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!

  3. Jenny

    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. dgeo22

      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

  4. Quentin

    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

  5. Camille

    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 !

  6. Dumel

    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?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*
*