Ajout, prévisualisation et achat de thèmes
Lorsque vous ouvrez un compte avec Shopify et pour vous aider à démarrer, un thème par défaut est configuré à la page Thèmes de votre interface administrateur. Si vous souhaitez personnaliser un thème différent pour votre boutique en ligne, vous devrez l’ajouter à votre interface administrateur.
Vous pouvez ajouter un thème de l’une des manières suivantes :
- Vous pouvez décrire votre entreprise avec vos propres mots et générer un thème personnalisé gratuit avec l’intelligence artificielle.
- Vous pouvez ajouter un thème gratuit depuis votre interface administrateur Shopify.
- Vous pouvez essayer un thème payant depuis la boutique des thèmes de Shopify. Vous pouvez afficher un aperçu de n’importe quel thème et le personnaliser à l’aide de l’éditeur de thème. Vous devez acheter un thème avant de pouvoir le publier sur votre boutique en ligne.
- Si vous avez déjà un thème dans un fichier ZIP sur votre ordinateur, vous pouvez le mettre en ligne.
Si vous êtes un(e) développeur(-euse) ou si vous travaillez avec un(e) partenaire ou une agence Shopify, vous pouvez également ajouter un thème à votre boutique des façons suivantes :
- Vous pouvez ajouter un thème hébergé par GitHub à votre boutique en utilisant l’intégration Shopify GitHub.
- Vous pouvez installer un thème dans votre boutique en utilisant l’outil CLI de Shopify.
Vous pouvez ajouter plusieurs thèmes à votre compte pour en essayer de nouveaux, conserver les versions saisonnières de votre thème publié ou tester les modifications apportées à une copie de votre thème publié. Vous pouvez prévisualiser l’un de ces thèmes, mais un seul thème peut être publié à la fois. Lorsque vous passez à un nouveau thème, vous pouvez toujours accéder à votre ancien thème à la page Themes (Thèmes) de Shopify.
Après avoir ajouté un thème, vous pouvez créer un lien afin de pouvoir partager un aperçu d’un thème non publié avec d’autres personnes. Cela peut être utile si cherchez à obtenir un retour d’expérience avant de publier un nouveau thème ou de lancer votre boutique en ligne. Vous ne pouvez pas partager un aperçu de votre thème publié.
Sur cette page
- Critères d’admissibilité au thème
- Générer un thème gratuit avec l’intelligence artificielle
- Ajouter un thème gratuit depuis l’interface administrateur
- Essayer un thème payant de la Boutique des thèmes de Shopify
- Ajouter un thème de la Boutique de thèmes de Shopify
- Importer un fichier de thème à partir de votre ordinateur
- Changement de thème
- Aperçu du thème
Critères d’admissibilité au thème
Passez en revue les exigences d’admissibilité suivantes pour ajouter des thèmes à votre boutique ou organisation :
- Le nombre maximum de thèmes que vous pouvez ajouter dépend de votre forfait : - Les boutiques bénéficiant du forfait Starter ne peuvent ajouter que le thème Spotlight. - Les boutiques et les organisations bénéficiant des forfaits Basic, Shopify et Advanced peuvent ajouter jusqu’à 20 thèmes. - Les boutiques et les organisations bénéficiant du forfait Shopify Plus peuvent ajouter jusqu’à 100 thèmes.
Si vous atteignez la limite de thème de votre forfait, vous devez supprimer un thème avant de pouvoir en ajouter un nouveau. Les boutiques d’extension doivent avoir une licence de thème pour chaque boutique d’extension en ligne.
Générer un thème gratuit avec l’intelligence artificielle
Vous pouvez utiliser l’intelligence artificielle pour générer un thème personnalisé gratuit à partir de la page Thèmes de votre interface administrateur Shopify. Shopify prend en charge l’assistance pour la personnalisation des thèmes gratuits.
Vous pouvez utiliser l’intelligence artificielle pour générer un thème personnalisé gratuit à partir de la page Thèmes de votre interface administrateur Shopify. Shopify prend en charge l’assistance pour la personnalisation des thèmes gratuits.
Étapes :
Bureau
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Dans la section Concevoir votre boutique en quelques secondes, rédigez une description de votre entreprise, puis cliquez sur Générer des thèmes pour générer jusqu’à 3 thèmes personnalisés gratuits.
Cliquez sur le thème qui vous intéresse, puis cliquez sur Essayer le thème pour appliquer le thème à votre boutique.
Le thème sera ajouté à la section Bibliothèque des thèmes de la page Thèmes de votre interface administrateur.
iPhone
Depuis l’application Shopify, appuyez sur l’icône0
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Dans la section Concevoir votre boutique en quelques secondes près du bas de la page, décrivez votre entreprise et appuyez sur Générer des thèmes pour générer jusqu’à 3 thèmes personnalisés gratuits.
Appuyez sur le thème qui vous intéresse et appuyez sur Essayer le thème pour appliquer le thème à votre boutique.
Le thème sera ajouté à la section Bibliothèque des thèmes de la page Thèmes de votre interface administrateur.
Android
Depuis l’application Shopify, appuyez sur le bouton
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Dans la section Concevoir votre boutique en quelques secondes près du bas de la page, décrivez votre entreprise et appuyez sur Générer des thèmes pour générer jusqu’à 3 thèmes personnalisés gratuits.
Appuyez sur le thème qui vous intéresse, puis appuyez sur Essayer le thème pour appliquer le thème à votre boutique.
Le thème sera ajouté à la section Bibliothèque des thèmes de la page Thèmes de votre interface administrateur.
Ajouter un thème gratuit depuis l’interface administrateur
Les thèmes gratuits sont créés par Shopify. Shopify prend en charge l'assistance pour la personnalisation des thèmes gratuits.
Les thèmes gratuits sont créés par Shopify. Shopify prend en charge l'assistance pour la personnalisation des thèmes gratuits.
Étapes :
Bureau
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Dans la section Thèmes gratuits populaires située près du bas de la page, affichez les principaux thèmes gratuits de Shopify Theme Store ou cliquez sur Visiter la boutique de thèmes pour parcourir tous les thèmes disponibles.
Cliquez sur le nom du thème pour afficher ses détails dans la boutique des thèmes de Shopify.
Cliquez sur le bouton Ajouter pour ajouter un thème. Le thème sera ajouté à la section Bibliothèque des thèmes de la page Thèmes de votre interface administrateur.
iPhone
Depuis l’application Shopify, appuyez sur l’icône0
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Dans la section Thèmes gratuits populaires située près du bas de la page, affichez les principaux thèmes gratuits de Shopify Theme Store ou appuyez sur Visiter la boutique de thèmes pour parcourir tous les thèmes disponibles.
Appuyez sur le nom du thème pour afficher les détails d’un thème dans Shopify Theme Store.
Appuyez sur le bouton Ajouter pour le thème. Le thème sera ajouté à la section Bibliothèque des thèmes de la page Thèmes de votre interface administrateur.
Android
Depuis l’application Shopify, appuyez sur le bouton
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Dans la section Thèmes gratuits populaires située près du bas de la page, affichez les principaux thèmes gratuits de Shopify Theme Store ou appuyez sur Visiter la boutique de thèmes pour parcourir tous les thèmes disponibles.
Appuyez sur le nom du thème pour afficher les détails d’un thème dans Shopify Theme Store.
Appuyez sur le bouton Ajouter pour le thème. Le thème sera ajouté à la section Bibliothèque des thèmes de la page Thèmes de votre interface administrateur.
Essayer un thème payant de la Boutique des thèmes de Shopify
Avant de vous engager à acheter un thème payant, vous pouvez l’essayer en prévisualisant le thème dans votre interface administrateur Shopify. Vous pouvez utiliser votre éditeur de thème pour personnaliser un thème prévisualisé, par exemple en le modifiant pour utiliser les couleurs de votre marque, le style de votre marque et les produits de votre marque. Si vous achetez le thème, alors toutes les personnalisations que vous effectuez sont enregistrées.
Vous pouvez prévisualiser jusqu’à 19 thèmes payants en même temps, ce qui vous permet de comparer différents thèmes avant d’en acheter un. Les thèmes payants que vous essayez sont étiquetés comme Essai de thème.
Pour recevoir de l'assistance pour un thème payant, contactez son développeur/sa développeuse.
Étapes :
- Visitez la boutique des thèmes de Shopify et choisissez un thème payant.
- Cliquez sur Essayer un thème pour ajouter celui-ci à votre boutique en ligne.
- Dans votre interface administrateur Shopify, cliquez sur Boutique en ligne > Thèmes.
- Dans la section Bibliothèque des thèmes, cliquez sur le bouton
pour ouvrir le menu Actions à côté du thème que vous souhaitez prévisualiser.
- Cliquez sur Aperçu.
Vous pouvez également personnaliser un thème que vous prévisualisez. Si vous êtes satisfait du thème, vous pouvez alors acheter le thème. Toute personnalisation que vous avez apportée au thème est enregistrée.
Ajouter un thème de la Boutique de thèmes de Shopify
Seuls les utilisateurs disposant de toutes les autorisations au niveau de la boutique suivantes peuvent acheter un thème dans Shopify Theme Store :
- Thèmes
- Gérer et installer des applications et des canaux
- Approuver les frais d’application
Une fois que vous avez essayé un thème payant dans votre boutique en ligne, vous pouvez choisir de l’acheter. Vous pouvez uniquement publier des thèmes sur votre boutique en ligne que vous avez achetés. Lorsque vous achetez un thème dans Shopify Theme Store, ce thème est homologué exclusivement pour la boutique où l’achat a été effectué. Si vous souhaitez utiliser votre thème dans une autre boutique, vous pouvez peut-être être admissible pour le transférer.
Les thèmes payants sont créés par des développeurs indépendants. L’assistance générale et les mises à jour des thèmes tiers sont fournies par le/la développeur(-euse) de chaque thème. Si vous avez besoin de personnalisations avancées, mais que vous n’avez pas d’expérience en développement de sites web avec HTML, CSS et JavaScript, envisagez d’engager un(e) Partenaire Shopify.
Étapes :
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Cliquez sur Ajouter des thèmes > Visiter Theme Store.
Recherchez un thème que vous souhaitez acheter, puis cliquez sur Essayer le thème.
Dans la section Bibliothèque des thèmes, cliquez sur Acheter sur le thème que vous souhaitez acheter pour commencer la transaction.
Importer un fichier de thème à partir de votre ordinateur
Si vous avez un thème dans un fichier ZIP sur votre ordinateur, vous pouvez alors le charger vers la page Thèmes de votre interface administrateur Shopify.
Avant d'effectuer la mise en ligne, vérifiez que vos fichiers de thème sont compressés en un seul fichier ZIP.
Après avoir chargé le fichier ZIP, le thème sera ajouté à la page Thèmes de votre interface administrateur Shopify.
Étapes :
Bureau
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Dans la section Bibliothèque des thèmes, cliquez sur Ajouter un thème > Charger un fichier ZIP.
Dans la boîte de dialogue Charger un thème, cliquez sur Choisir un fichier pour sélectionner le fichier ZIP que vous souhaitez charger.
Cliquez sur Mettre en ligne.
iPhone
Depuis l’application Shopify, appuyez sur l’icône0
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Dans la section Bibliothèque des thèmes, appuyez sur Ajouter un thème > Charger un fichier ZIP.
Dans la boîte de dialogue Charger un thème, appuyez sur Choisir un fichier pour sélectionner le fichier ZIP que vous souhaitez charger.
Appuyez sur Charger.
Android
Depuis l’application Shopify, appuyez sur le bouton
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Dans la section Bibliothèque des thèmes, appuyez sur Ajouter un thème > Charger un fichier ZIP.
Dans la boîte de dialogue Charger un thème, appuyez sur Choisir un fichier pour sélectionner le fichier ZIP que vous souhaitez charger.
Appuyez sur Charger.
Changement de thème
Lorsque vous ajoutez de nouveaux thèmes à votre boutique, ils apparaissent dans la section Bibliothèque des thèmes de la page Thèmes de Shopify. Vous pouvez passer à un nouveau thème en le publiant dans votre boutique en ligne. Lorsque vous publiez un nouveau thème, votre ancien thème est toujours disponible dans la bibliothèque des thèmes (et vous pouvez revenir à cette option si vous le souhaitez).
Si vous mettez à jour votre thème manuellement, la version mise à jour de votre thème s’affiche sous la forme d’une version distincte dans la bibliothèque des thèmes. Lorsque vous passez à la version mise à jour, l’ancienne version de votre thème est toujours disponible dans la bibliothèque des thèmes. Pour en savoir plus, consultez Mise à jour des thèmes.
Se préparer à changer de thème
Lorsque vous ajoutez un thème à votre bibliothèque de thèmes, vous pouvez le personnaliser avant de le publier. Cela vous donne la possibilité d’examiner le nouveau thème, puis d’ajuster les paramètres et le contenu pour qu'ils correspondent à votre entreprise avant de remplacer votre thème existant. Vous pouvez également alterner entre différents thèmes que vous avez préparés sans devoir les configurer à nouveau.
Les produits, collections, menus, pages et articles de blog de votre boutique ne sont pas modifiés ou supprimés lorsque vous passez à un nouveau thème, car ils sont gérés dans l’interface administrateur, séparés du thème. Toutefois, le contenu et les paramètres gérés à l’aide de l’éditeur de thème, de l’éditeur de code de thème et de l’éditeur de langue sont uniques pour chaque version de thème et chaque thème que vous mettez en ligne.
Les parties suivantes de votre boutique en ligne sont associées au thème. Vous devez les personnaliser pour chaque thème que vous souhaitez utiliser :
- Les paramètres appliqués aux sections et blocs de votre boutique
- Les paramètres généraux du thème, notamment les couleurs et les polices utilisées dans votre boutique en ligne
- Le texte et la formulation
- Les personnalisations du code, notamment les personnalisations de code ajoutées par une application
- Les modèles de thèmes disponibles
Tous les thèmes ne prennent pas en charge toutes les fonctionnalités de Shopify. Veuillez consulter la liste des fonctionnalités du thème pour vérifier qu’elle contient celles dont vous avez besoin.
Aperçu du thème
Vous pouvez prévisualiser n’importe quel thème dans la section Thèmes de votre boutique en ligne. L’aperçu affiche le thème prévisualisé sur votre boutique en ligne dans un onglet de navigateur avec la barre d’aperçu de la boutique en ligne.
La barre d’aperçu de la boutique en ligne affiche les informations suivantes sur votre thème :
- Le nom du thème.
- Le statut du thème. Votre thème publié a le statut En direct. Les thèmes non publiés ont le statut Brouillon.
Vous pouvez personnaliser l’aperçu avec les actions suivantes :
- Dans la section
Afficher comme, vous pouvez sélectionner un pays ou une langue différent pour l’aperçu. En savoir plus sur les marchés internationaux et l’ajout de langues supplémentaires à votre thème.
- Cliquez sur le bouton
pour partager un aperçu de votre thème.
- Cliquez sur Fermer l’aperçu pour fermer l’aperçu et afficher votre thème publié.
- Cliquez sur Personnaliser le thème pour ouvrir l’éditeur de thème et personnaliser le thème.
- Cliquez près du haut de la barre d’aperçu pour la réduire. Vous pouvez cliquer à nouveau dessus pour l’agrandir.
Partager un aperçu de thème avec d’autres personnes
Si vous êtes sur le point de lancer votre boutique en ligne ou si vous envisagez de modifier votre boutique en publiant un nouveau thème, vous pouvez alors demander un retour d’expérience d’autres personnes en partageant un aperçu de votre thème.
Vous pouvez créer un lien que d'autres utilisateurs peuvent utiliser pour accéder à un aperçu de tout thème que vous avez ajouté à votre interface administrateur Shopify. Le thème n'a pas besoin d'être publié pour être partagé.
Un lien d’aperçu permet à d’autres personnes d’explorer votre boutique en ligne, mais les empêche d’accéder au paiement. Une fois que vous avez créé un lien d’aperçu, il reste actif pendant 2 jours. Vous pouvez créer de nouveaux liens aussi souvent que vous le voulez et la création d’un nouveau lien n’affectera pas les anciens liens d’aperçu.
Étapes :
Bureau
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Pour le thème que vous souhaitez partager, cliquez sur le bouton
pour ouvrir le menu Actions, puis cliquez sur Aperçu.
Facultatif : sélectionnez un pays, une langue ou les deux pour modifier l’aperçu.
Cliquez sur le bouton
pour copier le lien dans votre presse-papiers.
iPhone
Depuis l’application Shopify, appuyez sur l’icône0
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Pour le thème que vous souhaitez partager, appuyez sur le bouton
pour ouvrir le menu Actions, puis appuyez sur Aperçu.
Facultatif : sélectionnez un pays, une langue ou les deux pour modifier l’aperçu.
Appuyez sur
pour copier le lien vers votre presse-papiers.
Android
Depuis l’application Shopify, appuyez sur le bouton
.
Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
Appuyez sur Manage themes (Gérer les thèmes).
Pour le thème que vous souhaitez partager, appuyez sur le bouton
pour ouvrir le menu Actions, puis appuyez sur Aperçu.
Facultatif : sélectionnez un pays, une langue ou les deux pour modifier l’aperçu.
Appuyez sur
pour copier le lien vers votre presse-papiers.
Résolution de problèmes liés à l’aperçu du thème
Il existe différentes circonstances qui pourraient provoquer l’affichage incorrect de l’aperçu de votre thème ou de la barre d’aperçu du thème. Si vous rencontrez toujours des problèmes avec votre thème après avoir passé en revue les étapes de ce guide, vous devriez peut-être alors contacter l’équipe d’assistance de votre thème. En savoir plus sur l’obtention d’une assistance pour les thèmes.
La barre d’aperçu s’affiche sur votre boutique en ligne
Cela se produit généralement lorsque votre thème ajoute de manière incorrecte un paramètre appelé preview_theme_id
aux URL de votre boutique en ligne. Ce paramètre est destiné uniquement à la prévisualisation interne, mais s’il est présent sur les URL en ligne, il forcera alors la barre d’aperçu à s’afficher pour tous les visiteurs.
Visitez votre boutique en ligne et recherchez le paramètre preview_theme_id
dans la barre d’adresse du navigateur. Vous pouvez également demander à vos clients de vous transmettre l’adresse du lien affichée dans la barre d’aperçu.
Si le paramètre preview_theme_id
est inclus dans l’URL de votre boutique en ligne, contactez le développeur de votre thème pour obtenir une assistance et expliquez le problème.
Si vous êtes à l’aise avec l’édition du code du thème, vous pouvez rechercher preview_theme_id
dans vos fichiers de thème, puis supprimer le code qui l’ajoute aux URL. Les fichiers layout
et les fichiers qui contiennent du Javascript (se terminant par .js
) sont les plus susceptibles de contenir ce type de code. Modifiez le code d’un thème uniquement si vous connaissez HTML et CSS, et si vous avez une compréhension de base de Liquid, du langage de modélisation de Shopify, de JSON et de Javascript.
Ce problème a été signalé sur les thèmes achetés en dehors de Shopify Theme Store comme le thème Lumia de ThemeForest.
La prévisualisation d’un thème brouillon redirige vers le thème utilisé
Si vous cliquez sur Aperçu sur un thème non publié et que vous êtes redirigé vers votre thème utilisé, cela est alors presque toujours lié à la mise en cache Cloudflare.
Si vous utilisez Cloudflare devant votre boutique Shopify, vous pourriez alors avoir des paramètres de mise en cache qui interfèrent avec le mécanisme d’aperçu de Shopify. Shopify utilise également Cloudflare pour la mise en cache et ces couches peuvent parfois entrer en conflit. Nous mentionnons les conflits potentiels avec la mise en cache externe dans notre documentation.
Pour garantir que la barre d’aperçu fonctionne correctement, désactivez la mise en cache sur Cloudflare pour toutes les requêtes pour Shopify.
La barre d’aperçu est complètement manquante
Si la barre d’aperçu ne s’affiche pas lorsque vous prévisualisez un thème, cela est alors probablement dû à un code personnalisé ou à une application tierce modifiant les scripts par défaut de votre thème.
Ce problème est probablement dû à des modifications qui affectent l’objet Liquid , généralement trouvé dans le fichier `theme.liquid` de votre thème dans le dossier de mise en page de votre thème. Le script de la barre d’aperçu nécessite que l’objet
soit chargé correctement. La modification de cet objet peut empêcher le chargement du script, ce qui entraîne une barre d’aperçu manquante et d’autres problèmes avec les fonctionnalités et les applications Shopify.
Vous pouvez vérifier votre thème et vos applications pour connaître la source de la modification. Apprenez à résoudre les problèmes de votre thème.