Hey, on vas voir ensemble comment afficher un délai de livraison avec une date estimée sur votre page produit.
Ce qui peut augmenter votre taux de conversion assez facilement et rendre un aspect plus professionnel de votre site.
La démarche à suivre
Rendez-vous dans Boutique en ligne -> Thèmes -> Modifier le code
Aller dans le dossier « Snippets » et « Ajouter un nouveau Snippet« , nommer le : shipping-time.liquid
Cliquer sur « Créer un extrait« .
Coller ensuite ce code :
<!– SCRIPT DEVELOPPE PAR ADRIEN MARTINEZ EN FONCTION DE CHAQUE PRODUIT –>
{% if product.id == PRODUCTIDICI %} <!– COLLER VOTRE PRODUCT ID –>
<script type= »text/javascript »>
var dateInt = new Date();
var date;dateInt.setDate(dateInt.getDate() + 3); <!– MODIFIER LE NOMBRE DE JOUR POUR LA LIVRAISON –>
date = (‘0’ + dateInt.getDate()).slice(-2) + ‘/’
+ (‘0’ + (dateInt.getMonth()+1)).slice(-2)
</script>
<img src= »https://cdn.shopify.com/s/files/1/2422/6019/files/garantie-small.gif?3543″ class= »v-gif » width= »20″ > Livraison <b>GRATUITE</b> prévue le <b><script type= »text/javascript »>document.write(date)</script></b>.
<br>
<small>si vous commandez dans les 2 heures.</small>
{% endif %}
Vous l’avez compris, ce code permet de personnaliser le délai de livraison en fonction de votre produit, l’ID produit.
Ce code s’affichera donc uniquement si l’ID de votre produit est le bon.
Comment trouver son product ID ?
Rendez-vous dans votre page des produits dans l’administration, puis cliquez sur l’édition du produit que vous souhaitez.
Vous allez tomber sur la page d’édition du produit. Récupérer l’URL en haut et gardez que les derniers chiffres après le slash.
https://votreboutique.myshopify.com/admin/products/1827578727274
Modifier le délai de livraison
Pour modifier le délai de livraison, c’est la ligne :
dateInt.setDate(dateInt.getDate() + 3);
Modifiez le chiffre 3 qui signifie que le script prends la date du jour et rajoute 3 jours de plus pour afficher la date estimée de livraison.
Il nous reste désormais à ajouter ce script sur la page de votre produit au bon endroit.
Introduire ce script sur la page produit
Pour ce faire, rendez-vous sur votre page : product-template.liquid si vous utilisez un thème standard.
Positionnez là où vous le souhaitez et coller ce code
{%- include ‘shipping-time’ -%}
Le tour est joué !
Si vous avez des questions, n’hésitez-pas : contact@adrienmartinez.fr