Aller au contenu principal

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​

  1. Allez dans Site web > Studio, sélectionnez Modifier, puis Source.
  2. Choisissez article.json. Il s'applique à tous les articles. Conservez ses sections existantes si vous voulez les garder.
  3. Trouvez cio-call-to-action dans la référence. Vérifiez que article.json l'accepte dans bottom.
  4. 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"
}
}
]
}
  1. Adaptez le texte et le lien au club. Gardez type, version et les noms de champs inchangés. Le texte anglais de l'exemple peut être remplacé par du français ou un objet en/fr.
  2. 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.
  3. Sélectionnez Publier, puis Libérer le verrou en terminant.

Choisir la position​

PositionEmplacement
landing.json → componentsDans l'ordre sur l'accueil géré.
Document compatible → topAvant le contenu normal.
Document compatible → bottomAprè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.