Aller au contenu principal

Comment pouvons-nous t'aider ?

Tu as passé commande sur Digistore24

Intégrez le panier d'achats Digistore24 sur votre site web

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

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

Souhaitez-vous suivre vos annonces Facebook sur des appareils iOS avec le panier d'achats ? Puis initialisez le panier comme décrit ici et configurez la validation sur votre propre domaine. Voir ici.  

Les étapes suivantes sont nécessaires pour intégrer le panier d'achats Digistore24 :

1. Intégrez le panier d'achats et ajoutez des liens

a) Intégrez le panier d'achats

i. Via JavaScript

1. Ajoutez le code suivant à votre site web :

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart(); </script>

ii) Via le shortcode WordPress

Le shortcode WordPress ne fonctionne que conjointement avec WordPress et le plugin Digistore24 installé (version 2.17 ou supérieure).

  1. Tout d'abord, installez le plugin Digistore24. Suivez les instructions ici.
  2. Allez à la vue d'édition de votre site web dans WordPress.
  3. Maintenant, entrez le shortcode suivant dans le champ de texte à l'endroit souhaité : [digistore_cart]
  4. Maintenant, ajustez les boutons d'achat de votre produit. Ceci ne doit plus mener directement à votre formulaire de commande. Suivez les instructions ici.
  5. Puis intégrez le bouton du panier. Vous pouvez trouver une description ici.

b) Configurez les liens d'achat

Ce lien ajoutera les produits au panier d'achats lorsque le client cliquera sur votre bouton d'achat.

Important :
Veuillez utiliser uniquement la balise HTML classique pour les liens.

<a href="Link">Texte du lien</a>

Sinon, Digistore24 ne reconnaîtra pas correctement le bouton d'achat.

L'URL d'achat pour le panier est :

https://www.digistore24.com/add/PRODUCT-ID

  1. Remplacez le placeholder PRODUCT-ID par votre ID de produit. Vous pouvez le trouver, par exemple, sous Mon compte > Produits dans la ligne de produit.
  2. Intégrez le lien correctement, comme montré dans les exemples suivants :

Code pour un lien texte :

<a href="https://www.digistore24.com/add/PRODUCT-ID">TEXTE DU LIEN</a>

Code pour un lien image :

<a href="https://www.digistore24.com/add/PRODUCT-ID"><img src="URL-DE-L'IMAGE"/></a>

c) Intégrez le lien/bouton du panier

Pour que le client puisse toujours voir ce qu'il achète et puisse facilement finaliser la commande, intégrez ce lien ou bouton du panier sur votre site web :

https://www.digistore24.com/cart

Exemple :

Code pour un lien texte :

<a href="https://www.digistore24.com/cart">Texte du lien</a>

Code pour un lien image :

<a href="https://www.digistore24.com/cart"><img src="url-versez-l'image-du-bouton"/></a>

d) Optionnel : Intégrer le lien ou le bouton de paiement

Vous pouvez configurer un lien direct vers le formulaire de commande sur votre site web, afin que le client puisse directement entrer les détails de paiement.

L'URL pour cela est :

https://www.digistore24.com/checkout

Code pour un lien texte :

<a href="https://www.digistore24.com/checkout">Texte du lien</a>

Code pour un lien image :

<a href="https://www.digistore24.com/checkout"><img src="url-vers-image-bouton"/></a>

2. Configurer la page de paiement

a) Sur le domaine Digistore24

Vous n'avez rien d'autre à faire sauf si vous souhaitez spécifier votre propre formulaire de commande. Pour ce faire, utilisez l'un des codes suivants (JavaScript ou shortcode WordPress) et remplacez "4321" par l'ID du formulaire de commande.

JavaScript :

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart('orderform_id=4321'); </script>

Shortcode WordPress :

[digistore_cart orderform_id=4321]

b) Sur votre propre domaine

Si vous souhaitez suivre vos annonces Facebook sur le panier d'achat Digistore24 avec des appareils iOS, il est nécessaire d'intégrer le panier d'achat Digistore24 sur votre propre domaine.

  1. Insérez l'un de ces codes :
    • JavaScript : <style> body { margin:0; } </style> <script src='https://www.digistore24.com/service/js/orderform_widget.js'></script><iframe class='ds24_payIFrame' style='overflow: hidden; width: 100%; height: 100%; border: none; margin:0; padding: 0; background: transparent;' src='https://www.digistore24.com/checkout?iframe=1' ></iframe>
    • Shortcode WordPress : [digistore_cart_checkout]
  2. Dans votre initialisation de panier : Passez l'URL de paiement à digistoreCart(). Exemple :
    • JavaScript : <script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart('checkout_url=https://www.mydomain.com/my-checkout_url'); </script>
    • Shortcode WordPress : [digistore_cart checkout_url=https://www.mydomain.com/my-checkout_url]
  3. Remplacez checkout_url=https://www.mydomain.com/my-checkout_url par l'URL de l'étape 1 de la section 3b.
Note

Vous pouvez spécifier à la fois l'URL de paiement et le formulaire de commande en même temps :

JavaScript :

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart('orderform_id=4321 checkout_url=https://www.mydomain.com/my-checkout_url'); </script>

Shortcode WordPress :

[digistore_cart orderform_id=4321 checkout_url=https://www.mydomain.com/my-checkout_url]

3. Options de configuration du panier d'achat Digistore24

Le panier Digistore24 a plusieurs options de configuration. Pour ajouter un paramètre au panier, vous devez étendre votre iframe, JavaScript ou shortcode WordPress avec les options supplémentaires suivantes :

Dans iframe : digistoreCart("Option1 Option2")

Dans le code JavaScript : digistoreCart("Option1 Option2")

Dans le shortcode WordPress : [digistore_cart Option1 Option2]

Paramètres possibles et options associées

Option Description de la configuration
info_position

Spécifie où le message "Ajouté au panier" sera affiché. Valeurs possibles :

  • haut (par défaut) – le message est affiché tout en haut de la fenêtre du navigateur
  • bas – le message est affiché tout en bas de la fenêtre du navigateur
  • Nombre (ex. 50) – le message est affiché à ce nombre de pixels en dessous du bord supérieur de la fenêtre du navigateur
info_sticky Si spécifié, le résumé du panier est toujours affiché et fixé au bord de la fenêtre.
brutto Tous les prix dans le panier sont affichés y compris la TVA. Si ce n'est pas explicitement défini dans le code ou le shortcode, le paramètre du premier produit dans le panier sera appliqué à tous les autres produits.
netto Tous les prix dans le panier sont affichés hors taxes plus TVA. Si ce n'est pas explicitement défini dans le code ou le shortcode, le paramètre du premier produit dans le panier sera appliqué à tous les autres produits.
orderform_id=321 Sélectionne le formulaire de commande qui sera affiché après avoir cliqué sur "Procéder au paiement". Si ce n'est pas explicitement défini dans le code ou le shortcode, le paramètre du premier produit dans le panier sera appliqué à tous les autres produits.
return_url=https://xyz Définit où le client sera redirigé lorsqu'il clique sur le lien "Continuer vos achats" sur le formulaire de commande. Par défaut, le référent HTTP est utilisé, donc le client est redirigé vers la dernière page visitée.
thankyou_url=https://xyz Après l'achat, l'acheteur est redirigé vers cette page.
no_return_button Le lien "Continuer vos achats" est caché sur le formulaire de commande.
currency_symbol Le symbole de la monnaie est affiché sur le formulaire de commande au lieu de l'abréviation de la monnaie (ex. EUR → €).
upsell=XXX

Définit si et comment les ventes incitatives sont affichées dans le processus de commande.

Plusieurs exemples d'applications possibles suivent :
upsell=any Digistore24 sélectionne les ventes incitatives du premier produit dans le panier qui a des ventes incitatives. C'est le paramètre par défaut.
upsell=1234 Affiche les ventes incitatives du produit 1234 après l'achat initial.
upsell=12,34,56,78,12 Affiche les ventes incitatives du produit 12 après l'achat initial s'il est dans le panier. Sinon, les ventes incitatives du produit 34 seront affichées s'il est dans le panier. Sinon, le prochain produit dans la liste sera utilisé. Si aucun des produits énumérés n'a été ajouté au panier, les ventes incitatives du dernier ID de produit dans la liste seront affichées (dans cet exemple, l'ID de produit 12 ; cet ID peut être un ID en double, mais cela ne devrait pas être).
upsell=123,any,456 Affiche les ventes incitatives du produit 123 après l'achat initial si le produit 123 a été ajouté au panier ; sinon, les ventes incitatives de tout autre produit dans le panier (s'il y a des ventes incitatives disponibles) ; sinon, les ventes incitatives du produit 456 seront affichées (même si le produit 456 n'est pas dans le panier).
upsell=123,456,none Si le produit 123 est dans le panier, les ventes incitatives du produit 123 seront affichées après l'achat initial. Sinon, si le produit 456 est dans le panier, les ventes incitatives du produit 456 seront affichées après l'achat initial. Si aucun des produits énumérés n'a des ventes incitatives, aucune vente incitative ne sera affichée après l'achat initial, et le client sera redirigé directement vers la page de remerciement.
upsell=none Désactive complètement l'affichage des ventes incitatives, que les produits dans le panier aient ou non des ventes incitatives.
upsell=first Affiche uniquement les ventes incitatives du premier produit dans le panier. C'est le comportement par défaut pour les ventes qui ne se font pas par le biais d'un panier.
language=en défini la langue en anglais. Par défaut, la langue du premier produit ajouté au panier est utilisée. Les langues possibles actuellement sont : en (anglais) et de (allemand).
orderform_as_popup Lorsque l'acheteur clique sur le bouton "Procéder au paiement", le formulaire de commande Digistore24 s'ouvre dans une nouvelle fenêtre.
tracking=your_tracking_
keyortracking ='Votre clé de suivi'

Ajoute la clé de suivi spécifiée à l'achat (tout comme le paramètre GET ds24tr le fait).

Si la clé de suivi contient des espaces, veuillez utiliser des guillemets (ex. : tracking='ma clé').
currency=USD La monnaie spécifiée est utilisée dans le panier, par exemple EUR ou USD.
quantity_readonly La quantité ne peut pas être changée sur le formulaire de commande. Les produits ne peuvent pas être non plus supprimés.
show_total_amount =some_name Affiche la valeur du panier dans l'élément HTML avec l'ID ou la classe CSS ou le nom correspondant spécifié. Pour ce faire, insérez par exemple, 0 EUR dans le code HTML – 0 EUR sera alors remplacé par la valeur réelle du panier. Si l'acheteur change de produits ou de quantités dans le panier, le montant est automatiquement mis à jour.
afficher_articles_panier=un_nom Affiche le contenu du panier dans l'élément HTML avec l'ID ou la classe CSS ou le nom correspondant spécifié. Pour ce faire, insérez par exemple, /div>
sur_cart_change
=some_js_function

Appelle la fonction JavaScript une_fonction_js(panier) chaque fois que le panier change. panier est un objet avec ces champs :

  • montant_brut– montant brut, ex. 119,00
  • montant_net– montant net, ex. 100,00
  • montant_brut_msg – le montant brut formaté pour affichage direct, ex. : "119,00 €"
  • montant_net_msg – idem pour le montant net, ex. : "100,00 €"
  • monnaie – monnaie
  • articles – tableau avec les articles de commande dans le panier avec ces champs :
    • produit_id
    • montant_brut
    • montant de la tva
    • peut_montrer_le_prix : vrai/faux – si false, aucune valeur ne peut être affichée, par exemple pour les abonnements.
    • quantité_maximale– par exemple, 5 : C'est la quantité maximale que l'acheteur peut acheter du produit.
    • quantité– par ex. : 1
    • is_quantité_en_lecture_seule- true/false
on_message=une
_fonction_d'alerte		 Appelle la fonction JavaScript some_alert_function(type_message, texte_message)chaque fois qu'un message doit être affiché à l'utilisateur. msg_type peut être erreur, avertissement ou info.
voucher=code_promotionnel Ajoute le code de bon code_promotionnel à la commande. Le code de bon est appliqué à la commande (s'il est valide pour le premier produit acheté).
thème=moderne Sélectionne un thème moderne pour le panier. Pour utiliser le thème classique, omettez le paramètre ou définissez : thème=classique
Remarque

Si ce n'est pas explicitement défini dans le code ou le shortcode, le paramètre du premier produit dans le panier sera appliqué à tous les autres produits.

Exemple :

Dans le code JavaScript :

Dans le shortcode WordPress :

[digistore_cart langue=fr suivi net="campagne 1"] 

4. Astuces et conseils pour le panier d'achats Digistore24

Astuce 1 : Aligner les plans de paiement de tous les produits

Si vous vendez des produits par abonnement ou paiements échelonnés, vous devez choisir les mêmes intervalles de facturation pour tous les produits, par exemple, mensuel ou annuel. Cela entraîne un nombre réduit de prélèvements pour le client.

Vous pouvez mélanger des produits à paiement unique avec des produits à abonnement et paiements échelonnés. Digistore24 offrira alors à l'acheteur l'intervalle de facturation qui correspond à tous les produits.

Exemple :

  • Le produit 1 a un paiement annuel et un paiement mensuel.
  • Le produit 2 a un paiement annuel et un paiement semestriel.
  • Le produit 3 n'a qu'un paiement unique.

L'acheteur peut alors ne payer que par paiement annuel.

Si les produits ont des périodes d'essai, la période d'essai la plus courte des produits sélectionnés sera utilisée. Pour s'assurer que les prélèvements sont traités ensemble, il convient également de décider pour tous les produits (y compris les paiements uniques) si la TVA doit être incluse dans le prix ou non.

Vous pouvez ajuster les deux paramètres sous Compte > Produits dans l'onglet détails du produit "Plans de paiement".

Astuce 2 (pour votre concepteur web) : Gardez les fenêtres affichées en permanence

Si votre concepteur web doit styliser le panier, il peut vouloir garder les différentes fenêtres affichées en permanence pour mieux les personnaliser. Pour ce faire, il peut ajouter l'option suivante à l'URL où le panier est intégré :

?ds24debug, par ex., https://www.domaine.com?ds24debug.

Astuce 3 (pour votre développeur web) : Ajouter des produits via JavaScript

Si vous voulez rendre votre site web plus flexible, il existe l'option d'ajouter des produits au panier en utilisant la fonction JavaScript ds24cart_add(), par exemple :

  • ds24cart_add(123)
    ajoute le produit 123 au panier
  • ds24cart_add(123, 3)
    ajoute le produit 123 au panier trois fois

Utilisez ds24cart_show(bouton) pour afficher le panier.

Exemple :

<button onclick="return ds24cart_show(this);">Afficher le panier</button>