Élément JavaScript du statut de la commande

Cette page a été imprimée le Jun 01, 2023. Pour la dernière version, allez à https://help.shopify.com/fr/manual/orders/status-tracking/customize-order-status/order-status-javascript-asset.

Vous pouvez ajouter du JavaScript à la page de statut de commande de votre passage à la caisse à l’aide de la zone Scripts supplémentaires de l’interface administrateur Shopify.

L'élément JavaScript Shopify.Checkout.OrderStatus peut être utilisé pour ajouter plusieurs types de contenu à la page de statut de votre commande, notamment :

  • des notes sur des produits spécifiques ;
  • des instructions pour les méthodes d'expédition individuelles ;
  • des liens de téléchargement pour les produits numériques.

Cette ressource JavaScript est également accessible via ScriptTag.

Sur cette page

Comment ça marche ?

Shopify.Checkout.OrderStatus contient une fonction permettant de générer du nouveau contenu :

addContentBox(params)

Cette fonction ajoute une zone de contenu dans laquelle chaque paramètre transmis à la fonction apparaît en tant que ligne distincte.

HTML5 est pris en charge dans la fonction, et vous pouvez utiliser Liquid en dehors de celle-ci.

Exemple

Vous pouvez ajouter du contenu lorsqu'un mode d'expédition particulier a été utilisé :

<script>
  {% if checkout.shipping_method.title == 'Pick-up at the store' %}
    Shopify.Checkout.OrderStatus.addContentBox(
     '<h2>Pick-up in store</h2>',
     '<p>We are open everyday from 9am to 5pm.</p>'
    )
  {% endif %}
</script>

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement