DocumentationCommerceContenu et conception

Insertion d’un widget dans l’éditeur

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :
  • CMS

Créé pour :

  • Débutant
  • Intermédiaire
  • Administration
  • Utilisateur ou utilisatrice

L’outil widget peut être utilisé pour ajouter divers éléments de contenu à la page, y compris des liens vers une page de contenu Commerce, un noeud, un produit ou une catégorie. Les liens peuvent être positionnés sur la page au format bloc ou incorporés directement dans le contenu. Vous pouvez utiliser l’outil Widget pour créer des liens vers les types de contenu suivants :

Par défaut, les liens héritent de leur style à partir de la feuille de style du thème.

IMPORTANT
L’insertion de nombreuses directives, en particulier de widgets tels que le type Récemment consultés / Produits comparés, peut avoir un effet négatif sur le premier chargement de la page lorsqu’elle n’est pas mise en cache. Pour cette raison, utilisez-les avec précaution. En règle générale, cela ne crée pas de problème. Mais vous devriez discuter de ce problème potentiel avec votre équipe de développement.

  1. Ouvrez une page, un bloc ou un bloc dynamique en mode d’édition.

  2. Accédez à la section Content ​et cliquez sur un élément prenant en charge l’éditeur.

  3. Placez le curseur à l’endroit où vous souhaitez que le widget s’affiche, puis cliquez sur l’icône Insérer le widget .

    Barre d’outils de l’éditeur - Insérer un widget {width="700" modal="regular"}

    Si le Créateur de pages n’est pas activé et que vous préférez travailler avec le code, cliquez sur Show / Hide Editor. Placez le point d’insertion dans le texte à l’endroit où vous souhaitez que le widget s’affiche. Cliquez ensuite sur Insert Widget.

  4. Sélectionnez le Widget Type.

    Pour plus d’informations sur ces options, voir Types de widgets. Les étapes suivantes utilisent un exemple d’insertion d’un lien vers un produit.

  5. Pour utiliser le nom du produit, laissez le champ Anchor Custom Text vide.

  6. Saisissez un Anchor Custom Title pour la bonne pratique SEO.

    Ce titre n’est pas visible sur la page.

  7. Définissez Template sur l’une des options suivantes :

    • Pour incorporer le lien dans du texte, sélectionnez Product Link Inline Template.

    • Pour placer le lien sur une ligne distincte, sélectionnez Product Link Block Template.

  8. Cliquez sur Select Product et procédez comme suit :

    • Dans l’arborescence, accédez à la catégorie de votre choix.

    • Dans la liste, choisissez le produit associé.

  9. Cliquez sur Insert Widget pour placer le lien sur la page.

    Si vous utilisez du code d’HTML, une balise de balisage pour le lien apparaît en haut de la page, entre accolades doubles. Si nécessaire, utilisez Couper et Coller pour positionner la balise de balisage dans le code où vous souhaitez que le lien s’affiche.

  10. Une fois vos modifications de contenu terminées, cliquez sur Save.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de