Génération automatique de blocs de thème dans l’éditeur de thème

Grâce à Shopify Magic, vous pouvez utiliser l’intelligence artificielle (IA) pour générer un nouveau bloc de thème dans votre éditeur de thème en fonction des détails que vous fournissez.

Sur cette page

Points à prendre en compte pour la génération de blocs de thème

Tenez compte des considérations suivantes pour la génération de blocs de thème :

Le code généré par l’IA n’est pas toujours parfait. Il peut parfois produire des erreurs, des résultats inattendus ou du code qui n’est pas entièrement conforme aux bonnes pratiques en matière d’accessibilité ou de performance. Il vous incombe d’examiner et de tester le bloc généré, et de vous assurer qu’il répond à vos normes et qu’il fonctionne correctement.
Prévisualisez l’apparence du bloc sur ordinateur et sur mobile dans l’aperçu de l’éditeur de thème.
Si votre bloc inclut des paramètres de personnalisation, testez-les après avoir ajouté le bloc pour vous assurer qu’ils fonctionnent comme prévu.
Après avoir généré un bloc de thème, le nouveau fichier Liquid du bloc est ajouté au blocks dossier du code de votre thème.
- Les blocs de thème sont composés de Liquid, le langage de modélisation de Shopify. Les fichiers de blocs de thème contiennent également du code HTML, CSS, JSON et JavaScript. Après avoir généré un bloc de thème, le nouveau fichier Liquid du bloc est ajouté au blocks dossier du code de votre thème.
- Si vous souhaitez modifier un bloc de thème généré en modifiant le code, vous pouvez modifier le code de votre thème. Ne modifiez le code de votre thème que si vous connaissez le HTML et le CSS et que vous avez une connaissance de base de Liquid.
- Le fichier Liquid généré par Shopify Magic est autonome. Vous pouvez toujours mettre à jour votre thème lorsque de nouvelles versions sont publiées dans la boutique des thèmes.

Conditions d’admissibilité pour la génération de blocs de thème

Examinez les conditions suivantes pour la génération de blocs de thème.

Exigences en matière de forfait

Votre boutique doit utiliser l’un des forfaits suivants :

Essai gratuit
Basic
Growth
Advanced
Plus

Cette fonctionnalité n’est pas disponible avec le forfait Starter, qui utilise le thème Spotlight et ne prend pas en charge l’ajout de sections ou de blocs de thème personnalisés.

Compatibilité des thèmes

La fonctionnalité de génération de blocs de thème est disponible pour tous les thèmes du Shopify Theme Store. Si vous utilisez un thème tiers compatible, vous devez acheter ce thème avant de pouvoir générer des blocs de thème, car la version d’essai gratuit ne prend pas en charge cette fonctionnalité.

Cette fonctionnalité n’est pas disponible sur les thèmes vintage. En savoir plus sur les fonctionnalités des différentes versions de l’architecture des thèmes.

Exigences en matière d’autorisations pour les utilisateurs

Les utilisateurs suivants peuvent générer des blocs dans les thèmes :

Les propriétaires de la boutique et de l’organisation.
Les utilisateurs détenant les rôles Administrator ou Organization administrator.
Les utilisateurs disposant d’un Store role et de l’autorisation Edit Code.

Conseils pour rédiger des invites de bloc de thème efficaces

La qualité du bloc généré dépend souvent de la qualité de votre invite. Suivez ces bonnes pratiques :

Fournissez des descriptions précises : les invites doivent comporter au moins cinq mots. Les invites plus longues contenant plus de détails sont susceptibles de donner des résultats plus précis. Par exemple, au lieu de saisir ajouter des images et du texte, saisissez Créer un bloc avec une image à gauche, et un titre, un paragraphe et un bouton « Acheter » à droite. Empiler sur mobile.
Mentionnez les éléments de contenu : répertoriez les types de contenus nécessaires pour le bloc, tels que les titres, les paragraphes, les images, les boutons, les formulaires et les icônes.
Suggérez une mise en page : décrivez la disposition des éléments dans le bloc, par exemple côte à côte, en grille, centrés ou en rangées alternées.
Incluez des paramètres de personnalisation : si vous souhaitez que le bloc ait des paramètres modifiables spécifiques dans l’éditeur de thème, tels que la possibilité de modifier l’image, le texte ou le lien du bouton, incluez-les dans votre invite. Par exemple, pour inclure un paramètre permettant de contrôler la vitesse d’animation dans un bloc comportant une vidéo, saisissez Inclure un paramètre permettant de contrôler la vitesse d’animation.
Affinez le résultat avec de nouvelles instructions : si le premier résultat n’est pas tout à fait satisfaisant, ajustez votre invite en y ajoutant plus de détails ou en la formulant différemment, puis relancez la génération.

Examinez les exemples d’invites suivants, qui respectent les bonnes pratiques :

Un bloc de témoignage avec une photo de client(e), une citation, le nom du/de la client(e) et une note de 5 étoiles.
Bloc de fonctionnalités côte à côte : à gauche, une icône et un titre ; à droite, un texte descriptif.
Bannière pleine largeur avec une image de fond, un grand titre centré, un sous-titre plus petit en dessous et un bouton d’appel à l’action.

Générer un bloc de thème

Après avoir généré un bloc et décidé de le conserver, le nouveau bloc est ajouté au sélecteur de bloc. Vous pouvez ajouter le bloc aux sections compatibles qui acceptent les blocs de thème.

Étapes :

Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Repérez le thème que vous souhaitez modifier, puis cliquez sur Modifier le thème.
Personnalisez votre page d’accueil ou appuyez sur le menu déroulant Page d’accueil, puis sélectionnez le modèle auquel vous souhaitez ajouter une section.
Cliquez sur la section pour laquelle vous souhaitez générer un bloc.
Cliquez sur Ajouter un bloc.
Cliquez sur Générer.
Saisissez une description du bloc que vous souhaitez générer.
Cliquez sur Générer. Shopify Magic traitera votre requête et créera le code.
Prévisualisez le bloc généré directement dans l’éditeur de thème. Si des paramètres de personnalisation ont été générés, vous pouvez personnaliser votre bloc.
Si le bloc généré vous convient, cliquez sur Conserver. Sinon, vous pouvez ignorer le bloc ou donner des instructions supplémentaires.

Supprimer un bloc de thème généré de votre thème

Après avoir généré un bloc de thème, le nouveau fichier liquid du bloc est ajouté au dossier blocks dans le code de votre thème. Si un bloc de thème généré cause des problèmes sur votre boutique, vous pouvez le supprimer en effaçant le fichier liquid du code de votre thème.

Étapes :

Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
À côté du thème que vous souhaitez modifier, cliquez sur Modifier le thème.
Personnalisez votre page d’accueil ou appuyez sur le menu déroulant Page d’accueil, puis sélectionnez le modèle auquel vous souhaitez ajouter une section.
Cliquez sur une section qui contient le bloc que vous souhaitez supprimer. Si vous avez déjà supprimé toutes les instances du bloc, cliquez sur Ajouter un bloc pour le ré-ajouter à partir du sélecteur de bloc.
Dans les paramètres du bloc, cliquez sur > Modifier le code.
Dans le menu de la barre latérale, cliquez sur le dossier blocks pour l’agrandir, puis recherchez le fichier du bloc que vous consultez. Le nom du fichier correspondra au nom du bloc actuellement ouvert et se terminera par .liquid.
Dans le menu de la barre latérale, cliquez sur l’icône à côté du fichier de bloc.
Dans la boîte de dialogue, cliquez sur Supprimer le fichier pour confirmer.