Ajout, aperçu et achat de thèmes

Pour vous aider à démarrer, la page Thèmes de votre interface administrateur est configurée avec un thème par défaut lorsque vous ouvrez un compte Shopify. Si vous souhaitez personnaliser un autre thème pour votre boutique en ligne, vous devez en ajouter un dans 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 gratuitement un thème personnalisé avec l’IA.
• Vous pouvez ajouter un thème gratuit depuis votre interface administrateur Shopify.
• Vous pouvez essayer un thème payant du Shopify Theme Store. Vous pouvez prévisualiser 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 disposez déjà d’un thème dans un fichier ZIP sur votre ordinateur, vous pouvez le téléverser.

Si vous êtes développeur(-euse) ou que vous travaillez avec un Partenaire Shopify ou une agence, vous pouvez également ajouter un thème à votre boutique des manières suivantes :

• Vous pouvez ajouter à votre boutique un thème hébergé sur GitHub en utilisant l’intégration Shopify GitHub.
• Vous pouvez pousser un thème vers votre boutique en utilisant Shopify CLI.

Vous pouvez ajouter plusieurs thèmes à votre compte pour en essayer de nouveaux, conserver des 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 n’importe lequel de ces thèmes, mais un seul peut être publié à la fois. Lorsque vous changez de thème, votre ancien thème reste accessible sur la page Thèmes de Shopify.

Après avoir ajouté un thème, vous pouvez créer un lien pour partager un aperçu de tout thème non publié avec d’autres personnes. Cela peut être utile si vous recherchez un retour d’expérience avant de publier un nouveau thème ou de lancer votre boutique en ligne. Vous ne pouvez pas partager l’aperçu de votre thème publié.

Conditions d’admissibilité des thèmes

Consultez les conditions d’admissibilité suivantes pour l’ajout de thèmes à votre boutique ou à votre organisation :

• Le nombre maximum de thèmes que vous pouvez ajouter dépend de votre forfait :
• Les boutiques qui ont le forfait Starter ne peuvent ajouter que le thème Spotlight.
• Les boutiques et les organisations qui ont un forfait Basic, Grow ou Advanced peuvent ajouter jusqu’à 20 thèmes.
• Les boutiques et les organisations qui ont le forfait Shopify Plus peuvent ajouter jusqu’à 100 thèmes.

Si vous atteignez la limite de thèmes 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’IA

Vous pouvez utiliser l’IA pour générer un thème personnalisé gratuit à partir de la page Thèmes de votre interface administrateur Shopify. L’aide à la personnalisation pour les thèmes gratuits est prise en charge par Shopify.

Vous pouvez utiliser l’IA pour générer un thème personnalisé gratuit à partir de la page Thèmes de votre interface administrateur Shopify. L’aide à la personnalisation pour les thèmes gratuits est prise en charge par Shopify.

Étapes :

Ajouter un thème gratuit depuis l’interface administrateur

Les thèmes gratuits sont développés par Shopify. L’aide à la personnalisation pour les thèmes gratuits est prise en charge par Shopify.

Les thèmes gratuits sont développés par Shopify. L’aide à la personnalisation pour les thèmes gratuits est prise en charge par Shopify.

Étapes :

Essayer un thème payant à partir du Shopify Theme Store

Avant de vous engager à acheter un thème payant, vous pouvez l’essayer en le prévisualisant dans votre interface administrateur Shopify. Vous pouvez utiliser votre éditeur de thème pour personnaliser un thème prévisualisé, par exemple en modifiant les couleurs et le style de votre marque, ainsi que les produits. Si vous achetez le thème, 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 portent l’étiquette Essai de thème.

Pour obtenir de l’assistance pour un thème payant, contactez le développeur du thème.

Étapes :

1. Accédez au Shopify Theme Store et choisissez un thème payant.
2. Cliquez sur Essayer le thème pour ajouter le thème à votre boutique en ligne.
3. Dans votre interface administrateur Shopify, cliquez sur Boutique en ligne > Thèmes.
4. Dans la section Brouillons de thèmes, cliquez sur le bouton pour ouvrir le menu d’actions situé à côté du thème que vous souhaitez prévisualiser.
5. Cliquez sur Prévisualiser.

Vous pouvez personnaliser les paramètres d’un thème pendant que vous le prévisualisez. Si le thème vous convient, vous pouvez l’acheter. Toutes les personnalisations que vous avez apportées au thème sont enregistrées. Vous ne pouvez pas modifier le code du thème ni utiliser le générateur de code par IA lorsque le thème est en période d’essai.

Acheter un thème sur le Shopify Theme Store

Seuls les utilisateurs disposant de toutes les autorisations suivantes au niveau de la boutique peuvent acheter un thème sur le Shopify Theme Store :

• Thèmes
• Gérer et installer les applis et les canaux
• Approuver les frais d’applis

Après avoir essayé un thème payant dans votre boutique en ligne, vous pouvez décider 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 sur le Shopify Theme Store, la licence de ce thème ne s’applique qu’à la boutique pour laquelle il a été acheté. Si vous souhaitez utiliser votre thème sur une autre boutique, vous pourriez être admissible à le transférer.

Les thèmes payants sont créés par des développeurs de thèmes tiers. L’assistance générale et les mises à jour des thèmes tiers sont fournies par le développeur du thème. Si vous avez besoin de personnalisations avancées, mais que vous n’avez pas d’expérience dans le développement de sites web avec HTML, CSS et JavaScript, vous pouvez envisager de faire appel à un Partenaire Shopify.

Étapes :

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Cliquez sur Ajouter des thèmes > Visiter le Theme Store.

3. Recherchez un thème que vous souhaitez acheter, puis cliquez sur Essayer le thème.

4. Dans la section Brouillons de thèmes, cliquez sur Acheter pour le thème que vous souhaitez acheter afin de commencer la transaction.

Charger un fichier de thème depuis votre ordinateur

Si vous avez un thème dans un fichier ZIP sur votre ordinateur, vous pouvez le charger sur la page Thèmes de votre interface administrateur Shopify.

Avant de procéder au chargement, assurez-vous que les fichiers de votre thème sont compressés dans un seul fichier ZIP.

Une fois que vous avez chargé le fichier ZIP, le thème est ajouté à la page Thèmes de votre interface administrateur Shopify.

Étapes :

Changer de thème

Lorsque vous ajoutez de nouveaux thèmes à votre boutique, ils s’affichent dans la section Brouillons de thèmes de la page Thèmes dans Shopify. Vous pouvez passer à un nouveau thème en le publiant sur votre boutique en ligne. Lorsque vous publiez un nouveau thème, votre ancien thème reste disponible dans vos brouillons de thèmes (et vous pouvez y revenir si vous le souhaitez).

Si vous mettez à jour votre thème manuellement, la version mise à jour de votre thème s’affiche en tant que version distincte dans vos brouillons de thèmes. Lorsque vous passez à la version mise à jour, l’ancienne version de votre thème reste disponible dans les brouillons de thèmes. Pour en savoir plus, consultez la section Mise à jour de thèmes.

Préparer le changement de thème

Lorsque vous ajoutez un thème à vos brouillons de thèmes, vous pouvez le personnaliser avant de le publier. C’est l’occasion d’examiner le nouveau thème, et d’en ajuster les paramètres et le contenu pour refléter votre activité, avant de remplacer votre thème existant. Vous pouvez également passer d’un thème préparé à l’autre sans avoir besoin de le configurer à nouveau.

Les produits, collections, menus, pages et articles de blog de votre boutique ne sont ni modifiés ni supprimés lorsque vous changez de thème, car ils sont gérés dans l’interface administrateur, séparément du thème. Cependant, le contenu et les paramètres qui sont 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 propres à chaque thème et à chaque version de thème que vous chargez.

Les parties suivantes de votre boutique en ligne sont associées au thème. Vous devez personnaliser ces parties de votre boutique en ligne pour chaque thème que vous souhaitez utiliser :

• Les paramètres appliqués aux sections et aux blocs de votre boutique.
• Les paramètres de thème globaux, y compris les couleurs et les polices appliquées à votre boutique en ligne.
• Texte et formulation
• Les personnalisations de code, y compris les personnalisations de code ajoutées par une appli.
• Les modèles de thème disponibles

Tous les thèmes ne prennent pas en charge toutes les fonctionnalités de Shopify. Vous devez consulter la liste des fonctionnalités du thème pour vous assurer qu’il possède 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 du 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 ligne. Les thèmes non publiés ont le statut Brouillon.

Vous pouvez personnaliser l’aperçu avec les actions suivantes :

• Dans la section Afficher en tant que, vous pouvez sélectionner un autre pays ou une autre langue 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 Modifier le thème pour ouvrir l’éditeur de thème et personnaliser le thème.
• Cliquez vers le haut de la barre d’aperçu pour la réduire. Vous pouvez cliquer de 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 prévoyez de modifier votre boutique en publiant un nouveau thème, vous pouvez solliciter le 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 personnes peuvent utiliser pour accéder à un aperçu de n’importe quel thème que vous avez ajouté dans votre interface administrateur Shopify. Il n’est pas nécessaire que le thème soit publié pour pouvoir être partagé.

Il existe deux types d’aperçus de thème :

• Aperçus pour les visiteurs : les aperçus pour les visiteurs sont visibles par toute personne disposant de l’URL et ne nécessitent pas d’authentification. Ces aperçus expirent 2 jours après la création de l’URL. Les URL d’aperçu pour les visiteurs utilisent le format https://<token>-<shop_id>.shopifypreview.com.
• Aperçus pour le marchand : les aperçus pour le marchand nécessitent une authentification de l’interface administrateur et donnent accès aux paiements. Ces aperçus expirent 30 jours après la création de l’URL. Les URL d’aperçu pour le marchand utilisent le format de votre domaine principal avec un paramètre de jeton.

Lorsque vous cliquez sur Aperçu pour un thème, l’URL d’aperçu pour le marchand s’affiche dans la barre d’adresse de votre navigateur. Pour créer un lien d’aperçu pour les visiteurs à partager avec d’autres personnes, cliquez sur le bouton dans la barre d’aperçu. Vous pouvez créer de nouveaux liens aussi souvent que vous le souhaitez, et la création d’un nouveau lien n’affectera pas les anciens liens d’aperçu.

Étapes :

Résolution des problèmes d’aperçu de thème

Diverses circonstances peuvent empêcher l’affichage correct de l’aperçu de votre thème ou de la barre d’aperçu du thème. Si vous continuez à rencontrer des problèmes avec votre thème après avoir consulté les étapes de ce guide, vous devrez peut-être contacter l’équipe d’assistance de votre thème. En savoir plus sur la façon d’obtenir de l’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 incorrectement un paramètre appelé preview_theme_id aux URL de votre boutique en ligne. Ce paramètre est destiné uniquement à l’aperçu interne, mais s’il est présent sur les URL publiques, il forcera l’affichage de la barre d’aperçu pour tous les visiteurs.

Accédez à votre boutique en ligne et vérifiez la présence du 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 sur lequel la barre d’aperçu s’affiche.

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 de l’assistance et expliquez-lui le problème.

Si vous êtes à l’aise avec la modification du code de thème, vous pouvez rechercher preview_theme_id dans les fichiers de votre thème, puis supprimer le code qui l’ajoute aux URL. Les fichiers de mise en page et les fichiers qui contiennent du Javascript (se terminant par .js) sont les plus susceptibles de contenir ce type de code. Ne modifiez le code d’un thème que si vous connaissez le HTML et le CSS et si vous avez une compréhension de base de Liquid, le langage de modélisation de Shopify, ainsi que de JSON et de Javascript.

Ce problème a été signalé sur des thèmes achetés en dehors du Shopify Theme Store, comme le thème Lumia de ThemeForest.

L’aperçu 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é, c’est presque toujours lié à la mise en cache de Cloudflare.

Si vous utilisez Cloudflare devant votre boutique Shopify, vous pourriez 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 le bon fonctionnement de la barre d’aperçu, désactivez la mise en cache sur Cloudflare pour toutes les requêtes pour Shopify.

Barre d’aperçu manquante

Si la barre d’aperçu ne s’affiche pas lorsque vous prévisualisez un thème, c’est probablement dû à un code personnalisé ou à une application tierce qui modifie les scripts par défaut de votre thème.

Ce problème est probablement causé par des modifications qui affectent l’objet Liquid, généralement situé dans le fichier `theme.liquid` de votre thème, dans le dossier de mise en page. Le script de la barre d’aperçu exige que l’objet se charge correctement. La modification de cet objet peut empêcher le chargement du script, ce qui entraîne l’absence de la barre d’aperçu et d’autres problèmes avec les fonctionnalités et les applis de Shopify.

Vous pouvez vérifier votre thème et vos applis pour trouver la source de la modification. Découvrez comment résoudre les problèmes de votre thème.