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

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 →

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 →

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 →

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 →

How to increase click rate on emails?

How to increase click rate on emails? This is a very tricky question because it always depends on a lot of stuff and by a lot we mean — A LOT. So, we suggest to actually follow this checklist that we have formulated to help you get a bigger picture of what should be done. 

Read →

Funnel Review / Colourpop

Colourpop is a great makeup and skincare brand. It is well-known for its cosmetics and well-appreciated by beauty addicts around the world. We were curious how they gained even more popularity, so we did what we love to do - review their funnel. Let’s see all their good practices and what they could improve on their website!

Read →

5 eCommerce Marketing Strategies You Could Implement (Right Now)

The global eCommerce industry is pegged at a whopping $4.89 trillion in 2021, according to Shopify. If you get it right, it’s a profitable and borderless industry that you could take advantage of. 

Read →

Funnel Review / Peloton

Peloton is a brand well-known for its exercise bikes, treadmills and fitness classes. Take a ride with us as we get a closer look at their funnel. Highlight vendor collections - The home page is the most important part of your site. It helps...

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 →

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