Aller au contenu principal

Comment pouvons-nous t'aider ?

Tu as passé commande sur Digistore24

Configurer le flux d’upsell (JavaScript et bouton d’achat d’upsell)

Cet article a été traduit à l’aide de l’IA

Avez-vous des commentaires sur cette traduction ? Donnez-nous votre avis ici !

Cet article vous montre comment configurer des éléments d’upsell individuels pour votre flux d’upsell et comment les intégrer à votre page d’upsell.

Remarque

Cet article est disponible en quatre variantes :

Ouvrir le Cockpit de conversion

Vous configurez votre flux d'upsell dans le Cockpit de conversion de votre produit initial.

Procédez comme suit :

  1. Dans la vue Vendeur, ouvrez Compte > Produits.
  2. Cliquez sur l'icône à trois points de votre produit initial, puis cliquez sur Accéder au Cockpit de conversion.
  3. Cliquez sur Paramètres.   
  4. Déterminez si les achats en double sont autorisés dans ce flux d'upsell.
  5. Créez l'étape d'upsell. Choisissez l'une des variantes ci-dessous pour continuer.
Proposer un seul produit en upsell

Proposer un seul produit en upsell

Vous proposez un seul produit sur la page d'upsell.

Étape 1 - Ajouter l'élément d'upsell

Procédez comme suit :

  1. Cliquez sur Ajouter un upsell sur le produit initial ou sur un élément d'upsell existant.

    Vous pouvez choisir entre une flèche verte (upsell) et une flèche rouge (downsell) pour l'élément d'upsell.

    La fenêtre de saisie de l'élément d'upsell s'affiche.

  2. À l'étape (1) Type d'upsell, sélectionnez l'option Produits.
  3. Cliquez sur Continuer.
  4. À l'étape (2) Options d'upsell, sélectionnez le produit à vendre dans le champ Produit 1.
  5. Cliquez sur Continuer.
  6. À l'étape (3) Intégration, choisissez l'option Sans plugin WordPress.
  7. Cliquez sur Continuer.
  8. À l'étape (4) Type de bouton, sélectionnez l'option Bouton d'achat d'upsell.
  9. Cliquez sur Continuer.
  10. À l'étape (5) Liens à insérer, les codes pour intégrer l'élément d'upsell à votre page d'upsell seront affichés. Vous en aurez besoin dans la section suivante.
  11. Cliquez sur Enregistrer. L'élément d'upsell est ajouté au flux d'upsell puis fermé.
  12. Vérifiez la page d'upsell.

    Dans l'élément d'upsell, la page d'upsell est affichée dans le champ Page de vente, qui est enregistré dans les paramètres du produit. Si aucune page d'upsell n'est enregistrée, le formulaire de commande est utilisé comme page d'upsell à la place.

    Cliquez sur l'icône en forme de crayon pour ajuster l'URL de la page de vente.

    Remarque
    • Si le produit sélectionné ne peut être vendu qu'en upsell, l'URL du champ Page de vente dans les paramètres du produit sera utilisée.
    • Si le produit sélectionné peut être vendu individuellement et en upsell, l'URL du champ Page d'upsell dans les paramètres du produit sera utilisée.
    • Vous pouvez ouvrir les paramètres du produit en cliquant sur l'ID du produit en haut de l'élément d'upsell.
    • Vous pouvez vérifier si le produit est un pur produit d'upsell ou non. Consultez les Restrictions de vente dans les paramètres du produit sous Up-/Downgrade / Upsell. Vérifiez la page d'upsell.

Étape 2 - Intégrer l'élément d'upsell dans la page d'upsell

Après avoir créé l'élément d'upsell dans le Cockpit de conversion, vous pouvez l'intégrer à votre page d'upsell.

Procédez comme suit :

  1. Ouvrez l'élément d'upsell. Pour ce faire, cliquez sur l'icône en forme de crayon à côté du titre.
  2. Cliquez sur l'étape (5) Liens à insérer.
  3. Dans le champ Conception pour le bouton d'achat d'upsell, sélectionnez un modèle. Vous pouvez modifier des modèles ou en créer de nouveaux.
  4. Copiez la ligne de code depuis le champ JavaScript et collez-la n'importe où dans l'en-tête de votre page d'upsell. Ce script ajoute un ID de session à votre page d'upsell. Ceci est nécessaire pour que l'upsell fonctionne.
  5. Copiez la ligne de code depuis le champ Bouton d'achat d'upsell et collez-la dans votre page d'upsell à l'endroit où les boutons de décision d'achat doivent s'afficher. Cela affichera le bouton d'achat d'upsell.
Proposer des produits alternatifs en vente additionnelle

Proposer des produits alternatifs en vente additionnelle

Vous proposez plusieurs produits alternatifs sur la page d'upsell.

Étape 1 - Ajouter un élément d'upsell

Procédez comme suit :

    1. Cliquez sur Ajouter un upsell sur le produit initial ou sur un élément d'upsell existant.

      Vous pouvez choisir entre une flèche verte (upsell) et une flèche rouge (downsell) pour l'élément d'upsell.

      La fenêtre de saisie de l'élément d'upsell s'affiche.

    2. À l'étape (1) Type d'upsell, sélectionnez l'option Produits.
    3. Cliquez sur Continuer.
    4. À l'étape (2) Options d'upsell, sélectionnez le produit à vendre dans le champ Produit 1.
    5. Cliquez sur Ajouter un produit. Le champ Produit 2 s'affiche. Sélectionnez ici un produit alternatif.
    6. Répétez ce processus pour tous les produits que vous souhaitez proposer en alternatives sur la page d'upsell. Vous pouvez proposer jusqu'à dix produits.
    7. Cliquez sur Continuer.
    8. À l'étape (3) Intégration, choisissez l'option Sans plugin WordPress.
    9. Cliquez sur Continuer.
    10. À l'étape (4) Type de bouton, sélectionnez l'option Bouton d'achat d'upsell.
    11. Cliquez sur Continuer.
    12. À l'étape (5) Liens à insérer, les codes pour intégrer l'élément d'upsell à votre page d'upsell s'affichent. Vous en aurez besoin dans la section suivante.
    13. Cliquez sur Enregistrer. L'élément d'upsell est ajouté au flux d'upsell et fermé.
    14. Vérifiez la page d'upsell.

      Dans l'élément d'upsell, la page d'upsell est affichée dans le champ Page de vente, qui est enregistrée dans les paramètres du produit. Si aucune page d'upsell n'est enregistrée, le formulaire de commande est utilisé comme page d'upsell à la place.

      Cliquez sur l'icône en forme de crayon pour ajuster l'URL de la page de vente.

      Remarque
      • Si le produit sélectionné ne peut être vendu qu'en upsell, l'URL du champ Page de vente dans les paramètres du produit sera utilisée.
      • Si le produit sélectionné peut être vendu individuellement et en upsell, l'URL du champ Page d'upsell dans les paramètres du produit sera utilisée.
      • Vous pouvez ouvrir les paramètres du produit en cliquant sur l'ID du produit en haut de l'élément d'upsell.
      • Vous pouvez vérifier si le produit est exclusivement un produit d'upsell ou non. Voir les Restrictions de vente dans les paramètres du produit sous Up-/Downgrade / Upsell.Vérifiez la page d'upsell.

        Dans l'élément d'upsell, la page d'upsell est affichée dans le champ Page de vente, qui est enregistrée dans les paramètres du produit. Si aucune page d'upsell n'est enregistrée, le formulaire de commande est utilisé comme page d'upsell à la place.

        Cliquez sur l'icône en forme de crayon pour ajuster l'URL de la page de vente.

Étape 2 - Intégrer l'élément d'upsell dans la page d'upsell

Après avoir créé l'élément d'upsell dans le Cockpit de conversion, vous pouvez l'intégrer à votre page d'upsell.

Procédez comme suit :

    1. Ouvrez l'élément d'upsell. Pour ce faire, cliquez sur l'icône en forme de crayon à côté du titre.
    2. Cliquez sur l'étape (5) Liens à insérer.
    3. Dans le champ Design pour le bouton d'achat d'upsell, sélectionnez un modèle. Vous pouvez modifier des modèles ou en créer de nouveaux.
    4. Copiez la ligne de code depuis le champ JavaScript et collez-la n'importe où dans l'en-tête de votre page d'upsell. Ce script ajoute un ID de session à votre page d'upsell. Ceci est nécessaire pour que l'upsell fonctionne.
    5. Copiez toutes les lignes de code Radio for product dans votre page d'upsell, en les plaçant à l'endroit où les alternatives doivent être affichées.
      1. Chaque alternative possède sa propre ligne de code où l'ID du produit est indiqué avec value=\"Produit-XXXXXX\".
      2. Chaque ligne de code crée un bouton radio sur votre page d'upsell pour sélectionner l'alternative correspondante. Les boutons radio ne sont pas étiquetés :
      3. Placez une description et/ou une image à côté de chaque ligne de code pour l'alternative correspondante. 
        <input type="radio" name="digistore-upsell-button-radio" value="product-508535" />Description et/ou image pour le produit avec l'ID 508535.

        Sur la page d'upsell (du point de vue du client) :

         Produit en marron
Produit en bleu
 Produit en rose
    6. Copiez la ligne de code depuis le champ Bouton d'achat d'upsell et collez-la dans votre page d'upsell à l'endroit où les boutons de décision d'achat doivent être affichés. Cela affichera le bouton d'achat d'upsell.
Proposer des quantités alternatives en upsell

Proposer des quantités alternatives en upsell

Vous proposez le même produit en différentes quantités sur la page d'upsell.

Étape 1 - Ajouter un élément d'upsell

Procédez comme suit :

  1. Cliquez sur Ajouter un upsell sur le produit initial ou sur un élément d'upsell existant.

    Vous pouvez choisir entre une flèche verte (upsell) et une flèche rouge (downsell) pour l'élément d'upsell.

    La fenêtre de saisie pour l'élément d'upsell s'affichera.

  2. À l'étape (1) Type d'upsell, sélectionnez l'option Quantité.
  3. Cliquez sur Continuer.
  4. À l'étape (2) Options d'upsell, sélectionnez le produit à vendre dans le champ Sélectionner le produit.
  5. Dans le champ Option 1, saisissez une quantité. Vous ne pouvez indiquer que des nombres entiers. La valeur minimale est 1.
  6. Cliquez sur Ajouter une option de quantité. Le champ Option 2 s'affichera. Saisissez une quantité alternative.
  7. Répétez ce processus pour toutes les options de quantité que vous souhaitez proposer sur la page d'upsell. Vous pouvez proposer jusqu'à dix options.
  8. Cliquez sur Continuer.
  9. À l'étape (3) Intégration, choisissez l'option Sans plugin WordPress.
  10. Cliquez sur Continuer.
  11. À l'étape (4) Type de bouton, sélectionnez l'option Bouton d'achat d'upsell.
  12. Cliquez sur Continuer.
  13. À l'étape (5) Liens à insérer, les codes pour intégrer l'élément d'upsell à votre page d'upsell s'afficheront. Vous en aurez besoin dans la section suivante.
  14. Cliquez sur Enregistrer. L'élément d'upsell est ajouté au flux d'upsell et fermé.
  15. Vérifiez la page d'upsell.

    Dans l'élément d'upsell, la page d'upsell est affichée dans le champ Page de vente, situé dans les paramètres du produit. Si aucune page d'upsell n'est enregistrée, le formulaire de commande est utilisé comme page d'upsell.

    Cliquez sur l'icône en forme de crayon pour ajuster l'URL de la page de vente.

    Remarque
    • Si le produit sélectionné ne peut être vendu qu'en upsell, l'URL du champ Page de vente dans les paramètres du produit sera utilisée.
    • Si le produit sélectionné peut être vendu individuellement et en upsell, l'URL du champ Page d'upsell dans les paramètres du produit sera utilisée.
    • Vous pouvez ouvrir les paramètres du produit en cliquant sur l'ID du produit en haut de l'élément d'upsell.
    • Vous pouvez vérifier si le produit est exclusivement vendu en upsell ou non. Consultez les Restrictions de vente dans les paramètres du produit sous Up-/Downgrade / Upsell.
     

Étape 2 - Intégrer l'élément d'upsell à la page d'upsell

Après avoir créé l'élément d'upsell dans le Cockpit de conversion, vous pouvez l'intégrer à votre page d'upsell.

Procédez comme suit :

  1. Ouvrez l'élément d'upsell. Pour ce faire, cliquez sur l'icône en forme de crayon à côté du titre.
  2. Cliquez sur l'étape (5) Liens à insérer.
  3. Dans le champ Conception du bouton d'achat d'upsell, sélectionnez un modèle. Vous pouvez modifier des modèles ou en créer de nouveaux.
  4. Copiez la ligne de code du champ JavaScript et collez-la n'importe où dans l'en-tête de votre page d'upsell. Ce script ajoute un ID de session à votre page d'upsell. Ceci est nécessaire pour que l'upsell fonctionne.
  5. Copiez toutes les lignes de code Radio pour l'option dans votre page d'upsell, en les plaçant à l'endroit où les alternatives proposées doivent être affichées.
    1. Chaque alternative possède sa propre ligne de code, où la quantité de produit est spécifiée avec value=\"qty-X\".
    2. Chaque ligne de code crée un bouton radio sur votre page d'upsell pour sélectionner l'alternative correspondante. Les boutons radio sont sans libellé :
    3. Placez une description et/ou une image à côté de chaque ligne de code pour l'alternative correspondante. 
      <input type="radio" name="digistore-upsell-button-radio" value="qty-3" />Description et/ou image pour la quantité 3.

      Sur la page d'upsell (du point de vue du client) :

       3 unités pour 60 €
5 unités pour 90 €
7 unités pour 120 €
  6. Copiez la ligne de code du champ Bouton d'achat d'upsell et collez-la dans votre page d'upsell à l'endroit où les boutons de décision d'achat doivent être affichés. Cela affichera le bouton d'achat d'upsell.
Proposez des plans de paiement alternatifs en tant qu'upsell

Proposez des plans de paiement alternatifs en tant qu'upsell

Vous proposez le même produit avec différents plans de paiement sur la page d'upsell.

Étape 1 - Ajouter un élément d'upsell

Procédez comme suit :

  1. Cliquez sur Ajouter un upsell sur le produit initial ou sur un élément d'upsell existant.

    Vous pouvez choisir entre une flèche verte (upsell) et une flèche rouge (downsell) pour l'élément d'upsell.

    La fenêtre de saisie pour l'élément d'upsell s'affiche.

  2. À l'étape (1) Type d'upsell, sélectionnez l'option Plan de paiement.
  3. Cliquez sur Continuer.
  4. À l'étape (2) Options d'upsell, sélectionnez le produit à vendre dans le champ Sélectionner le produit.
  5. Dans le champ Plan de paiement 1, choisissez un plan de paiement.
  6. Cliquez sur Ajouter un plan de paiement. Le champ Plan de paiement 2 s'affiche. Choisissez un plan de paiement alternatif.
  7. Répétez ce processus pour tous les plans de paiement que vous souhaitez proposer sur la page d'upsell. Vous pouvez proposer jusqu'à dix options.
  8. Cliquez sur Continuer.
  9. À l'étape (3) Intégration, choisissez l'option Sans plugin WordPress.
  10. Cliquez sur Continuer.
  11. À l'étape (4) Type de bouton, sélectionnez l'option Bouton d'achat d'upsell.
  12. Cliquez sur Continuer.
  13. Dans (5) Liens à insérer, les codes pour intégrer l'élément d'upsell dans votre page d'upsell s'affichent. Vous en aurez besoin dans la section suivante.
  14. Cliquez sur Enregistrer. L'élément d'upsell est ajouté au flux d'upsell et fermé.
  15. Vérifiez la page d'upsell.

    Dans l'élément d'upsell, la page d'upsell est affichée dans le champ Page de vente, qui est enregistré dans les paramètres du produit. Si aucune page d'upsell n'est enregistrée, le formulaire de commande est utilisé comme page d'upsell à la place.

    Cliquez sur l'icône en forme de crayon pour ajuster l'URL de la page de vente.

    Remarque
    • Si le produit sélectionné ne peut être vendu qu'en upsell, l'URL du champ Page de vente dans les paramètres du produit sera utilisée.
    • Si le produit sélectionné peut être vendu individuellement et en upsell, l'URL du champ Page d'upsell dans les paramètres du produit sera utilisée.
    • Vous pouvez ouvrir les paramètres du produit en cliquant sur l'ID du produit en haut de l'élément d'upsell.
    • Vous pouvez vérifier si le produit est exclusivement un produit d'upsell ou non. Consultez les Restrictions de vente dans les paramètres du produit sous Up-/Downgrade / Upsell.
     

Étape 2 - Intégrer l'élément d'upsell sur la page d'upsell

Après avoir créé l'élément d'upsell dans le Cockpit de conversion, vous pouvez l'intégrer à votre page d'upsell.

Procédez comme suit :

  1. Ouvrez l'élément d'upsell. Pour ce faire, cliquez sur l'icône en forme de crayon à côté du titre.
  2. Cliquez sur l'étape (5) Liens à insérer.
  3. Dans le champ Design pour le bouton d'achat d'upsell, sélectionnez un modèle. Vous pouvez modifier des modèles ou en créer de nouveaux.
  4. Copiez la ligne de code depuis le champ JavaScript et collez-la n'importe où dans l'en-tête de votre page d'upsell. Ce script ajoute un ID de session à votre page d'upsell. Ceci est nécessaire pour que l'upsell fonctionne.
  5. Copiez toutes les lignes de code Radio for option dans votre page d'upsell, en les plaçant à l'endroit où les alternatives proposées doivent être affichées.
    1. Chaque alternative possède sa propre ligne de code, où le plan de paiement est spécifié avec value=\"payplan-XXXXXX\".
    2. Chaque ligne de code crée un bouton radio sur votre page d'upsell pour sélectionner l'alternative correspondante. Les boutons radio ne sont pas étiquetés :
    3. Placez une description et/ou une image à côté de chaque ligne de code pour l'alternative correspondante. 
      <input type="radio" name="digistore-upsell-button-radio" value="payplan-410156" />Description et/ou image pour le plan de paiement avec l'ID 410156.

      Sur la page d'upsell (du point de vue du client) :

       Paiement unique = 49 €
 3x 18 € = 54 €
 5x 12 € = 60 €
  6. Copiez la ligne de code depuis le champ Bouton d'achat d'upsell et collez-la dans votre page d'upsell à l'endroit où les boutons de décision d'achat doivent être affichés. Cela affichera le bouton d'achat d'upsell.