Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Utiliser l'éditeur de texte intégré

Vous pouvez utiliser l'éditeur de texte intégré pour créer vos descriptions de produits, vos descriptions de catégories, vos informations légales et les instructions de paiement ou de retrait. De cette façon, vous serez en mesure de fournir à vos clients des informations mieux structurées et plus attrayantes visuellement.

L'éditeur de texte vous permet de formater des paragraphes, d'ajouter des vidéos, des images et des liens, changer la couleur du texte, la taille et la police, créer des listes et des tableaux, et bien plus encore. Ces fonctionnalités vous aideront à améliorer la conception de votre boutique Ecwid et à décrire les produits et services de manière plus conviviale.

Vous pouvez également utiliser l'éditeur de texte sur les applications mobiles Ecwid pour iOS et Android.

Utiliser le mode plein écran

Pour avoir plus d'espace lorsque vous travaillez avec votre texte, vous pouvez utiliser le mode plein écran en cliquant sur l'icône Plein écran dans le coin supérieur droit de l'éditeur de texte.

Using_text_editor_at_15.12.31.png

Pour quitter ce mode, cliquez à nouveau sur l'icône.

Appliquer la mise en forme

L'application de la mise en forme permet de structurer votre texte et de mettre en valeur des informations importantes. Vous pouvez utiliser des citations pour citer des avis produits et des témoignages.

Il y a cinq types de mise en forme disponibles dans notre éditeur de texte :

  • Texte normal (Arial, 14px)
  • Titre 2
  • Titre 3
  • Titre 4
  • Citation (texte entre crochets qui ressemble à une citation).

Pour modifier la mise en page d'un paragraphe, placez le curseur sur le paragraphe correspondant, appuyez sur le bouton ¶ (« Mise en page ») dans le coin supérieur gauche de l'éditeur de texte et choisissez l'option dont vous avez besoin dans la liste.

Using_text_editor__21_.png

La mise en forme est appliquée à l'ensemble du paragraphe en même temps, donc vous devez appuyer sur Entrée pour séparer le texte que vous ne voulez pas être affecté.

Choisir les polices

L'éditeur de texte prend en charge les textes gras, italique, soulignéset barrés .

Tous les boutons dédiés aux polices sont situés dans le coin supérieur gauche de l'éditeur de texte :

  • Le bouton B (« Gras ») sert à mettre le texte en gras
  • Le bouton I (« Italique ») sert à mettre le texte en italique
  • Le bouton U (« Souligné ») sert à souligner le texte
  • Le bouton S (« Barré ») sert à barrer le texte

Using_text_editor__24_.png

Il y a deux façons de changer la police de caractères pour votre texte.

Tout d'abord, vous pouvez sélectionner un morceau de texte et appuyer sur le bouton correspondant dans le menu de l'éditeur de texte. La police pour ce morceau de texte particulier changera.

Ensuite, vous pouvez appuyer sur le bouton correspondant dans le menu et commencer à saisir votre texte. Le texte que vous tapez aura la police que vous avez choisie. Pour arrêter d'utiliser la police sélectionnée, appuyez à nouveau sur le bouton.

Ajouter des images

Vous pouvez téléverser des images depuis votre ordinateur pour les insérer dans votre texte. Assurez-vous que les images sont dans un format pris en charge par Ecwid : ce sont les formats JPG, BMP, PNG et GIF. La taille maximale de l'image téléversée est de 10 Mo.

Using_text_editor_at_15.13.34.png

Pour insérer une image cliquez sur l'icône de l'image dans le menu de l'éditeur de texte, puis faites glisser et déposez le fichier dont vous avez besoin, ou cliquez sur Choisir le fichier, sélectionnez un fichier sur votre ordinateur et cliquez sur Ouvrir.

Pour accélérer le processus, vous pouvez glisser-déposer une image depuis votre ordinateur dans le champ de texte.

Le fichier sera téléversé automatiquement et inséré dans le champ texte. Double-cliquez sur l'image si vous voulez la redimensionner.

Ajouter des vidéos

Pour présenter votre produit et aider les clients à prendre une décision pondérée ou à rendre vos instructions plus utiles, vous pouvez ajouter une vidéo Youtube/Vimeo à votre texte.

Pour ajouter une vidéo à votre texte :

  1. Cliquez sur l'icône vidéo dans le menu de l'éditeur.
  2. Entrez un code d'intégration vidéo ou un lien externe.Using_text_editor_at_15.14.16.png
  3. Cliquez sur Insérer.

La vidéo sera insérée automatiquement dans le champ texte.

Vous pouvez également entrer simplement l'adresse de la vidéo ou un code intégré directement dans le champ texte.

Ajouter des liens

Vous pouvez ajouter des liens cliquables vers les sites Web externes et/ou vers les pages ou les fichiers depuis votre boutique Ecwid. Ces liens seront ouverts dans le même onglet ou dans àn nouvel onglet (si vous choisissez cette option).

Si vous souhaitez ajouter un manuel PDF à la description de votre produit, vous pouvez simplement télécharger votre manuel sur un hébergement de fichiers (par exemple, Google Drive), puis insérer un lien vers celui-ci.

Pour insérer un lien dans votre texte :

  1. Dans le menu de l'éditeur de texte, cliquez sur l'icône de lien, puis cliquez sur Insérer un lien.

    Using_text_editor_at_15.14.51.png

  2. Ajoutez l'URL et saisissez le texte.
  3. (facultatif) Cocher Ouvrir le lien dans un nouvel onglet.
  4. Cliquez sur Insérer.

Vous pouvez également sélectionner un morceau de texte et cliquer sur l'icône de lien dans le menu pour ajouter un lien à ce texte. Pour supprimer le lien, sélectionnez le texte, puis cliquez sur Délier.

Pour ajouter un lien vers une image (pour créer une bannière par exemple), suivez nos instructions pour ajouter une image cliquable.

Créer des tableaux

L'éditeur de texte vous permet de créer des tableaux. Vous pouvez également éditer votre tableau plus tard en ajoutant et en supprimant des lignes et des colonnes et en ajoutant/supprimant l'en-tête du tableau. Les cellules de tableau peuvent contenir des vidéos, du texte formaté, des liens, des images, etc.

Pour ajouter un tableau à votre texte :

  1. Dans le menu de l'éditeur de texte, cliquez sur l'icône du tableau, puis cliquez sur Insérer un tableau.

    Using_text_editorat_15.15.32.png

  2. Choisissez le nombre de lignes et de colonnes pour votre tableau et cliquez sur Insérer.
  3. (facultatif) Ajoutez une ligne et/ou des colonnes supplémentaires via le menu de l'éditeur.
  4. Remplissez le tableau comme vous le souhaitez.

Vous pouvez également modifier votre tableau plus tard. Pour supprimer le tableau, cliquez sur l'icône du tableau dans le menu de l'éditeur de texte et cliquez sur Supprimer le tableau ou placez votre curseur à droite du tableau et appuyez sur Retour arrière.

Personnaliser les paramètres de police

En utilisant l'éditeur de texte, vous pouvez définir la couleur de la police et la couleur de fond, en plus de changer la taille de la police et la famille de police afin qu'ils s'intègrent dans le design de votre boutique.

  • Appuyez sur Couleur de police pour choisir la couleur de vos lettres :

    Using_text_editor__13_.png

  • Appuyez sur Couleur d'arrière-plan pour choisir la couleur d'arrière-plan de vos lettres :

    Using_text_editor__6_.png

  • Appuyez sur Changer la taille de police pour choisir la taille de vos lettres :Using_text_editor__18_.png
    Choisissez Supprimer la taille de police à la fin de la liste pour revenir à la taille de police qui est utilisée par défaut (elle est de 14px).
  • Appuyez sur Changer de famille de polices pour choisir la famille de polices pour vos lettres :

    Using_text_editor__3_.png

    Choisissez Retirer la famille de polices à la fin de la liste pour retourner à la famille de polices utilisée par défaut (Arial).

Il y a deux façons d'appliquer les paramètres de police dans l'éditeur de texte.

Tout d'abord, vous pouvez sélectionner un morceau de texte et appuyer sur le bouton correspondant dans le menu de l'éditeur de texte. Le paramètre de police pour ce texte particulier changera.

Ensuite, vous pouvez appuyer sur le bouton correspondant et commencer à saisir votre texte. Le texte que vous tapez aura le paramètre de police que vous avez choisi. Pour ne plus utiliser ce paramètre de police, appuyez une fois de plus sur le bouton pour choisir un autre paramètre.

Pour utiliser les couleurs qui ne sont pas présentes dans la palette, éditez vos textes en mode HTML.

Vous pouvez changer la famille, la couleur et la taille des textes pour l'ensemble de votre boutique en utilisant des codes CSS ou des applications du Marché des applications Ecwid. Vous pouvez également mettre à jour les polices pour votre boutique Ecwid et votre site Instant.

Appliquer l'alignement du texte

Il y a quatre types d'alignement de texte disponibles dans l'éditeur de texte :

  • Aligner à gauche
  • Centrer
  • Aligner à droite
  • Justifier le texte (crée un texte avec une largeur fixe).

Using_text_editor__23_.png

Pour modifier l'alignement, placez le curseur sur le paragraphe correspondant dans votre texte, puis appuyez sur le bouton Alignement et choisissez l'option dont vous avez besoin.

L'alignement est appliqué à l'ensemble du paragraphe en même temps, donc vous devez appuyer sur Entrer pour séparer le texte que vous ne voulez pas être affecté.

Insérer une règle horizontale

Si vous voulez séparer les paragraphes de votre texte les uns des autres par une ligne horizontale, vous pouvez utiliser le bouton Insérer une règle horizontale dans le menu de l'éditeur de texte.

Using_text_editor__7_.png

Vous pouvez également ajouter plusieurs règles horizontales si vous voulez rendre la division plus évidente. Pour supprimer une règle, placez votre curseur après et cliquez sur Retour arrière.

Créer des listes

L'éditeur de texte vous permet de créer deux types de listes : des listes non ordonnées et des listes ordonnées. La première option utilise des puces pour marquer des points, la seconde utilise des chiffres.

  • Appuyez sur Liste non ordonnée dans le menu de l'éditeur de texte pour créer une liste séparée par des puces. Pour créer un nouveau point, appuyez sur Entrée. Appuyez sur Entrée deux fois pour terminer la liste.

    Using_text_editor_at_15.17.21.png

  • Appuyez sur Liste ordonnée dans le menu de l'éditeur de texte pour créer une liste avec des nombres pour chacun des points. Pour créer un nouveau point, appuyez sur Entrée. Appuyez sur Entrée deux fois pour terminer la liste.

    Using_text_editor_at_15.16.40.png

Utiliser les indentations

Vous pouvez utiliser les indentations pour faire ressortir certains paragraphes. Les indentations vous permettent de déplacer la position de la marge gauche de votre paragraphe.

Une fois que vous appuyez sur le bouton Indenter dans le menu de l'éditeur de texte, la marge gauche de votre paragraphe se déplacera légèrement vers la droite. Vous pouvez répéter cette action autant de fois que vous le souhaitez. Pour annuler les modifications, appuyez sur Retour arrière (si votre curseur est au début du paragraphe) ou Retirer l’indentation.

Using_text_editor_at_15.18.21.png

Une fois que vous appuyez sur le bouton Retirer l'indentation, la marge gauche de votre paragraphe se déplacera légèrement vers la gauche. De cette façon, vous pouvez annuler les modifications faites en appuyant sur le bouton Indenter.

Using_text_editor_at_15.18.44.png

Vous pouvez utiliser des indentations non seulement pour vos paragraphes de texte, mais aussi pour les images et les vidéos.

Créer des blocs déroulants (descriptions de produits seulement)

Les blocs déroulants (également appelés « blocs d'accordéon ») vous permettent de diviser les descriptions des produits en sections qui peuvent être étendues ou réduites en un simple clic de souris ou une touche de l'écran tactile. De cette façon, les descriptions de vos produits seront toujours faciles à consulter tout en fournissant à vos clients des informations détaillées.

Vous pouvez ajouter tous les types de texte formaté, avec des images, des vidéos, des tableaux, etc. à vos blocs.

Pour ajouter un bloc déroulant à une description de produit :

  1. Dans le menu de l'éditeur de texte, cliquez sur le bouton Bloc de texte déroulant.

    Create_collapsible_blocks.png

  2. Saisissez le titre du bloc. Par exemple, « Tissu et soins ».
  3. Dans la section de description du bloc, saisissez le contenu que vous voulez cacher dans le bloc cliquable.
  4. (facultatif) Répétez le processus pour ajouter plus de blocs déroulants à votre page de produit. Par exemple, vous pouvez également avoir un bloc « Taille et ajustement » et un bloc « Description » pour l'aperçu général du produit.

C'est tout ! Maintenant les informations du produit apparaîtront sous la forme de titres sur lesquels les clients pourront cliquer pour obtenir plus de détails.

Voici comment une description avec des blocs déroulants peut apparaître sur une page de produit :

Create_collapsible_blocks.gif

Modifier vos textes en mode HTML

Pour les utilisateurs avancés qui veulent modifier le code source de la description, l'éditeur de texte possède un mode HTML. Cliquez sur <> dans le coin supérieur droit du menu de l'éditeur pour modifier vos textes en utilisant HTML:

Using_text_editorat_15.19.22.png

Vous trouverez ci-dessous quelques exemples de ce que vous pouvez faire en utilisant le mode HTML.

Vous pouvez créer des images cliquables avec des liens menant aux pages externes ou aux pages de votre boutique. Par exemple, si vous réalisez une promotion, vous pouvez ajouter une bannière cliquable à la page d'accueil de votre boutique qui mènera les clients à la catégorie avec les produits à prix réduits.

Disons que vous voulez ajouter un lien vers « https://www.ecwid.com/ » à une image.

Pour ajouter une image cliquable à votre texte :

  1. Cliquez sur l'icône de l'image dans le menu de l'éditeur de texte et téléversez votre image.
  2. Entrez dans le mode HTML et trouvez votre image :

    Using_text_editor__20_.png

    Ce dont vous avez besoin, c'est de la partie <img src=”...”>.
  3. Entrez <a href="https://www.ecwid.com/"> à droite avant la partie <img scr=”...”> et mettez </a> après.

    Using_text_editor__15_.png

    Au lieu de https://www.ecwid. om/ vous devez insérer dans <a href=""> l'adresse de la page Web dont vous avez besoin.
  4. Quittez le mode HTML pour vérifier les modifications.
N'oubliez pas de cliquer sur Enregistrer une fois que vous avez fini de faire des modifications dans le champ texte.
Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 22 sur 31
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser