Optimisez votre page de statut de commande Shopify (sans avoir besoin de Shopify Plus !)

La page de statut de commande commandes est la page où vos clients arrivent, au moment où ils complètent leur commande. Sur Shopify, à première vue, cette page n'est pas personnalisable pour les personnes qui ne possèdent pas Shopify Plus. Cependant, dans la section /admin/settings/checkout, vous disposez d'un champ appelé Additionnal scripts :

Ici, vous pouvez ajouter des scripts spécifiques - généralement, c'est aussi là que vous voulez mettre les scripts de suivi de conversion, pour déclencher les conversions Facebook, Adwords, ou le tracking de vos referrals..

Mais vous pouvez aussi ajouter du contenu à la page d'état des commandes !

Il s'agit de la page que les clients verront juste après avoir complété leur commande, et c'est particulièrement intéressant pour plusieurs scénarios : ils sont très engagés envers votre marque à ce moment - et le fait qu'ils aient acheté un produit ne doit être que le début de votre histoire.

Cette page  n'est pas une page de remerciement - c'est une opportunité !

Grâce à ce script, vous pourrez ajouter votre propre boîte sur la page :

<script>Shopify.Checkout.OrderStatus.addContentBox( '<h2>Titre de la boîte</h2>', '<p>Contenu de la boîte</p>' ) </script>

Ce faisant, vous avez accès à plusieurs objets liquid dans cet espace : Checkout et Shop.

Cela peut être utile pour plusieurs scénarios. Par exemple, l'exemple principal d'utilisation de Shopify est basé sur la localisation du client, lui proposant de rediriger le nouveau client vers les points de vente physiques, en se basant sur sa localisation et la variable liquid : checkout.shipping_address.country_code == 'GB'

Afficher un formulaire de satisfaction

Une autre utilisation pourrait être d'envoyer les gens à une enquête de satisfaction juste après leur achat, en suivant leur identité via Typeform (et pourquoi pas leur offrir une récompense à la réponse)

Pour cela, dans Typeform, veillez à utiliser les champs cachés (hidden fields) 😉

Pour le style, nous ajoutons un bouton dans la nouvelle boîte créée, en utilisant des variables disponibles :

  • checkout.order.order_name : Numéro de commande, pour tracker de quelle commande vient le commentaire,
  • checkout.email : Email du client
  • checkout.customer.first_name : Prénom du client
<script>
   Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>Bienvenue !</h2>',
    '<p>Nous aimerions beaucoup avoir <a href="https://your.typeform.com/to/xxxx?firstname={{ checkout.customer.first_name }}&email={{ checkout.email }}&code={{ checkout.order.order_name }}">votre avis</a></p><a href="https://your.typeform.com/to/xxxxx?firstname={{ checkout.customer.first_name }}&email={{ checkout.email }}&code={{ checkout.order.order_name }}" style="display: inline-block!important; margin: 1em;padding: 5px 12px !important;min-height: 28px !important;min-width: 120px !important;font-size: 1.06667em;border-radius: 2px;background-color: blue;color: #000;font-weight: 500;font-style: normal;letter-spacing: 0.1em;text-transform: uppercase;line-height: 1.8;text-decoration: none;text-align: center;vertical-align: middle;">C'est parti !</a>'
   )
</script>

En utilisant le même type de script, c'est aussi une excellente façon de les initier à un programme de parrainage, par exemple à la fin du questionnaire ! ✌️

Afficher un message spécial pour un produit en particulier

<script>
 {%for line in checkout.line_items %}
// DEBUG looking at {{ line.title }}
   {%if line.title == 'Title du produit' %}
     Shopify.Checkout.OrderStatus.addContentBox(
       '<p>Vous venez d'acheter Titre du Produit! Génial ! Vous saviez que vous pouviez aussi l'utiliser __________ ? </p>'
     )
   {% endif %}
 {% endfor %}
</script>
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

>

Améliorez les performances de votre boutique ecommerce

Vos produits sont géniaux. Et si on en vendait plus ?

Décollage imminent !

>

Améliorez votre taux de conversion, encore et encore

Quand il n'y en a plus, il y en a encore.

Améliorez les performances de votre site durablement.

>

Automatisez vos opérations marketing

Faire plus en faisant moins.

Rendez vos opérations marketing plus efficaces

Growth Insights • More articles

Your CRM action plan to take your ecommerce store to the next level [checklist included]

Launching an ecommerce store? You have everything ready, your products, your website, your design - even your analytics? Yupee !But how about your CRM ? In this article, we'll review a simple go-to plan you can start with today to extend your CRM capabilities. Let's dive in!

Read →

The Perfect Email Journey to get back +25% of your lost checkouts

I'm sharing here a proven tactic that drive results to get back at least 25% of your lost checkouts, while the e-commerce average is around 8%.

Read →

Facebook Ads Budget & Profitability Calculator

This calculator will let you know which budget you'll need on Facebook - and if your ads are profitable.‍

Read →

Emails Metrics A/B Test Significance Test

This email A/B test significance test will let you know which version of your email A/B test is the most performant - and on which metrics. Plus, we'll display which recommandations you can take.

Read →

How to Create SEO-Optimized FAQs To Get More Traffic

SEO-optimized FAQ for your eCommerce store gives people the information they're looking for without them having to leave your website or call customer service.

Read →

What is a Good Conversion Rate On Shopify? [& Tips On How to Improve Conversions]

To help boost your Shopify store conversion rates, you’ll need a holistic approach.

Read →

The Perfect Product Page Structure for Your Ecommerce Store

The Product Page is the most crucial page of your eCommerce store where conversion takes place.

Read →

How to Use Pinterest To Promote Your eCommerce Store

Pinterest is a great platform to promote your eCommerce business.

Read →

eCommerce Personalization Examples & Tactics For Shopify

Personalizing your eCommerce site is a great way to improve conversion rates.

Read →

Top 10 Direct-to-Consumer Brands you need to benchmark your product page

With the top 10 Direct-to-Consumer brands that we’ve reviewed and was able to gather all the juicy details you need in setting up your e-shop’s product page! Whether you are an entrepreneur in beauty, fashion, lifestyle, or food & wine — we got you covered. Check out our list below to find your perfect match:

Read →

Benchmark - Email strategies you can learn from these DTC Brands

What do customers want to see? Truth is, it really depends on what you offer and how you want to brand your business. Overall, here are the things that we highly suggest you consider when writing your newsletter.

Read →

Growth Blog • D'autres articles

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
▲ hutte • que 2021 soit spécial • réalisé avec attention