📱Pages et modèles
Plain Jane Starter inclut des modèles de page essentiels pour créer une boutique e-commerce complète. Ce guide explique ce qui est disponible et comment configurer chaque type de page.
Modèles de page disponibles
Basé sur les fichiers réels du thème, Plain Jane Starter inclut ces modèles :
🛍️ Page de collection
But : Liste et navigation des produits
Fonctionnalités : La page de collection affiche vos produits dans une grille épurée avec des options de tri (En vedette, Prix le plus bas, Nouveautés d'abord, Ordre A-Z). Les clients peuvent parcourir votre catalogue de produits et accéder aux pages produit individuelles.
Configuration : Créez des collections dans l'administration Shopify, ajoutez des produits à vos collections, configurez les paramètres de mise en page de la collection dans les paramètres du thème et testez la fonctionnalité de tri.
📦 Page produit
But : Affichage et achat d'un produit individuel
Fonctionnalités : La page produit présente les produits individuels avec des galeries d'images, la sélection de variantes (taille, couleur, etc.), l'affichage du SKU, les informations de prix, les descriptions de produit, la fonctionnalité d'ajout au panier et une section produits associés en bas.
Configuration : Ajoutez des produits avec des images de haute qualité, rédigez des descriptions détaillées, configurez des variantes si nécessaire, activez le suivi des stocks et testez le processus d'ajout au panier.
📋 Page liste de collections
But : Vue d'ensemble de toutes les collections de la boutique
Fonctionnalités : Affiche toutes vos collections sous forme de grille, permettant aux clients de parcourir et de naviguer vers des collections spécifiques.
Configuration : Créez plusieurs collections dans l'administration Shopify, ajoutez des images de collection, rédigez des descriptions de collection et organisez l'ordre des collections.
📄 Modèle de page par défaut
But : Modèle de page standard pour contenu personnalisé
Fonctionnalités : Un modèle de page de contenu de base pouvant être utilisé pour À propos, FAQ, Politiques ou toute autre page de contenu personnalisée dont vous avez besoin.
Configuration : Créez une page dans l'administration Shopify, sélectionnez le modèle par défaut, ajoutez votre contenu et vos images, configurez les paramètres SEO de la page et créez un lien depuis votre menu de navigation.
📞 Page de contact
But : Communication et demandes des clients
Fonctionnalités : Comprend un formulaire de contact avec validation, zone de message personnalisable, affichage du fuseau horaire montrant votre heure locale et intégration e-mail via Shopify.
Configuration : Créez une page de contact dans Shopify (ou utilisez celle existante), sélectionnez le modèle "Contact", personnalisez le message dans le personnalisateur de thème et configurez votre fuseau horaire dans les paramètres de l'horloge.
🔒 Page mot de passe
But : Protection de la boutique et collecte d'e-mails avant le lancement
Fonctionnalités : Interface de protection par mot de passe pour verrouiller votre boutique, formulaire d'inscription par e-mail pour la collecte de prospects pré-lancement, messages et branding personnalisables, et design responsive pour mobile.
Configuration : Activez la protection par mot de passe dans Shopify Paramètres > Préférences, configurez le design de la page mot de passe dans le personnalisateur de thème, mettez en place le formulaire de collecte d'e-mails et personnalisez les messages et les couleurs.
👤 Pages de compte client
But : Gestion des comptes clients
Fonctionnalités : Plain Jane Starter inclut une fonctionnalité complète de compte client avec page de connexion, page d'inscription, tableau de bord du compte, historique des commandes et gestion des adresses.
Configuration : Activez les comptes clients dans Shopify Paramètres > Paiement, configurez les paramètres des pages de compte dans le personnalisateur de thème et testez le flux de connexion et d'inscription.
🔍 Page de recherche
But : Fonctionnalité de recherche de produits et de contenu
Fonctionnalités : Affiche les résultats de recherche lorsque les clients utilisent la fonction de recherche, montre les produits pertinents et inclut des options de filtrage.
Configuration : La page de recherche fonctionne automatiquement avec la recherche intégrée de Shopify. Testez simplement la fonctionnalité de recherche pour vous assurer qu'elle renvoie des résultats pertinents.
🛒 Page panier
But : Vue complète du panier d'achat
Fonctionnalités : Affiche le panier complet avec tous les articles, quantités et totaux. Cette page est utilisée lorsque le tiroir de panier est désactivé.
Configuration : La page panier fonctionne automatiquement. Vous pouvez personnaliser l'utilisation du tiroir de panier ou de la page panier dans Paramètres du thème > Tiroir de panier.
🚫 Page d'erreur 404
But : Gérer les pages manquantes avec élégance
Fonctionnalités : Messages d'erreur conviviaux, navigation de retour à la boutique et design cohérent avec la marque.
Configuration : La page 404 fonctionne automatiquement. Vous pouvez personnaliser les messages si nécessaire via le code du thème.
🎁 Page carte cadeau
But : Afficher les informations sur les cartes cadeaux
Fonctionnalités : Affiche les détails de la carte cadeau et les informations de remboursement lorsque les clients reçoivent des cartes cadeaux.
Configuration : Fonctionne automatiquement lorsque vous activez et vendez des cartes cadeaux via Shopify.
Ce qui N'est PAS Inclus dans Starter
Plain Jane Starter n'inclut pas les types de page suivants :
❌ Pages Lookbook - Pages de présentation visuelle des produits
❌ Modèles de blog - Pas de pages d'articles de blog ni de liste de blog
❌ Modèle de page À propos - Utilisez plutôt le modèle de page par défaut
❌ Variantes avancées de page produit - Un seul agencement de page produit
Bonnes pratiques de configuration des pages
Pages de collection
Créez des structures de collections logiques qui ont du sens pour vos produits. Ajoutez des descriptions de collection descriptives avec des mots-clés pertinents. Téléchargez des images de collection de haute qualité. Configurez la disposition en grille dans les paramètres du thème. Testez les fonctionnalités de filtrage et de tri. Optimisez pour la navigation mobile.
Pages produit
Ajoutez plusieurs images produit de haute qualité sous différents angles. Rédigez des descriptions détaillées et optimisées pour le SEO. Configurez les variantes de produit (taille, couleur, etc.) si applicable. Configurez le suivi des stocks. Testez minutieusement le flux d'ajout au panier. Optimisez pour les conversions avec des appels à l'action clairs.
Pages de contenu
Rédigez du contenu optimisé pour le SEO avec des mots-clés pertinents. Ajoutez des images pertinentes pour aérer le texte. Incluez des appels à l'action clairs. Liez aux pages et produits connexes. Testez la lisibilité sur les appareils mobiles. Vérifiez la vitesse de chargement et optimisez les images.
Page de contact
Personnalisez le message de contact pour définir les attentes (par ex. « Nous répondons sous 24 heures »). Réglez votre fuseau horaire correct dans les paramètres de l'horloge. Testez l'envoi du formulaire de contact. Vérifiez que les soumissions arrivent bien dans votre e-mail. Vérifiez que le formulaire fonctionne sur les appareils mobiles.
Problèmes courants de configuration des pages
Pages de collection vides
Problème : La page de collection n'affiche aucun produit
Solutions : Ajoutez des produits à la collection dans l'administration Shopify. Assurez-vous que les produits sont en statut « Actif ». Vérifiez que les produits sont disponibles dans votre canal de vente. Contrôlez les conditions et filtres de la collection.
Pages produit incomplètes
Problème : La page produit semble incomplète
Solutions : Ajoutez plusieurs images produit de haute qualité. Rédigez des descriptions complètes. Configurez les variantes si nécessaire. Configurez l'inventaire et les prix. Ajoutez des tags et catégories produit.
Formulaire de contact non fonctionnel
Problème : Les soumissions du formulaire de contact n'arrivent pas
Solutions : Configurez les notifications par e-mail dans les paramètres Shopify. Testez l'envoi du formulaire avec un e-mail réel. Vérifiez votre dossier spam pour les soumissions. Assurez-vous que tous les champs du formulaire fonctionnent correctement.
Comptes clients indisponibles
Problème : Les clients ne peuvent pas créer de comptes
Solutions : Activez les comptes clients dans Shopify Paramètres > Paiement. Choisissez « Les comptes sont facultatifs » ou « Les comptes sont obligatoires ». Testez le flux d'inscription et de connexion. Vérifiez que les notifications par e-mail fonctionnent.
Optimisation mobile
Tous les modèles de Plain Jane Starter sont entièrement responsives et optimisés pour les appareils mobiles. Cependant, vous devriez quand même tester vos pages sur des appareils mobiles réels pour garantir la meilleure expérience.
Liste de contrôle pour les tests mobiles : Testez sur des appareils iOS et Android réels. Vérifiez les temps de chargement sur les réseaux mobiles. Vérifiez le fonctionnement des formulaires et des champs de saisie. Testez les menus de navigation et les menus déroulants. Confirmez la lisibilité du texte sur les tailles mobiles. Vérifiez que les images s'adaptent correctement. Assurez-vous que les boutons sont faciles à toucher.
Optimisation SEO
Chaque modèle de page prend en charge l'optimisation SEO de base via les outils intégrés de Shopify.
Étapes de configuration SEO : Définissez des titres de page uniques et descriptifs. Rédigez des meta descriptions attrayantes (150-160 caractères). Ajoutez un texte alt descriptif à toutes les images. Utilisez des URLs propres et descriptives. Créez des liens internes entre les pages connexes. Assurez des temps de chargement rapides des pages.
Bonnes pratiques SEO : Rédigez un contenu unique et utile pour chaque page. Utilisez les mots-clés naturellement dans votre contenu. Optimisez les images en compressant leur taille. Assurez un design responsive adapté au mobile. Gardez le contenu frais et régulièrement mis à jour. Obtenez des backlinks depuis des sources fiables.
Flux de gestion des pages
Création de nouvelles pages
Planifiez la structure et l'objectif de votre contenu. Créez la page dans l'administration Shopify sous Boutique en ligne > Pages. Sélectionnez le modèle approprié (par défaut ou contact). Ajoutez votre contenu, vos images et la mise en forme. Configurez les paramètres SEO (titre, description, URL). Ajoutez la page à votre menu de navigation. Prévisualisez et testez avant publication. Publiez et faites la promotion de la page.
Mise à jour des pages existantes
Sauvegardez votre contenu actuel avant d'apporter des modifications. Apportez vos mises à jour au contenu, aux images ou aux paramètres. Prévisualisez les modifications dans le personnalisateur de thème. Mettez à jour les informations SEO si le contenu a changé de manière significative. Testez tous les liens pour vous assurer que la navigation fonctionne toujours. Surveillez les performances dans les analytics après la publication des modifications.
Obtenir de l'aide
Pour les problèmes de configuration des pages, référez-vous au guide de démarrage pour les instructions de configuration de base, à la documentation des paramètres du thème pour les options de personnalisation, et à la FAQ & dépannage pour les solutions courantes.
Pour les fonctionnalités manquantes ou les fonctionnalités avancées, consultez l'aperçu des limitations pour comprendre ce qui n'est pas inclus, et envisagez de passer à Plain Jane 3.0 ou Plain Jane Interactive pour plus de fonctionnalités.
Besoin d’aide ?
💬 Rejoignez notre communauté sur Discord : https://discord.gg/hcc2GvgZc6
📧 Envoyez-nous un e-mail à : [email protected]
💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web
Mis à jour