Editeur de texte

Cet article vous explique comment utiliser l'éditeur de texte pour modifier vos textes, contenus et images sur votre site vitrine.

 

Accéder à l'éditeur de texte

Voici la marche à la suivre pour accéder à l'éditeur de texte

  • Sur votre site vitrine, allez sur la page que vous souhaitez modifier
  • Cliquez tout en bas de l'écran sur "Modifier la page" (voir capture ci-dessous)


Une fois dans l'éditeur de contenu de la page, allez dans la partie "Corps de la page".
Passez l'éditeur de texte en plein écran grâce à l'icône 


 

Ajouter ou modifier un image

Pour ajouter une image dans votre texte, cliquez sur cette icône dans le bandeau d'action de l'éditeur :

 
Cliquez sur "Parcourir le serveur" pour sélectionner l'image parmi vos fichiers.



Si besoin, modifiez la taille de cette image par les champs "Largeur" et "Hauteur".
L'icône / permet de conserver ou non les proportions de l'image lors du redimensionnement.
Il est possible de remettre l'image à sa taille initiale en cliquant sur l'icône .

Le champ "Bordure" permet d'ajouter un cadre noir à l'image, il faut renseigner un chiffre qui correspond à la taille du cadre (plus le chiffre est élevé plus la largeur du cadre est importante). 
Les champs "Espacement horizontal" et "Espacement vertical" permettent de laisser un espace plus ou moins grand (selon le chiffre indiqué dans le champ) entre l'image et le texte. 
Le champ "Alignement" permet de choisir si vous souhaitez positionner l'image à droite ou à gauche du texte. 

Il est également possible d'ajouter un lien sur cette image grâce à l'onglet  "Lien" de la page de modification de l'image.


Le menu déroulant "Cible" permet de choisir comment s'ouvre le lien lorsque l'on clique sur l'image. Si rien n'est défini, le lien s'ouvre dans la fenêtre en cours. 

Pour modifier une image déjà insérée, faites un clic droit sur l'image et sélectionnez "Propriétés de l'image".


 

Insérer des liens

Pour insérer un lien, sélectionnez le texte puis cliquer sur l'icône .


Cela ouvre une fenêtre qui permet de définir le lien ajouter à cette partie du texte.
Il existe plusieurs types de lien différents qui permettent différentes actions.

 

Type de lien "URL"

Ce type permet de renseigner une URL (1) ou de créer un lien vers un fichier importé (un PDF par exemple).
Pour cela, cliquez sur "Parcourir le serveur" (2) et choisissez le fichier souhaité.


 

Type de lien "Ancre"

Avec ce type, il est possible de faire un lien qui redirige sur une partie précise de la page avec une ancre (qui devra avoir été créée au préalable).

 

Type de lien "Courriel"

Vous pouvez renseigner une adresse email.

 

Modifier un lien

Pour modifier un lien, il suffit d'effectuer un clic droit sur celui-ci et de cliquer sur "Modifier le lien" ou directement de double cliquer-dessus.
Pour supprimer un lien, de la même manière que pour la modification, il faut faire un clic droit sur celui-ci puis cliquer sur "Supprimer le lien" ou positionner le curseur sur le texte avec le lien et cliquer sur l'icône .


 

Ajouter des ancres

Il est possible d'ajouter des ancres dans la page, c'est à dire des liens vers des sections internes de la page.
Sélectionnez un endroit dans la page et cliquez sur l'icône


Dans la fenêtre qui s'ouvre, il faut renseigner le nom de l'ancre qui sera utilisée.


Pour pouvoir rediriger sur une ancre, il suffit d'insérer un lien sur une partie du texte qui pointe sur l'ancre souhaitée.

Pour supprimer une ancre, faites un clic droit sur celle-ci et de cliquer sur "Supprimer l'ancre".

 

Accéder au code source HTML

Il est possible d'éditer du contenu directement en HTML grâce au bouton qui fait passer l'éditeur en mode code.
Cela permet d'éditer des contenus de manière plus avancée et plus précise, avec l'ajout de style CSS, et l'utilisation de l'ensemble des éléments HTML disponibles.
 

Insérer une liste de produits

La liste de produits permet d’afficher des produits, sans prix et sans bouton de mise au panier.
Cliquez sur l'icône  dans l'éditeur de texte.


Dans la fenêtre qui s'ouvre, remplissez les champs afin de retrouver les produits concernés.

 

Insérer une boutique virtuelle

Vous pouvez insérer un bloc de produits avec prix et bouton de mise au panier.
Positionnez votre souris à l'endroit où vous souhaitez insérer les produits et cliquez ensuite sur l'icône .



Une fenêtre s'ouvre, où vous pouvez renseigner :

  • Le nombre de produits à afficher
  • [Facultatif] La liste des références produit à afficher
  • [Facultatif] Le code d'un secteur, si vous souhaitez afficher uniquement les produits d'un secteur
  • [Facultatif] Une famille produit, si vous souhaitez afficher uniquement les produits d'une famille
  • [Facultatif] Le code d'une étiquette, si vous souhaitez afficher uniquement les produits qui disposent d'une étiquette



Dans le corps de l'éditeur de texte, une boutique virtuelle apparaît sous cette forme :


Exemple de rendu pour vos visiteurs :



 

L'insertion d'une boutique virtuelle est possible uniquement si vos produits sont accessibles au public.

 

Insérer une liste d'article

Il est possible d'afficher une liste d'article dans le contenu de la page. Cliquez sur l'icône .


Il y a plusieurs options possibles pour définir les articles à afficher :
  • Thématique : Permet d'indiquer le type de page à récupérer (les pages de type actualité ou de type recette etc...).
  • Style : permet de définir le style de rendu pour la liste d'article.
  • Rubrique affichée : seul les articles de la rubrique sélectionnée et de ses sous-rubriques seront affichés.
  • Sélectionner un tag : permet de récupérer tous les articles possédant les tags sélectionnés
  • Nombre d''articles affichés : permet de restreindre le nombre d'articles à afficher dans la liste.
  • Nombre d'articles par pages : permet de définir le nombre maximum de pages affichées simultanément.
    Si rien n'est renseigné, la pagination par défaut est 10.
    Si la valeur renseignée est "-1", aucune pagination n'est appliquée.