Les modèles de page Shopify permettent aux détaillants de lancer rapidement de nouveaux contenus avec une apparence cohérente. Cette approche est si simple et efficace que vous pouvez passer de la création d’un nouveau compte à une boutique Shopify active en seulement 15 minutes.

C’est probablement l’une des raisons pour lesquelles Shopify a conduit et a conduit plus de 500000 détaillants actifs sur sa plate-forme hébergée. Ventes évaluées à plus de 40 milliards de dollars à l’échelle mondiale.

Cet article vous expliquera comment utiliser les modèles de page Shopify, comment trouver le vôtre et comment y accéder rapidement. Personnalisez les modèles de page dans votre boutique Shopify.

Que sont les modèles de page Shopify?

Un modèle de page Shopify est un ensemble personnalisé d’options de mise en page prédéfinies qui modifient l’apparence d’une ou de plusieurs pages lorsque la page est affichée en ligne. Cela inclut des éléments tels que la mise en forme et la mise en page du contenu tel qu’il apparaît sur la page. Il peut également inclure la police, le style et les graphiques.

Dans Shopify, chaque page utilise une mise en page standard lorsque vous créez une nouvelle page. Ce modèle par défaut est utilisé automatiquement, sauf si vous sélectionnez un autre modèle de page.

Pourquoi devriez-vous l’utiliser

Le principal avantage des modèles de page est qu’ils peuvent facilement publier du contenu de manière cohérente.

Dans le passé, les détaillants devaient coder en dur chaque page d’un site Web. Pour obtenir une apparence cohérente, le code devrait être répliqué manuellement d’une page à une autre. Ce code devrait ensuite être modifié pour inclure le contenu de la nouvelle page. Si des modifications devaient être apportées à la mise en page ou à la conception, ces pages devraient être mises à jour et testées individuellement.

L’utilisation de modèles de page dans Shopify simplifie le processus. Un modèle peut être attribué au contenu en un seul clic. Toute modification apportée au fichier de modèle de page maître apparaîtra sur toutes les pages actuellement publiées à l’aide de ce modèle.

Comment choisir les modèles de page Shopify

Lors de la création d’une page, vous avez la possibilité de choisir parmi une liste de modèles de page Shopify prédéfinis qui affecteront la façon dont le contenu est affiché une fois la page publiée et en ligne. Les modèles de page disponibles dans Shopify varient en fonction du thème que vous avez installé.

Vous pouvez toujours voir la liste des modèles de page disponibles lors de la création d’une nouvelle page dans Shopify.

Par exemple, lors de la création d’une nouvelle page à l’aide de la conception initiale par défaut dans Shopify, vous pouvez choisir parmi un nombre limité de modèles de page: le modèle de page standard et le modèle page.contact.

Ajouter une première page de conception standard dans Shopify
Source de l’image: Shopify

Modèles de page Shopify supplémentaires

Les thèmes Shopify incluent également des modèles de page prédéfinis qui ne peuvent pas être sélectionnés lors de la création d’une nouvelle page. Ces modèles sont conçus pour les pages principales de votre boutique en ligne.

Bien que vous ne puissiez pas sélectionner ces modèles lors de la création d’une nouvelle page de contenu, les modèles de page individuels apparaissent dans l’éditeur de rubriques.

Modèles de page dans Shopify
Source de l’image: Shopify

L’éditeur de thème vous offre également des options de personnalisation de base pour vos modèles de page Shopify, ainsi que la possibilité de modifier le code de chaque fichier de modèle (plus d’informations ci-dessous).

Remarque: pour utiliser des modèles de page à partir d’un thème, ce thème doit être publié en tant que thème actif pour votre boutique Shopify.

Voici comment obtenir plus de modèles de page Shopify

Si vous souhaitez plus de modèles de page dans Shopify, plusieurs options s’offrent à vous:

  • Créez vos propres pages de modèle de remplacement à partir de zéro
  • Achetez un thème contenant plus de modèles de page
  • Utilisez une application de création de page comme Shogun avec des modèles de page préinstallés

1. Créez des modèles de page Shopify à partir de zéro

C’est sans doute l’option la plus difficile – du moins pour les personnes qui ne connaissent pas le codage de Shopify ou le code Liquid.

Shopify propose un certain nombre de Tutoriels et assistance avancés Cela vous guidera tout au long du processus de création de modèles de page personnalisés, d’ajout de sections et de modification de votre sujet. Il y a aussi un excellent tutoriel du partenaire Shopify Liam Griffin Comment coder des modèles de page personnalisés avec Liquid.

2. Accédez à plus d’options de modèle de page via les thèmes Shopify

Chaque thème disponible dans la boutique de thèmes Shopify a différentes fonctions et options de conception. Cela inclut divers modèles de page.

Ces modèles de page supplémentaires complètent les modèles de page de base qui existent pour chaque boutique Shopify, comme indiqué ci-dessus. Cela inclut des modèles de pages comprenant:

  • Page d’accueil
  • Page de mot de passe (pour restreindre l’accès aux magasins avant le lancement)
  • Pages de collection
  • Liste des collections
  • Blogs
  • Entreprise de shopping
  • Page d’erreur 404
  • Page de contact

Depuis le bac à sable est un développeur de thèmes bien connu pour Shopify avec une gamme de thèmes premium disponibles dans la boutique de thèmes Shopify. Beaucoup de ces rubriques contiennent des modèles de page supplémentaires que vous pouvez utiliser pour modifier la façon dont le contenu est affiché.

Voici quelques exemples des modèles de page proposés dans leurs thèmes Shopify:

Le modèle page.multi-column utilise une fonction de fractionnement pour diviser plusieurs colonnes sur une page afin que les détaillants n’aient pas à jouer avec le code pour ajouter des modules de contenu dans des colonnes.

Modèle multi-colonnes
Source de l’image: Shopify

Le modèle page.narrow réduit le champ de contenu du modèle de page standard et crée plus d’espaces des deux côtés de votre contenu. Cela permet aux consommateurs de parcourir et de lire plus facilement le contenu.

L’image suivante de Out of the Sandbox compare le modèle de page étroite au modèle de page standard dans Shopify.

modèle page.narrow
Source de l’image: Shopify

Il existe également un modèle de page alternatif, page.wide, qui permet au contenu de la page de remplir toute la largeur de la fenêtre du navigateur.

modèle à l'échelle de la page
Source de l’image: Shopify

L’un des modèles de page les plus populaires est la barre latérale.

Shopify n’a par défaut aucune fonctionnalité native réelle au moment de la rédaction qui prend en charge le contenu personnalisable de la barre latérale.

Ce modèle de page Hors du bac à sable ajoute une barre latérale à gauche de chaque page que vous créez. Vous pouvez remplir cette barre latérale avec des liens de navigation ou d’autres contenus de votre site Web.

Barre latérale
Source de l’image: Shopify

Nous avons ici un guide plus détaillé sur l’ajout d’une barre latérale à votre boutique Shopify si vous souhaitez en savoir plus.

3. Obtenez plus de modèles de pages Shopify avec Shogun

Vous n’avez pas nécessairement besoin d’acheter un thème premium pour accéder à plus de modèles de page dans Shopify.

Alors que l’éditeur visuel de glisser-déposer dans notre Générateur de pages Shogun facilite la conception de pages Shopify personnalisées en quelques clics. Créer des pages à partir de zéro peut toujours être un casse-tête.

C’est pourquoi nous avons inclus des dizaines de modèles de page prédéfinis qui ont été testés dans des magasins de commerce électronique et qui ont démontré leur efficacité.

Modèles de page prêts à l'emploi dans Shogun
Source de l’image: Shogun

Découvrez ce court didacticiel vidéo qui montre à quel point il est facile de sélectionner et de personnaliser des modèles de page dans Shopify à l’aide de Shogun:

Comment modifier les modèles de page Shopify

Il existe deux façons de modifier les modèles de page chargés dans votre conception Shopify.

La première consiste à modifier manuellement le fichier de modèle dans Shopify. Vous pouvez le faire en accédant à Boutique en ligne> Rubriques à partir de votre tableau de bord d’administration Shopify.

Ici, à côté de votre sujet actuel, cliquez sur Personnaliser.

Dans Shopify, cliquez sur Personnaliser
Source de l’image: Shopify

Lorsque la fenêtre de personnalisation s’ouvre, sélectionnez le modèle de page que vous souhaitez modifier dans le menu déroulant du haut. Une fois sélectionné, vous pouvez apporter des modifications fondamentales aux sections et au contenu encodés dans ce modèle de page.

Si vous souhaitez apporter d’autres modifications au modèle de page Shopify, telles que: Par exemple, si vous souhaitez modifier la mise en page ou ajouter des sections qui ne sont pas actuellement disponibles, vous devez modifier le code de chaque fichier de modèle.

Pour plus d’informations, consultez notre guide visuel détaillé à l’adresse Modification des fichiers de rubrique et des modèles de page Shopify.

Ou, pour une autre option, utilisez un éditeur visuel comme Shogun.

Modifiez facilement les modèles de page Shopify avec Shogun

Si vous n’êtes pas entièrement satisfait de l’apparence et du fonctionnement de vos modèles de page dans Shopify, Shogun vous permet de les personnaliser en quelques clics.

Une fois que Shogun est connecté à votre boutique Shopify, vous pouvez importer toutes vos pages et fichiers de modèle. À partir de là, vous pouvez utiliser l’éditeur visuel pour personnaliser le placement du contenu, ajouter des éléments et des sections et republier le contenu sur votre boutique Shopify.

Ajouter des éléments et des sections avec Shogun
Source de l’image: Shopify

Le tout sans modifier aucun code.

Les modèles de page spéciaux sont-ils vraiment si importants?

Vous n’avez pas nécessairement besoin d’un modèle de page différent pour chaque page de votre boutique Shopify. Cependant, les modèles de page personnalisés offrent un certain nombre d’avantages.

Nous avons mentionné précédemment comment les modèles de page facilitent la modification de votre mise en page sur plusieurs pages à l’aide du même modèle.

En outre, des modèles de page Shopify prédéfinis:

  • Accélérez la livraison de pages de destination personnalisées pour les campagnes marketing
  • Vous permet de présenter le contenu sous le meilleur jour pour certains types de pages
  • Attirez l’attention des visiteurs sur la façon dont ils ont trouvé votre entreprise
  • Augmentez les chances de conversion d’un nouveau visiteur

Vous avez bien lu; Vos modèles de page personnalisés peuvent avoir une incidence sur le fait qu’un client achète ou non dans votre boutique.

En effet, Nous avons récemment partagé une étude sur les graphiques marketing Il a comparé les données de conversion entre les pages de destination personnalisées et les pages de produits standard. Les résultats ont montré un écart de performance significatif.

Tableau de référence de la page de destination du site Web de commerce électronique
Source de l’image: Graphiques marketing

De l’image ci-dessus, nous pouvons voir:

  • Plus de pages sont affichées par session si vous arrivez sur un modèle de page personnalisé
  • Taux de conversion élevés pour les pages de destination personnalisées
  • Doublez vos ventes par session avec des modèles de page personnalisés

Lancez la croissance du commerce électronique avec les modèles de page Shopify

Non seulement les modèles de page facilitent le chargement du nouveau contenu et la modification du contenu existant, mais les modèles utilisés dans Shopify peuvent également améliorer les ventes en optimisant l’expérience d’achat du client. Des modèles supplémentaires sont disponibles lors de l’achat d’un thème premium ou via le Application Shogun Page Builder pour Shopify.

Que vous fassiez la promotion de produits ou de catégories individuels ou que vous ayez besoin d’une page de modèle personnalisée pour vos campagnes marketing, les informations ci-dessus peuvent vous aider à contrôler l’affichage du contenu dans votre boutique Shopify.



Source link

Recent Posts