Ajouter des scripts supplémentaires et exécuter des scripts uniquement lors de la première visite

Attention

Il s’agit d’un tutoriel avancé, qui n’est pas pris en charge par Shopify. La connaissance des langages de design web tels que HTML, CSS, JavaScript et Liquid est requise. Nous vous suggérons d’engager un(e) Partenaire Shopify si vous n’êtes pas à l’aise avec le tutoriel suivant.

Vous pouvez personnaliser la page de statut de vos commandes en ajoutant des scripts supplémentaires. Vous pouvez également configurer vos scripts pour qu’ils s’exécutent uniquement lors de la première visite.

Ajout de scripts supplémentaires

Attention

Il s’agit d’un tutoriel avancé, qui n’est pas pris en charge par Shopify. La connaissance des langages de design web tels que HTML, CSS, JavaScript et Liquid est requise. Nous vous suggérons d’engager un(e) Partenaire Shopify si vous n’êtes pas à l’aise avec le tutoriel suivant.

Le champ Scripts supplémentaires est utilisé pour insérer du code dans le modèle utilisé pour votre page du statut de commande. Vous pouvez ajouter les éléments suivants :

• HTML - Vous pouvez utiliser n'importe quel code HTML5 valide, par exemple des éléments de script, de style, d'iframe et d'objet.

• Code Liquid – Vous avez accès aux objets Liquid checkout et shop. Pour en savoir plus sur leurs attributs, référez-vous à l’objet « checkout » et à l’objet « shop ».

Exemple de personnalisations de scripts supplémentaires

Voici quelques exemples de personnalisation qui utilisent le champ Scripts supplémentaires :

• Afficher un message lorsqu'un mode d'expédition particulier est utilisé
• Affichage du contenu lorsqu'un certain produit se trouve dans la commande
• Afficher du contenu en fonction des emplacements des clients
• Ajouter un message à la page de statut de commande à l’aide d’un objet JavaScript

Accès aux scripts supplémentaires

Bureau

Pour accéder aux scripts supplémentaires, ouvrez votre interface administrateur Shopify et accédez à Paramètres > Paiement. Sous Page de statut de commande, vous trouverez la section Scripts supplémentaires.

Mobile

Pour accéder aux scripts supplémentaires, ouvrez l’application Shopify et accédez à Boutique > Paiement. Sous Paramètres de la boutique, appuyez sur Paiement. Sous Page de statut de commande, vous trouverez la section Scripts supplémentaires.

Configurer les scripts pour qu’ils s’exécutent uniquement lors de la première visite

Il est courant d’inclure des scripts pour suivre les conversions des ventes sur la page de statut de commande, car il s’agit de la dernière page de l’étape de paiement. Toutefois, les clients qui reviennent pour consulter le statut de leur commande risquent d’être comptés comme une deuxième vente dans vos analyses de données.

Pour éviter que les analyses de données comptent les mêmes clients plus d'une fois, vous pouvez ajouter la propriété first_time_accessed autour de certains de vos scripts supplémentaires, ou te la totalité d'entre eux. Pour ce faire, utilisez une instruction Liquid if et placez tous les scripts que vous ne souhaitez exécuter qu'une seule fois entre des balises {% if first_time_accessed %} et {% endif %}.

Étapes :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Paramètres > Paiement.
2. Dans la section Page de statut de commande, accédez à la zone de texte Scripts supplémentaires.
3. Collez le code suivant dans la case Scripts supplémentaires :

{% if first_time_accessed %}
  // Conversion scripts you want to run only once
{% endif %}

  // Scripts you want to run on every visit

1. Si vous souhaitez qu'un script s'exécute dès le premier accès à la page de statut de commande, collez-le alors entre les balises {% if first_time_accessed %} et {% endif %}. Si vous souhaitez qu'un script s'exécute à chaque accès à la page de statut de commande, collez-le sous la balise {% endif %}.
2. Cliquez sur Save.

iPhone

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Sous Paramètres de la boutique, appuyez sur Paiement.
3. Dans la section Page de statut de commande, accédez à la zone de texte Scripts supplémentaires.
4. Collez le code suivant dans la case Scripts supplémentaires :

{% if first_time_accessed %}
  // Conversion scripts you want to run only once
{% endif %}

  // Scripts you want to run on every visit

1. Si vous souhaitez qu'un script s'exécute dès le premier accès à la page de statut de commande, collez-le alors entre les balises {% if first_time_accessed %} et {% endif %}. Si vous souhaitez qu'un script s'exécute à chaque accès à la page de statut de commande, collez-le sous la balise {% endif %}.
2. Cliquez sur Save.

Android

1. Depuis l’application Shopify, appuyez sur le bouton …, puis sur Paramètres.
2. Sous Paramètres de la boutique, appuyez sur Paiement.
3. Dans la section Page de statut de commande, accédez à la zone de texte Scripts supplémentaires.
4. Collez le code suivant dans la case Scripts supplémentaires :

{% if first_time_accessed %}
  // Conversion scripts you want to run only once
{% endif %}

  // Scripts you want to run on every visit

1. Si vous souhaitez qu'un script s'exécute dès le premier accès à la page de statut de commande, collez-le alors entre les balises {% if first_time_accessed %} et {% endif %}. Si vous souhaitez qu'un script s'exécute à chaque accès à la page de statut de commande, collez-le sous la balise {% endif %}.
2. Cliquez sur Save.