Créer un composant réutilisable pour votre front-end
Un composant réutilisable est un bloc de contenu que vous construisez avec le builder, puis qui s'affiche à un emplacement précis de votre front-end : un bandeau promotionnel, un bloc de réassurance, un message saisonnier…
Contrairement à une page de contenu, un composant réutilisable n'a pas d'URL propre. Il est inséré par l'équipe ZIQY dans un modèle de page de votre front-end (fiche produit, tunnel de location, etc.), à des endroits que le builder ne permet pas de modifier directement. Une fois en place, vous gérez vous-même son contenu, sans intervention technique.
Bon à savoir : l'emplacement du composant sur votre front-end est défini une fois pour toutes par l'équipe ZIQY. Contactez le support pour en convenir avant de créer votre composant.
1. Créer le composant
1. Rendez-vous au menu Administration > Front-end, puis à l'onglet "Pages".
2. Cliquez sur le bouton "+".
3. Dans la liste déroulante "Type de page", sélectionnez "Composant réutilisable".
Attention : le type de page ne peut plus être modifié par la suite.
4. Renseignez le champ "Nom". Il vous permet d'identifier le composant dans la liste des pages.
5. Renseignez le champ "Code du composant". C'est ce code qui permet d'appeler le composant dans le modèle de page. Il doit être unique.
NB : le code est automatiquement mis en majuscules, et les espaces sont remplacés par des tirets bas. Par exemple, « bandeau promo » devient BANDEAU_PROMO. Communiquez ce code au support ZIQY.
6. N'oubliez pas de cliquer sur "Sauvegarder" pour enregistrer vos modifications.
2. Construire le contenu du composant
1. Dans la liste des pages, recherchez votre composant.
2. Cliquez sur l'icône du builder pour construire son contenu, comme pour n'importe quelle page.
Pour plus d'informations, consultez le tutoriel Construire et modifier les pages de votre front-end à l'aide du builder.
3. Publier le composant
Le composant ne s'affiche sur votre front-end que s'il est au statut "Publiée". Tant qu'il est au statut "Brouillon", il n'apparaît pas pour vos clients.
Bon à savoir : pour retirer temporairement le composant de votre front-end, repassez-le au statut "Brouillon". Vous n'avez pas besoin de le supprimer.
Toute modification enregistrée dans le builder s'applique automatiquement à tous les endroits où le composant est affiché.