Étendre votre thème avec des applications
Vous pouvez installer des applications pour ajouter des fonctionnalités et des intégrations à votre thème. Vous trouverez des applications sur la Shopify App Store.
Les applications peuvent s’intégrer à votre thème de plusieurs manières :
- Sous forme de bloc d’application : les blocs d’application vous permettent d’ajouter des fonctionnalités d’application exactement là où vous souhaitez les utiliser dans votre thème. Vous pouvez ajouter, supprimer, prévisualiser, repositionner et personnaliser les blocs d’application par le biais de l’éditeur de thème.
- Sous forme d’intégration d’application : les intégrations d’application sont des éléments fournis par l’application qui flottent ou s’affichent en superposition dans votre thème, ou qui ajoutent du code à votre boutique en ligne sans être visibles par vos clients. Vous pouvez activer, désactiver, prévisualiser et personnaliser les intégrations d’application par le biais de l’éditeur de thème.
- En ajoutant du code personnalisé : certaines applications injectent du code directement dans le code de votre thème pour y ajouter des fonctionnalités. Vous pouvez personnaliser l’application à l’aide des paramètres de celle-ci ou de l’éditeur de thème.
Blocs d’application
Les applications peuvent être ajoutées à la fois sous forme de blocs dans une section et sous forme de sections dans un modèle. Cela vous permet d’ajouter des fonctionnalités d’application exactement là où vous souhaitez les utiliser sur une page. Les blocs d’application peuvent être ajoutés, supprimés, repositionnés et personnalisés par le biais de l’éditeur de thème.
Les blocs d’application peuvent n’être compatibles qu’avec certains types de pages. Par exemple, une application de guide des tailles peut n’être compatible qu’avec les pages de produit.
Bloc d’application utilisé dans une section :
Bloc d’application utilisé en tant que section dans un modèle :
Prise en charge des blocs d’application dans les sections
Certaines sections de votre thème peuvent ne pas prendre en charge les blocs d’application. Pour savoir quelles sections de votre thème prennent en charge les blocs d’application, consultez la documentation de votre thème ou contactez le développeur de votre thème.
Si une section prend en charge les blocs d’application et que vous avez installé une application compatible, une section Applications s’affiche dans le sélecteur de bloc.
Ajouter un bloc d’application à une section
Bureau
Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
Accédez à la page et à la section où vous souhaitez ajouter le bloc d’application.
Dans la barre latérale, cliquez sur Ajouter un bloc.
Dans le menu déroulant, à la section Applications, sélectionnez le bloc d’application que vous souhaitez ajouter à la section, ou cliquez sur la barre de recherche et saisissez un terme pour effectuer une recherche parmi vos applications installées.
Facultatif : cliquez sur l’icône ⠿ et faites-la glisser pour déplacer le bloc vers un autre emplacement disponible sur la page. Vous pouvez également personnaliser le bloc à l’aide de tous les paramètres disponibles.
Cliquez sur Enregistrer.
Mobile
Depuis l’application Shopify, appuyez sur l’icône
.Dans la section Canaux de vente, appuyez sur Boutique en ligne.
Appuyez sur Gérer tous les thèmes.
Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
Appuyez sur Modifier.
Accédez à la page et à la section où vous souhaitez ajouter le bloc d’application.
Dans la barre latérale, appuyez sur Ajouter un bloc.
Dans le menu déroulant, à la section Applications, sélectionnez le bloc d’application que vous souhaitez ajouter à la section, ou appuyez sur la barre de recherche et saisissez un terme pour effectuer une recherche parmi vos applications installées.
Facultatif : appuyez sur l’icône ⠿ et faites-la glisser pour déplacer le bloc vers un autre emplacement disponible sur la page. Vous pouvez également personnaliser le bloc à l’aide des paramètres disponibles.
Appuyez sur Enregistrer ou ✓.
Ajouter un bloc d’application à un modèle
Bureau
Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
Accédez à la page où vous souhaitez ajouter la section d’application.
Dans la barre latérale, cliquez sur Ajouter une section.
Dans le menu déroulant, à la section Applications, sélectionnez l’appli que vous souhaitez ajouter à la page, ou cliquez sur la barre de recherche et saisissez du texte pour rechercher parmi vos applis installées.
Facultatif : cliquez sur l’icône ⠿ et faites-la glisser pour déplacer le bloc vers un autre emplacement disponible sur la page. Vous pouvez également personnaliser le bloc à l’aide de tous les paramètres disponibles.
Cliquez sur Enregistrer.
Mobile
Depuis l’application Shopify, appuyez sur l’icône
.Dans la section Canaux de vente, appuyez sur Boutique en ligne.
Appuyez sur Gérer tous les thèmes.
Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
Appuyez sur Modifier.
Accédez à la page où vous souhaitez ajouter la section d’application.
Dans la barre latérale, appuyez sur Ajouter une section.
Dans le menu déroulant, à la section Applications, sélectionnez l’appli que vous souhaitez ajouter à la page, ou appuyez sur la barre de recherche et saisissez du texte pour rechercher parmi vos applis installées.
Facultatif : appuyez sur l’icône ⠿ et faites-la glisser pour déplacer le bloc vers un autre emplacement disponible sur la page. Vous pouvez également personnaliser le bloc à l’aide des paramètres disponibles.
Appuyez sur Enregistrer ou ✓.
L’appli est ajoutée en tant que bloc dans une section Applications. Vous pouvez ajouter d’autres blocs d’application à la section. Vous pouvez également ajouter plusieurs sections Applications à une page.
Intégrations d’applications
Les intégrations d’applications sont des éléments fournis par les applis qui flottent ou s’affichent en superposition dans votre thème, ou qui ajoutent du code à votre boutique en ligne sans être visibles pour vos clients. Par exemple, une appli de bulle de chat qui apparaît dans le coin de votre boutique, ou une appli d’analyse ou de suivi, peut être ajoutée à votre boutique en tant qu’intégration d’application. Les intégrations d’applications peuvent être activées, désactivées et personnalisées par le biais de l’éditeur de thème. Les intégrations d’applications peuvent être utilisées avec n’importe quelle version de thème.
Si vous avez plusieurs marchés, vous pouvez personnaliser les intégrations d’application pour chaque marché. Par exemple, vous pouvez activer une intégration d’application de chat uniquement pour votre marché en Amérique du Nord, ou configurer des paramètres d’intégration d’application différents pour chaque marché. Pour personnaliser les intégrations d’application d’un marché spécifique, sélectionnez le marché dans le menu déroulant Marché de l’éditeur de thème avant d’activer ou de configurer les intégrations d’application. Pour en savoir plus sur la personnalisation de votre thème pour des marchés spécifiques, consultez l’article Adapter votre thème pour des marchés spécifiques ou Shopify B2B.
Activer une intégration d’application
Bureau
Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.
Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
Facultatif : si vous souhaitez personnaliser l’intégration d’application pour un marché spécifique, cliquez sur le menu déroulant Marché et sélectionnez le marché que vous souhaitez personnaliser. Si vous ne sélectionnez aucun marché, les modifications s’appliquent aux paramètres par défaut de la boutique.
Dans la barre latérale, cliquez sur l’icône Intégrations d’applications.
Sélectionnez l’intégration d’application que vous souhaitez activer, ou cliquez sur la barre de recherche et saisissez un terme de recherche pour rechercher parmi vos applis installées.
À côté de l’intégration d’application que vous souhaitez activer, cliquez sur le bouton bascule pour l’activer.
Facultatif : affichez les paramètres de l’intégration d’application en cliquant sur l’icône d’agrandissement
▸à côté du nom de l’intégration d’application.Cliquez sur Enregistrer.
Affichez un aperçu de votre boutique pour voir l’application intégrée en direct.
Mobile
Depuis l’application Shopify, appuyez sur l’icône
.Dans la section Canaux de vente, appuyez sur Boutique en ligne.
Appuyez sur Gérer tous les thèmes.
Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
Facultatif : si vous souhaitez personnaliser l’intégration d’application pour un marché spécifique, appuyez sur le menu déroulant Marché et sélectionnez le marché que vous souhaitez personnaliser. Si vous ne sélectionnez aucun marché, les modifications s’appliquent aux paramètres par défaut de la boutique.
Appuyez sur … > Intégrations d’applications.
Sélectionnez l’intégration d’application que vous souhaitez activer ou saisissez un terme de recherche dans la barre de recherche pour rechercher parmi vos applis installées.
À côté de l’intégration d’application que vous souhaitez activer, appuyez sur le bouton bascule pour l’activer.
Facultatif : affichez les paramètres de l’intégration d’application en appuyant sur l’icône d’agrandissement
▸à côté du nom de l’intégration d’application.Appuyez sur Enregistrer.
Affichez un aperçu de votre boutique pour voir l’application intégrée en direct.
Applications ajoutées au code du thème
Certaines applis injectent du code directement dans le code de votre thème pour y ajouter des fonctionnalités. Après avoir installé l’appli, il se peut que vous receviez des instructions d’intégration qui vous expliquent comment modifier votre propre code pour ajouter la fonctionnalité de l’appli là où vous souhaitez qu’elle apparaisse dans votre thème. Vous pouvez personnaliser l’appli à l’aide de ses paramètres ou de l’éditeur de thème.
Si votre thème propose une section Liquid personnalisée, vous pourrez peut-être ajouter le code de votre appli dans une section Liquid personnalisée de l’éditeur de thème au lieu de modifier directement le code de votre thème.