Learn GemPages France Comment Créer une Landing Page Frappante sur Shopify + Exemples

Comment Créer une Landing Page Frappante sur Shopify + Exemples

GemPages Team
Updated:
5 minutes read
Comment Créer une Landing Page Frappante sur Shopify + Exemples

Quel que soit votre type d'activité sur Shopify, les landing pages sont un moyen efficace d'obtenir un taux de conversion élevé. En 2022, par rapport à d'autres types de formulaires d'inscription, les landing pages permettent d'obtenir un taux de conversion 160 % plus élevé!

La création des landing pages pour votre commerce devrait donc être considérée comme une évidence.

Si vous cherchez comment créer une landing page efficace sur Shopify, alors ne cherchez pas plus loin. Cet article a rassemblé tous les éléments essentiels pour vous permettre de partir du bon pied.

Qu'est-ce qu'une Landing Page Shopify et Pourquoi en avez-vous Besoin?

Une landing page est une page web autonome spécialement conçue à des fins de marketing ou de publicité. Le résultat attendu va de la fourniture d'informations à la conclusion d'une vente, en passant par la génération de pistes.

Pour inciter les visiteurs à agir, une landing page est généralement promue via Google Adwords ou Facebook Advertising. À partir de ces emplacements numériques, les clients potentiels peuvent atterrir sur votre landing page, d'où le nom de page "d'atterrissage".

Les landing pages sont essentielles pour tout magasin Shopify afin d'augmenter les conversions. Elles facilitent la conversion des internautes en acheteurs en offrant des expériences personnalisées à différents groupes d'utilisateurs.

De plus, une landing page bien conçue peut laisser une impression favorable aux internautes : Ils seront plus susceptibles de considérer votre entreprise comme professionnelle et digne de confiance.

Voici quelques autres avantages importants que les landing pages peuvent apporter à votre site d'e-commerce :

  • Les vendeurs Shopify peuvent facilement créer et lancer des landing pages pour leurs campagnes marketing.
  • Les campagnes publicitaires payantes peuvent avoir un meilleur retour sur investissement (ROI).
  • Les tests A/B sur certaines landing pages permettent d'identifier les éléments qui se convertissent bien.
  • Les propriétaires de magasins Shopify peuvent en apprendre davantage sur les préférences de leurs publics cibles.

    Quels Sont les Différents Types de Landing Pages de Shopify ?

    1. Page de Capture de clients potentiels

    L'objectif principal d'une page de capture de clients potentiels est de générer des pistes en collectant les données des internautes. Ce type de page est souvent utilisé au moment où les internautes se demandent s'ils doivent continuer à utiliser vos produits/services ou non.

    Pour générer des pistes, un formulaire web comportant des champs de saisie pour le nom, l'adresse, le numéro de téléphone, l'âge et l'adresse électronique est obligatoire. Une fois le formulaire rempli et soumis, les visiteurs recevront une récompense en retour. Les récompenses les plus courantes sont les livres numériques, les échantillons gratuits, les remises ou tout autre avantage numérique.

    2. Page de visualisation

    Une page de visualisation sert de mise en train, préparant les internautes à être envoyés vers une autre page ciblant la conversion via un seul Appel à l'Action (CTA).

    Cette page comprend généralement des graphiques audacieux, un titre accrocheur, des descriptions de produits succinctes et un bouton CTA captivant. L'objectif de cette page est d'inciter les internautes à cliquer sur le bouton et à être ensuite dirigés vers une autre page, où ils pourront effectuer leur conversion immédiatement.

    Les pages de visualisation agissent comme un filtre : En les utilisant, vous avez de grandes chances de gagner la confiance de vos clients et d'envoyer ainsi un trafic de qualité - des internautes plus susceptibles de se convertir - dans vos entonnoirs de vente et de marketing.

    Ce qui vous prenait des semaines ne prend maintenant que quelques minutes avec GemPages
    Avec GemPages, vous pouvez créer des pages professionnelles et à fort taux de conversion sur Shopify. Aucune compétence en matière de codage ou de conception n'est requise.

    3. Page de vente

    Comme son nom l'indique, une page de vente vise à faire des ventes. Ses éléments fondamentaux sont un titre, un corps de texte, un ou plusieurs CTA, des recommandations/avis, une section "À propos de nous" et des vidéos.

    Étant donné que cette page vise à conclure l'affaire, elle est souvent utilisée à la fin de l'entonnoir des ventes.

    Il existe deux types de pages de vente : les pages courtes et les pages longues. Malgré la différence de longueur, elles partagent le même objectif, qui est d'offrir aux internautes des connaissances sur vos produits et, en fin de compte, de les convertir en acheteurs.

    • Page de vente courte : Les pages de vente courtes contiennent apparemment moins d'informations que leurs homologues longues, et tout le contenu de la page pourrait être consulté avec très peu de défilement vers le bas de la page.
    • Page de vente (ou lettre de vente) longue : Celle-ci vous donne beaucoup plus d'espace pour afficher autant d'informations que nécessaire. Vous êtes autorisé à créer une landing page avec de longs paragraphes, des descriptions de produits détaillées et une énorme collection de photos de produits.

    4. Page de démarrage Shopify

    Une page de démarrage est la page qui précède toute autre page de votre site web. L'objectif de cette page est de faciliter l'expérience de l'utilisateur en mettant en avant les informations les plus importantes.

    Les pages de démarrage servent à diverses fins: attirer l'attention sur une annonce importante, promouvoir une offre, afficher une clause de non-responsabilité ou un avertissement.

    La création d'une page de démarrage Shopify peut être aussi simple que l'ajout d'une fenêtre pop-up à votre landing page principale, en fonction de vos objectifs.

    5. Page virale

    Les pages virales sont censées devenir virales : Leur but est de tirer le meilleur parti de la capacité de partage des médias sociaux pour accroître la notoriété de la marque. Pour ce faire, les pages virales mettent l'accent sur le contenu afin d'attirer l'attention et d'inciter les internautes à le partager avec leur entourage. Par conséquent, le contenu des pages virales est souvent tendance et divertissant, et peut contenir des vidéos ou des jeux pour créer un effet de surprise.

    Des liens vers le site web de l'entreprise sont également inclus, mais ils sont généralement affichés de manière très subtile.

    Créer une Landing Page sur Shopify: 3 Façons

    1. Utiliser le système intégré de Shopify (la méthode limitée)

    Étape 1 : Créer un modèle de landing page

    L'éditeur de thèmes de Shopify et les thèmes du magasin en ligne 2.0 constituent un endroit idéal pour commencer à développer votre propre modèle de landing page.

    Dans l'interface d'administration de Shopify, sélectionnez Online Store > Themes. Choisissez le thème que vous souhaitez modifier, puis cliquez sur le bouton Customize.

    customize theme in the shopify admin

    Dans le menu déroulant situé en haut de la page, sélectionnez Create template.

    Vous recevrez un modèle vierge, dans lequel vous pourrez commencer à ajouter du contenu pour créer la landing page souhaitée.

    En savoir plus: Shopify Customization Guide for Beginners

    Étape 2 : Organiser les éléments de votre modèle de landing page

    Dans le menu de gauche, choisissez les éléments que vous souhaitez inclure dans votre landing page et modifiez-les à votre guise.

    Vous pouvez les disposer sur votre page comme vous le souhaitez en les faisant simplement glisser et en les déposant aux endroits souhaités.

    Cliquez sur Save dans le coin supérieur droit pour sauvegarder vos modifications.

    Étape 3 : Créer une nouvelle page

    Pour créer une nouvelle page sur Shopify, dans votre tableau de bord Shopify, cliquez sur Pages > Add Page.

    create a new page on shopify

    Étape 4 : Commencer à créer votre landing page

    Vous pouvez maintenant sélectionner le modèle de landing page que vous avez créé précédemment et commencer à rédiger un contenu original dans la section Page, y compris un titre de page, des images, un texte accrocheur et des boutons d'appel à l'action (CTA).

    use a shopify template to build your landing page

    Vous pouvez utiliser les fonctions d’Optimisation pour les moteurs de recherche de Shopify, telles que Search engine listing preview, pour rendre votre landing page sur Shopify plus conviviale pour les moteurs de recherche.

    2. Utiliser Liquid pour un niveau de personnalisation plus élevé (codage requis)

    Étape 1: Dans la Online Store cliquez sur Theme, pour choisir le thème qui vous convient. Cliquez sur le menu déroulant  Actions, puis sélectionnez Edit Code.

    edit code in the shopify admin

    Étape 2: Allez dans Templates > Add a new template.

    Dans la fenêtre pop-up, vous pouvez choisir un type de modèle et lui donner un nom (par exemple, "landing page ").

    add a new template in the shopify admin

    Étape 3: Une fois le modèle créé, vous accédez à l'éditeur. Modifiez le code HTML, puis cliquez sur Save.

    Pour les non-section templates: Votre modèle est maintenant prêt à être implémenté dans des pages. Pour affecter le modèle à une page, sélectionnez-le dans la liste des suffixes de modèle.

    Pour les sectioned templates: vous devrez créer une nouvelle section si le code que vous souhaitez modifier est caché à l'intérieur d'un élément Section.

    Dans template editor, recherchez l’étiquette Liquid pour la section que vous souhaitez modifier, puis donnez un nouveau nom à l’étiquette (il s'agit de la nouvelle section).

    Après avoir effectué ces ajustements et sauvegardé le modèle, vous devez créer une section avec le nom que vous avez créé précédemment. Allez dans Sections > Add a New Section et nommez la section product-landing-template.

    Allez dans la section Create Section pour continuer la modification. Vous devez supprimer le code par défaut dans l'éditeur. Copiez et collez le code de la section nouvellement créée dans le code du modèle. Vous pouvez ensuite le modifier et l'enregistrer en tant que nouvelle section.

    3. Utiliser GemPages pour créer une landing page à fort taux de conversion (la façon la plus simple)

    Si vous souhaitez aller au-delà de ce que Shopify peut vous offrir, nous sommes là pour vous aider.

    Avec GemPages - Le puissant créateur de pages, vous pouvez créer une landing page magnifique qui convertit incroyablement bien en quelques minutes en choisissant un modèle pré-fait et en glissant et déposant différents éléments de manière intuitive. 

    Vous trouverez ci-dessous un guide rapide qui vous permettra de donner vie à la landing page que vous attendez.

    Étape 1: Allez dans le tableau de bord de GemPages et cliquez sur le bouton Create new page

    GemPages dashboard

     

    Étape 2: Explorez la bibliothèque de modèles pour trouver celui qui correspond à vos besoins.

    GemPages templates

    Une fois que vous avez choisi le modèle, vous pouvez cliquer sur Edit pour commencer à créer votre landing page à votre façon.

    Vous pouvez ajouter du contenu et des éléments visuels, en glissant et déposant des éléments supplémentaires au fur et à mesure que vous en avez besoin dans les sections, comme des boutons d'appel à l'action, des formulaires, des fenêtres pop-up, etc.

    Pour mieux naviguer à travers tous les éléments de l'éditeur de GemPages, veuillez consulter l'article Vue d'ensemble. 

    Étape 3: Lorsque vous êtes satisfait du résultat, cliquez sur le bouton Save.

    La page est alors enregistrée dans une base de données, mais n'est pas encore rendue publique. Vous pouvez avoir un aperçu de votre page en cliquant sur Preview, avant de la mettre en ligne en cliquant sur le bouton Publish

     GemPages Publish

    Ce qui vous prenait des semaines ne prend maintenant que quelques minutes avec GemPages
    Avec GemPages, vous pouvez créer des pages professionnelles et à fort taux de conversion sur Shopify. Aucune compétence en matière de codage ou de conception n'est requise.

    Les Meilleurs Exemples des Landing Pages Shopify pour Vous Inspirer

    Ci-dessous, nous avons rassemblé les meilleurs exemples de landing pages des clients de GemPages et nous expliquons pourquoi chacune d'entre elles est efficace et ce que vous pouvez en tirer pour créer votre propre landing page sur Shopify.

    1. The Factor Formula

    The Factor Formula's landing page
    The Factor Formula's landing page

    The Factor Formula's landing page

    Pourquoi la landing page de The Factor Formula est efficace:

    • Informative mais pas écrasante: Il y a beaucoup d'informations sur cette landing page. Cela dit, les graphiques bien placés et l’organisation du texte aident à briser les choses.
    • Construire la confiance: Tout au long de la landing page, la marque montre du contenu inspirant sous la forme de recommandations de clients, d'images avant-après, et plus encore.

      2. Topaz

      Topaz's landing page

      Topaz's landing page

      Pourquoi la landing page de Topaz est efficace:

      • Un fort accent mis sur la photographie de produits: La landing page présente une série de photos de modèles de maillots de bain pour mieux visualiser l'apparence des maillots de bain dans différents styles de corps.
      • Une conception minimale du site web: Tout au long de la landing page, ils suivent la même formule - des images de produits de haute qualité, un texte simple et séduisant, et la suite avec des CTA appropriés.

      3. Cape Saltie

      Cape Saltie's landing page

      Cape Saltie's landing page

      Cape Saltie's landing page

      Pourquoi la landing page de Cape Saltie est efficace:

      • Utilise des arrière-plans vidéo: La marque ne se contente pas de vous montrer des images fixes-Cape Saltie utilise également de courtes vidéos pour présenter ses produits et services. 
      Un texte convaincant: Cape Saltie a maîtrisé le texte de son site web, le rendant simple mais pas simplifié. Le texte est convivial, compréhensible et facile à parcourir - parfait pour le navigateur Internet moyen d'aujourd'hui.
      Ce qui vous prenait des semaines ne prend maintenant que quelques minutes avec GemPages
      Avec GemPages, vous pouvez créer des pages professionnelles et à fort taux de conversion sur Shopify. Aucune compétence en matière de codage ou de conception n'est requise.

      Conseils Pour Créer une Landing Page Shopify à fort Taux de Conversion

      1. Fixer un objectif clair

      Il s'agit d'un point de départ pour une mise au point forte et nette sur l'ensemble du contenu de votre landing page.

      Chaque landing page doit s'articuler autour d'un seul objectif. Vous serez en mesure de présenter différents éléments d'information dans une structure facile à suivre et dans le bon ordre d'importance lorsque vous aurez un objectif clair en tête.

      Par exemple, si votre objectif est d'augmenter les ventes, il est conseillé de traiter les problèmes des clients plutôt que de vanter les avantages de vos produits.

      2. Identifiez votre public cible et ses besoins

      Le facteur le plus important qui distingue une bonne landing page d'une mauvaise est la manière dont elle répond aux besoins des clients.

      Les visiteurs qui arrivent sur une landing page sont dans un état d'esprit particulier et à la recherche des informations spécifiques. Il est essentiel que vous soyez conscient de leurs intentions de recherche et que vous répondiez à leurs désirs lorsque vous développez des landing pages pour eux.

      Créez une variété de landing pages, chacune visant un groupe d'internaute spécifique, plutôt que de fournir la même expérience à tout le monde.

      Vous pouvez mieux comprendre vos clients en vous posant les questions suivantes:

      • Quel est le profil de vos clients ? Quel âge ont-ils ? Qu’est-ce qu’ils font ? Sont-ils des hommes ou des femmes ?
      • Quels sont les principaux problèmes auxquels ils sont confrontés ? Ou les principales difficultés qu'ils rencontrent et que vos produits pourraient être en mesure de résoudre.
      • Qu'est-ce qui compte pour eux lorsqu'ils effectuent un achat ? Lorsqu'ils choisissent un produit à acheter, quels facteurs - le prix, le service client ou le mode de paiement - sont prioritaires pour eux ?

      3. Déterminez votre proposition de valeur

      Une fois que vous avez cerné les problèmes rencontrés par vos clients, vous devez vous demander comment vos produits peuvent résoudre ces problèmes ou, mieux encore, comment vos produits peuvent constituer la meilleure solution par rapport à d'autres possibilités.

      Votre proposition de valeur est une déclaration qui résume les raisons pour lesquelles les acheteurs choisiraient vos produits ou services, et elle doit occuper une place centrale dans votre landing page.

      L'approche idéale consiste à faire en sorte que votre proposition de valeur aborde les difficultés de votre public cible, l'encourager à prendre des mesures qui vous aideront à atteindre votre objectif, et rester cohérente sur tous contacts.

      Une fois votre proposition de valeur déterminée, veillez à mettre l'accent sur le même message dans tout le contenu de votre landing page.

      gempages landing page value proposition

      Bad Bad présente sa proposition de valeur en texte gras dans la large bannière publicitaire

      Dans l'esprit de donner aux femmes les moyens de vivre leur vie sans regret, la nouvelle collection de bijoux d'affirmation de Bad Bad poursuit le message suivant : "Let go. Allow. Surrender". Bien que cette proposition de valeur puisse sembler un peu trop douce par rapport à l'image audacieuse et forte habituelle de Bad Bad, c'est un rappel affectueux que la vulnérabilité peut en effet être un acte de bravoure. Cela fait certainement écho chez beaucoup de femmes, celles qui sont soumises à une pression constante pour prouver qu'elles sont suffisamment capables pour être aimées et appréciées.

      4. Présenter un message clair et précis

      Tout comme les campagnes d'e-mailing et de publicité, les landing pages ont besoin d'un contenu concis, adapté à la marque et axé sur le public cible pour réussir.

      • Votre corps de texte doit être court et agréable, tout en étant informatif. Si nécessaire, utilisez des puces pour améliorer la lisibilité.
      • Assurez-vous que le message de votre landing page s'aligne sur celui de l'ensemble de la campagne pour maintenir la cohérence de l'identité de la marque.
      • Basez l'ensemble du contenu sur votre proposition de valeur. Lorsque vous décrivez les caractéristiques d'un produit, n'oubliez jamais de les relier à ce que souhaite votre public cible. En d'autres termes, mettez en évidence la manière dont vos produits peuvent améliorer la qualité de vie des clients plutôt que de vous contenter d'énumérer les caractéristiques de vos offres.

      5. Veillez à ce que vos gros titres se démarquent

      La vérité est que nous avons tous une durée d'attention très courte. Dans la plupart des cas, les internautes se contentent de lire les gros titres d'une page pour obtenir les idées essentielles plutôt que de lire le texte dans son intégralité.

      Par conséquent, si vos gros titres ne parviennent pas à capter l'attention des internautes, vous risquez de perdre beaucoup d'argent.

      Alors, comment créer des gros titres qui sortent de l'ordinaire ?

      Utilisez-les comme slogans pour vos produits. En d'autres termes, expliquez clairement dans vos gros titres en quoi vos produits peuvent être bénéfiques pour les utilisateurs.

      Des gros titres simples, directs et suffisamment intéressants ne vous décevront certainement pas. Pour être efficaces, les gros titres efficaces devraient être en mesure de dire aux internautes ce qu'ils ont à y gagner en quelques secondes seulement.

      gempages landing page headlines

      Ace Fitness Equipment présente ses gros titres d'une manière facile à digérer

      Viewers can tell what Ace Fitness Equipment’ PayTomorrow service is at just a glance. These headlines checked all the boxes: short, simple, and directly addressing the common concerns.

      6. Créez un bouton d'Appel À l'Action (CTA) captivant

      Si vous voulez que les internautes fassent des achats, s'abonnent à votre liste de diffusion ou accèdent à certaines pages, vous devez les inciter à agir de la bonne manière.

      L'approche la plus efficace consiste à utiliser un bouton CTA puissant.

      Il s'agit également d'un ingrédient incontournable d'une landing page réussie.

      Il est recommandé de n'inclure qu'un seul CTA sur chaque landing page afin d'éviter les distractions et de s'assurer que vous incitez les internautes à effectuer une seule action à la fois.

      Veillez à ce que vos CTA soient clairs et orientés vers un objectif. Surtout, adaptez-les au stade d'achat de vos visiteurs pour en maximiser l'effet.

      gempages landing page cta buttons

      Aim crée des boutons CTA visuellement attirants dans sa landing page

      Aim n'est pas une simple société de compléments alimentaires, elle se positionne comme une communauté de personnes qui partagent la même devise "Toujours s'améliorer". Ses boutons CTA capturent vraiment l'atmosphère chaleureuse et l'esprit dynamique de croissance personnelle qu'Aim recherche, avec des couleurs néon, des points d'exclamation et une typographie décontractée.

      7. Utilisez des images magnifiques

      Comme le dit le proverbe, une image vaut mille mots. Des images attirantes peuvent non seulement compléter agréablement votre texte, mais aussi être le facteur clé qui permet aux internautes de rester sur la page.

      Impressionnez les internautes dès qu'ils arrivent sur votre page en affichant l'image la plus attirante de votre produit ou service dans la large bannière publicitaire. N'oubliez pas de laisser l'image exprimer votre proposition de valeur; vous voulez certainement que vos internautes comprennent le message principal dès le départ.

      Pensez également à utiliser des vidéos, car elles permettent de décrire facilement le fonctionnement de votre produit. Les vidéos d'arrière-plan peuvent même faire passer les visuels de votre magasin au niveau supérieur, offrant une expérience immersive et interactive très amusante.

      gempages landing page stunning images

      Yoga Strong affiche une série d'images esthétiques d'entraîneurs de yoga sur sa landing page

      Les images disent tout : si vous voulez avoir l'air en forme, en bonne santé et zen comme ces personnes de Yoga Strong, alors n'hésitez pas à vous inscrire à ses séances d'entraînement tout de suite!

      8. Tirez parti de la preuve sociale

      On n'insistera jamais assez sur la confiance que l'on accorde à une marque. Ne manquez jamais une occasion d'afficher de bons retours de vos anciens partenaires ou clients pour prouver la fiabilité de votre entreprise.

      Vous pouvez diversifier votre preuve sociale pour une représentation plus vivante de la crédibilité de votre marque en combinant des avis, des évaluations, des recommandations, des critiques ou même une garantie de remboursement.

      gempages landing page social proof

      Taat crée une page d'avis distincte pour ses fumeurs de tabac afin qu'ils puissent partager leurs avis sur les produits

      En tant que fabricant de substituts du tabac ayant le même goût que les cigarettes traditionnelles, Taat veut certainement montrer comment il peut simuler l'expérience habituelle de la cigarette, voire l’amener à un niveau supérieur. Rien n'est plus authentique que de vraies personnes qui s'expriment, d'où la collection variée de vidéos recommandations de Taat.

      9. Éliminez les obstacles à la conversion

      Votre landing page doit permettre à vos internautes de se convertir aussi facilement que possible ; il convient donc d'éliminer tous les obstacles qui pourraient les empêcher de s'engager sur votre site web. Voici quelques bloqueurs courants que vous voulez sûrement éviter:

      • Un temps de chargement lent: Pour chaque seconde de retard dans le temps de chargement d'une page, un site subit une baisse de 11 % des vues et de 7 % des conversions. Veillez à optimiser vos images avant de les télécharger sur votre boutique. 
      • Un processus de paiement trop long: S'il faut trop de clics pour terminer une commande, vos clients perdront probablement tout intérêt et quitteront la page. Vérifiez attentivement votre procédure de paiement et réduisez les étapes au minimum pour épargner aux acheteurs des maux de tête.
      • Des informations inadéquates: Veillez à ce que vos clients disposent de tous les détails dont ils ont besoin pour prendre des décisions éclairées, notamment les coordonnées, les informations relatives à l'expédition, les politiques de retour, etc.

        10. Améliorez votre optimisation pour les moteurs de recherche (SEO)

        L’optimisation pour les moteurs de recherche joue un rôle important dans l'amélioration de la visibilité de votre page. Plus votre optimisation pour les moteurs de recherche est maximisée, plus vous pouvez attirer de fréquentations et plus vous avez d'opportunités de convertir des prospects en acheteurs.

        La première étape consiste à effectuer une recherche de mots-clés et à déterminer ceux qui conviennent le mieux à votre landing page. Outre l'utilisation de ces mots-clés dans le texte, vous devez les incorporer dans le titre de la page, la méta-description et l'URL.

        Il existe de nombreux outils gratuits disponibles qui vous permettent de vérifier votre classement en matière d’optimisation pour les moteurs de recherche. Pensez à utiliser SEO Site Checkup, Seobility ou SiteChecker pour analyser rapidement l'état de votre page et détecter à l'avance les problèmes potentiels.

        Si vous traduisez vos landing pages, vous devrez également prêter une attention particulière à votre SEO multilinguel.

        Prêt à Créer votre Prochaine Landing Page Shopify?

        C'est à peu près tout ce qu'il y a à savoir sur les landings pages de Shopify. Bien qu'il y ait beaucoup de choses à faire pour en créer une, à ce stade, vous êtes probablement armé de tous les éléments essentiels pour maîtriser l'art et la science de la création de landing pages. Mettons les choses en pratique et commençons à augmenter les ventes de votre entreprise !

        FAQ sur la Landing Page de Shopify

          Topics: 

          Start selling

          Create your Shopify Store with $1/mo in first 3 months

          Create Shopify store

          Start using GemPages

          Explore our brands