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.
Considérations 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. Cela peut parfois générer des erreurs, des résultats inattendus ou du code qui ne répond pas entièrement aux bonnes pratiques en matière d’accessibilité ou de performances. Vous avez la responsabilité de réviser, de tester et de vous assurer que le bloc généré répond à vos normes et fonctionne correctement.
Prévisualisez l’apparence du bloc sur les vues Bureau et 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 dossier blocs dans le 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 langage 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 dossier blocs dans le code de votre thème.
- Si vous souhaitez modifier un bloc de thème généré en modifiant le code, vous pouvez changer le code du thème. Modifiez le code de votre thème uniquement si vous connaissez HTML et CSS et avez des notions 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 sur la boutique de thèmes.
Critères d’admissibilité pour générer des blocs de thème
Tenez compte des exigences suivantes pour la génération de blocs de thème.
Exigences de forfait
Votre boutique doit disposer de 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.
Exigences de langue
La langue préférée de votre compte doit être définie sur Anglais.
Compatibilité des thèmes
La fonctionnalité de génération de blocs de thème est disponible uniquement pour les thèmes créés par Shopify tels que les thèmes gratuits de la Shopify Theme Store. Votre thème doit prendre en charge les sections qui acceptent les blocs de thème. Vous ne pouvez générer des blocs que pour les sections qui acceptent les blocs de thème.
La qualité du bloc généré dépend souvent de la qualité de votre invite. Tenez compte des bonnes pratiques suivantes pour la rédaction des invites.
Soyez précis et descriptif
Les invites doivent comporter au moins cinq mots. Des invites plus longues et plus détaillées sont susceptibles de retourner 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, un titre, un texte de paragraphe et un bouton « Acheter maintenant » à droite. Empiler sur mobile.
Mentionner 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.
Proposer une mise en page
Décrivez la disposition des éléments dans le bloc, par exemple côte à côte, grille, centrée ou rangées alternées.
Inclure les paramètres de personnalisation
Si vous souhaitez que le bloc dispose de paramètres modifiables spécifiques dans l’éditeur de thème (comme la modification de l’image, du texte ou du 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 avec une vidéo, saisissez Inclure un paramètre pour contrôler la vitesse d’animation.
Itérer avec des instructions de suivi
Si le premier résultat n’est pas tout à fait satisfaisant, ajustez votre invite avec plus de détails ou une formulation différente, puis générez à nouveau.
Exemples d’invites
Examinez les exemples suivants d’invites qui appliquent les bonnes pratiques :
Un bloc de témoignage avec la photo du/de la client(e), un texte de citation, le nom du/de la client(e) et un affichage de l’évaluation par étoiles sur 5.
Bloc de fonctionnalité côte à côte : le côté gauche comporte une icône et un titre, le côté droit comporte un texte descriptif.
Bannière pleine largeur avec une image de fond, un grand texte de titre centré, un texte de 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 :
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier et cliquez sur Personnaliser.
Personnalisez votre page d’accueil ou appuyez sur le menu déroulant de la 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 la description du bloc que vous souhaitez générer.
Cliquez sur Générer. Shopify Magic traitera votre demande 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 vous êtes satisfait(e) du bloc généré, cliquez sur Conserver. Dans le cas contraire, vous pouvez annuler le bloc ou fournir des instructions de suivi.
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 blocs dans le code de votre thème. Si un bloc de thème généré provoque des problèmes dans votre boutique, vous pouvez le supprimer en supprimant le fichier Liquid du code de votre thème.
Étapes :
Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
Cliquez sur Personnaliser à côté du thème que vous souhaitez modifier.
Personnalisez votre page d’accueil ou appuyez sur le menu déroulant de la 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 précédemment supprimé toutes les instances du bloc, cliquez sur Ajouter un bloc pour ajouter à nouveau le bloc à 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 blocs pour l’agrandir, puis recherchez le fichier du bloc que vous visualisez actuellement. Le fichier correspond au nom du bloc actuellement ouvert et se termine par .liquid.
Dans le menu de la barre latérale, cliquez sur l’icône à côté du fichier du bloc.
Dans la boîte de dialogue, cliquez sur Supprimer le fichier pour confirmer.
Vous ne trouvez pas les réponses que vous recherchez ? Nous sommes là pour vous aider.