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.
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.
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.
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
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.
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.
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 :
- Cliquez sur l'icône vidéo dans le menu de l'éditeur.
- Entrez un code d'intégration vidéo ou un lien externe.
- 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).
Pour insérer un lien dans votre texte :
- Dans le menu de l'éditeur de texte, cliquez sur l'icône de lien, puis cliquez sur Insérer un lien.
- Ajoutez l'URL et saisissez le texte.
- (facultatif) Cocher Ouvrir le lien dans un nouvel onglet.
- 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 :
- Dans le menu de l'éditeur de texte, cliquez sur l'icône du tableau, puis cliquez sur Insérer un tableau.
- Choisissez le nombre de lignes et de colonnes pour votre tableau et cliquez sur Insérer.
- (facultatif) Ajoutez une ligne et/ou des colonnes supplémentaires via le menu de l'éditeur.
- 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 :
- Appuyez sur Couleur d'arrière-plan pour choisir la couleur d'arrière-plan de vos lettres :
- Appuyez sur Changer la taille de police pour choisir la taille de vos lettres :
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 :
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.
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).
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.
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.
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.
- 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.
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.
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.
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 :
- Dans le menu de l'éditeur de texte, cliquez sur le bouton Bloc de texte déroulant.
- Saisissez le titre du bloc. Par exemple, « Tissu et soins ».
- Dans la section de description du bloc, saisissez le contenu que vous voulez cacher dans le bloc cliquable.
- (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 :
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:
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 :
- Cliquez sur l'icône de l'image dans le menu de l'éditeur de texte et téléversez votre image.
- Entrez dans le mode HTML et trouvez votre image :
Ce dont vous avez besoin, c'est de la partie <img src=”...”>. - Entrez <a href="https://www.ecwid.com/"> à droite avant la partie <img scr=”...”> et mettez </a> après.
Au lieu de https://www.ecwid. om/ vous devez insérer dans <a href=""> l'adresse de la page Web dont vous avez besoin. - Quittez le mode HTML pour vérifier les modifications.
Vous pouvez utiliser des couleurs de police différentes de celles qui sont disponibles dans la palette standard de l'éditeur de texte. Tout ce dont vous aurez besoin est le code RVB pour votre couleur (vous pouvez le trouver via n'importe quelle calculatrice RVB).
Disons que vous voulez rendre un morceau de votre texte disant « Promotion ! » rouge vif.
Pour changer la couleur de votre texte :
- Tapez votre texte dans le champ texte.
- Pour faciliter le processus, changez la couleur du texte en question en une des couleurs disponibles dans l'éditeur de texte.
- Entrez dans le mode HTML et trouvez votre image :
Vous avez besoin de la partie « color:rgb (149, 55, 52); ». - Changez la partie entre parenthèses avec le code RVB qui correspond à la couleur de texte dont vous avez besoin. Dans votre cas — rouge vif — entrez (255, 0, 0) au lieu de (149, 55, 52).
- Quittez le mode HTML pour vérifier les modifications.