Insérer un composant dans Studio
Ajoutez un objet JSON au tableau du document choisi : components dans
landing.json, ou top et bottom dans un document de page compatible.
L'ordre des objets donne l'ordre des sections affichées.
Ajouter un bouton de contact sous les articles
- Allez dans Site web > Studio, sélectionnez Modifier, puis Source.
- Choisissez
article.json. Il s'applique à tous les articles. Conservez ses sections existantes si vous voulez les garder. - Trouvez
cio-call-to-actiondans la référence. Vérifiez quearticle.jsonl'accepte dansbottom. - Ajoutez l'objet dans
bottom, séparé des autres par une virgule. Si le document ne contient aucune section, utilisez ce document complet :
{
"top": [],
"bottom": [
{
"type": "cio-call-to-action",
"version": 1,
"heading": "Want to try curling?",
"body": "Contact the club to ask about your first visit.",
"action": {
"label": "Contact us",
"href": "/contact",
"appearance": "filled",
"size": "normal"
}
}
]
}
- Adaptez le texte et le lien au club. Gardez
type,versionet les noms de champs inchangés. Le texte anglais de l'exemple peut être remplacé par du français ou un objeten/fr. - Sélectionnez Enregistrer. Ouvrez un article dans l'aperçu privé et vérifiez le bouton sous son contenu, dans les deux langues si elles sont activées.
- Sélectionnez Publier, puis Libérer le verrou en terminant.
Choisir la position
| Position | Emplacement |
|---|---|
landing.json → components | Dans l'ordre sur l'accueil géré. |
Document compatible → top | Avant le contenu normal. |
Document compatible → bottom | Après le contenu normal. |
Chaque composant a sa propre liste de documents autorisés. Les collections
dynamiques comme cio-latest-articles appartiennent à landing.json. Les résultats
acceptent seulement les sections supplémentaires. Le calendrier n'a ni top ni
bottom. Consultez les documents et la
référence.
Pour insérer un composant dans le corps d'une seule page ou d'un seul article, utilisez son éditeur Markdown avec les balises jumelées prises en charge. Les descriptions de produits n'activent pas de composants.
Modifier ou retirer une section
Modifiez les champs d'un objet pour changer la section. Déplacez l'objet entier
pour changer sa position. Supprimez-le pour retirer la section, puis corrigez les
virgules voisines. Gardez top et bottom, même vides ([]).
Avant de remplacer un document complet, conservez une copie de sa source actuelle. Le collage remplace ses sections. Vous pouvez aussi restaurer un point de contrôle dans Historique des modifications.
Corriger un refus
Vérifiez le champ signalé : virgule manquante, guillemets simples, champ obligatoire absent, document incompatible, image non prête ou identifiant d'un autre club. Repartez d'un objet minimal de la référence et ajoutez vos changements un à un. N'insérez pas de HTML ni de scripts du fournisseur; utilisez ses champs de composant.