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.
- Vous avez un site WordPress et utilisez le plugin WordPress Digistore24.
- Pour afficher les boutons de décision d’achat, vous souhaitez utiliser le widget Digistore24 bouton d’achat d’upsell.
RemarqueCet article est disponible en quatre variantes :
- JavaScript avec bouton d’achat d’upsell
- WordPress avec bouton d’achat d’upsell
- JavaScript avec boutons personnalisés
- WordPress avec boutons personnalisés
Ouvrir Cockpit de conversion
Vous configurez votre flux d’upsell dans le Cockpit de conversion de votre produit initial.
Procédez comme suit :
- Dans la vue Vendeur, ouvrez Compte > Produits.
- Cliquez sur l’icône à trois points de votre produit initial, puis cliquez sur Aller à Cockpit de conversion.
- Cliquez sur Paramètres.
- Déterminez si les achats en double sont autorisés dans ce flux d’upsell.
- Créez l’étape d’upsell. Choisissez l’une des variantes ci‑dessous pour continuer.
Proposer un seul produit en upsell
Vous proposez un seul produit sur la page d’upsell.
Étape 1 - Ajouter un élément d’upsell
Procédez comme suit :
- Cliquez sur Ajouter un upsell sur le produit initial ou sur un élément d’upsell existant.
Pour l’élément d’upsell, vous pouvez choisir entre une flèche verte (upsell) et une flèche rouge (downsell).
La fenêtre de saisie de l’élément d’upsell s’affiche.
- À l’étape (1) Type d’upsell, sélectionnez l’option Produits.
- Cliquez sur Continuer.
- À l’étape (2) Options d’upsell, sélectionnez le produit à vendre dans le champ Produit 1.
- Cliquez sur Continuer.
- À l’étape (3) Intégration, choisissez l’option Avec le plugin WordPress.
- Cliquez sur Continuer.
- À l’étape (4) Type de bouton, sélectionnez l’option Bouton d’achat d’upsell.
- Cliquez sur Continuer.
- À 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.
- Cliquez sur Enregistrer. L’élément d’upsell est ajouté au flux d’upsell et fermé.
- Vérifiez la page d’upsell.
Dans l’élément d’upsell, la page d’upsell s’affiche dans le champ Page de vente, tel que défini 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 s’il s’agit d’un produit exclusivement 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 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 :
- Ouvrez l’élément d’upsell. Cliquez sur l’icône en forme de crayon à côté du titre.
- Cliquez sur l’étape (5) Liens à insérer.
- Dans le champ Design pour le bouton d’achat d’upsell, sélectionnez un modèle pour le bouton d’achat d’upsell. Vous pouvez modifier des modèles ou en créer de nouveaux.
- Copiez le shortcode WordPress depuis le champ Bouton d’achat d’upsell et collez‑le 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 upsell
Vous proposez plusieurs produits alternatifs sur la page d’upsell.
Étape 1 - Ajouter un élément d'upsell
Procédez comme suit :
- 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.
- À l'étape (1) Type d'upsell, sélectionnez l'option Produits.
- Cliquez sur Continuer.
- À l'étape (2) Options d'upsell, sélectionnez le produit à vendre dans le champ Produit 1.
- Cliquez sur Ajouter un produit. Le champ Produit 2 s'affiche. Sélectionnez ici un produit alternatif.
- Répétez ce processus pour tous les produits que vous souhaitez proposer comme alternatives sur la page d'upsell. Vous pouvez proposer jusqu’à dix produits.
- Cliquez sur Continuer.
- À l'étape (3) Intégration, choisissez l'option Avec le plugin WordPress.
- Cliquez sur Continuer.
- À l'étape (4) Type de bouton, sélectionnez l'option Bouton d'achat d'upsell.
- Cliquez sur Continuer.
- À l'étape (5) Liens à insérer, les codes permettant d'intégrer l'élément d'upsell à votre page d'upsell s'affichent. Vous en aurez besoin dans la section suivante.
- Cliquez sur Enregistrer. L'élément d'upsell est ajouté au flux d'upsell et fermé.
- 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, tel qu'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 s'il s'agit d'un produit d'upsell pur ou non. Voir les Restrictions de vente dans les paramètres du produit sous Up-/Downgrade / 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 :
- Ouvrez l'élément d'upsell. Cliquez sur l'icône en forme de crayon à côté du titre.
- Cliquez sur l'étape (5) Liens à insérer.
- Dans le champ Design du bouton d'achat d'upsell, sélectionnez un modèle. Vous pouvez modifier des modèles ou en créer de nouveaux.
- Copiez les shortcodes WordPress pour tous les produits alternatifs et collez-les dans votre page d'upsell aux emplacements appropriés où les alternatives doivent être affichées.
- Chaque alternative possède son propre shortcode dans lequel l'ID du produit est spécifié avec
value="product-XXXXXX". - Chaque shortcode génère un bouton radio sur votre page d'upsell pour sélectionner l'alternative correspondante. Les boutons radio sont libellés à l'aide de l'attribut
labeldans le shortcode :label="Produit XXXXXX" - Pour modifier le libellé, changez la valeur dans l'attribut
label.Sur la page d'upsell (du point de vue du client) :
Produit en marron Produit en bleu Produit en rose
- Chaque alternative possède son propre shortcode dans lequel l'ID du produit est spécifié avec
- Copiez le shortcode WordPress depuis le champ Bouton d'achat d'upsell et collez-le 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
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 :
- 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.
- À l'étape (1) Type d'upsell, sélectionnez l'option Quantité.
- Cliquez sur Continuer.
- À l'étape (2) Options d'upsell, sélectionnez le produit à vendre dans le champ Sélectionner le produit.
- Dans le champ Option 1, saisissez une quantité. Vous ne pouvez indiquer que des nombres entiers. La valeur minimale est 1.
- Cliquez sur Ajouter une option de quantité. Le champ Option 2 sera affiché. Saisissez une quantité alternative.
- 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.
- Cliquez sur Continuer.
- À l’étape (3) Intégration, choisissez l’option Avec le plugin WordPress.
- Cliquez sur Continuer.
- À l’étape (4) Type de bouton, sélectionnez l’option Bouton d’achat d’upsell.
- Cliquez sur Continuer.
- À 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.
- Cliquez sur Enregistrer. L’élément d’upsell est ajouté au flux d’upsell et fermé.
- Vérifiez la page d’upsell.
Dans l’élément d’upsell, la page d’upsell s’affiche dans le champ Page de vente, qui est défini 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 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 :
- Ouvrez l’élément d’upsell. Cliquez sur l’icône en forme de crayon à côté du titre.
- Cliquez sur l’étape (5) Liens à insérer.
- 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.
- Copiez les shortcodes WordPress pour toutes les quantités alternatives et collez-les dans votre page d’upsell à l’emplacement où les alternatives doivent être affichées.
- Chaque alternative possède son propre shortcode, où la quantité est spécifiée avec
value=\"qty-X\". - Chaque shortcode génère un bouton radio sur votre page d’upsell pour sélectionner l’alternative correspondante. Les boutons radio sont libellés avec l’attribut
labeldans le shortcode :label=\"Quantité X\" - Pour modifier le libellé, changez la valeur de l’attribut
label.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 €
- Chaque alternative possède son propre shortcode, où la quantité est spécifiée avec
- Copiez le shortcode WordPress depuis le champ Bouton d’achat d’upsell et collez-le dans votre page d’upsell à l’emplacement où les boutons de décision d’achat doivent être affichés. Cela affichera le bouton d’achat d’upsell.
Proposer des plans de paiement alternatifs en 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 :
- Cliquez sur Ajouter un upsell sur le produit initial ou sur un élément d’upsell existant.
Pour l’élément d’upsell, vous pouvez choisir entre une flèche verte (upsell) et une flèche rouge (downsell).
La fenêtre de saisie de l’élément d’upsell s’affiche.
- À l’étape (1) Type d’upsell, sélectionnez l’option Plan de paiement.
- Cliquez sur Continuer.
- À l’étape (2) Options d’upsell, sélectionnez le produit à vendre dans le champ Sélectionner le produit.
- Dans le champ Plan de paiement 1, choisissez un plan de paiement.
- Cliquez sur Ajouter un plan de paiement. Le champ Plan de paiement 2 sera affiché. Choisissez un plan de paiement alternatif.
- 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.
- Cliquez sur Continuer.
- À l'étape (3) Intégration, choisissez l'option Avec le plugin WordPress.
- Cliquez sur Continuer.
- À l'étape (4) Type de bouton, sélectionnez l'option Bouton d'achat d'upsell.
- Cliquez sur Continuer.
- À 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.
- Cliquez sur Enregistrer. L'élément d'upsell est ajouté au flux d'upsell et fermé.
- Vérifiez la page d'upsell.
Dans l'élément d'upsell, la page d'upsell est celle indiquée dans le champ Page de vente des 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 produit d'upsell pur ou non. Voir les Restrictions de vente dans les paramètres du produit sous Up-/Downgrade / 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 :
- Ouvrez l'élément d'upsell. Cliquez sur l'icône en forme de crayon à côté du titre.
- Cliquez sur l'étape (5) Liens à insérer.
- Dans le champ Design du bouton d'achat d'upsell, sélectionnez un modèle. Vous pouvez modifier des modèles ou en créer de nouveaux.
- Copiez les shortcodes WordPress pour tous les plans de paiement alternatifs et collez-les dans votre page d'upsell à l'endroit où les alternatives doivent être affichées.
- Chaque alternative possède son propre shortcode où le plan de paiement est spécifié avec
value="payplan-XXXXXX". - Chaque shortcode génère un bouton radio sur votre page d'upsell pour sélectionner l'alternative correspondante. Les boutons radio sont étiquetés avec l'attribut
labeldans le shortcode :label="Payment Plan XXXXXXX" - Pour modifier l'étiquette, modifiez la valeur de l'attribut
label.Sur la page d'upsell (du point de vue du client) :
Paiement unique = 49 € 3x 18 € = 54 € 5x 12 € = 60 €
- Chaque alternative possède son propre shortcode où le plan de paiement est spécifié avec
- Copiez le shortcode WordPress depuis le champ Bouton d'achat d'upsell et collez-le 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.