Créer sa page d'accueil et des pages de contenu avec l'éditeur visuel

Accéder à la vidéo

L'éditeur visuel est disponible pour personnaliser votre page d'accueil, vos pages de contenu libre, un espace de contenu libre en-dessous de vos formules et de vos cartes cadeaux, votre tunnel de désabonnement et le descriptif de vos produits du shop.

IMPORTANTPréparez vos visuels (images et icônes) aux bons formats et compressés avant de les importer dans votre galerie de médias depuis l'éditeur visuel.Vous pouvez créer des sous-dossiers dans votre galerie de médias pour classer vos visuels. Veillez à ne pas mettre d'espace ni de caractères spéciaux dans les noms attribués à vos sous-dossiers.Vous pouvez utiliser Photopea pour redimensionner vos images et Squoosh pour les compresser.

Ouvrez votre image dans Photopea.

Redimensionnez-la en allant dans Image > taille de l'image (en règle générale, une image dans un contenu web ne dépasse pas 500 px de largeur)

Exportez votre image avec une qualité à 60%

Glissez votre image dans Squoosh pour une dernière couche de compression

IMPORTANTVos couleurs et vos polices de texte et titre se personnalisent depuis la fenêtre Variables CSS, quand vous cliquez sur Mes Sites puis Editer, dans l'onglet Apparence de votre site.

Présentation de l'éditeur visuel

L'éditeur visuel comprend 2 parties :

la galerie de blocs disponibles à gauche
la prévisualisation de la page à droite (en version ordinateur et mobile)

La disposition des blocs entre eux se modifie en sélectionnant un bloc et en le glissant à l'endroit voulu dans la partie de gauche (gestion des blocs et de leur contenu).

La disposition des éléments au sein d'un bloc est aussi personnalisable par un simple glisser/déposer.

Pour chaque bloc dans le contenu d'une page, vous pouvez indiquer s'il est visible en version ordinateur, en version mobile ou les 2 (depuis l'onglet Apparence du bloc).

Puis, accédez au détail du bloc dans la partie de gauche pour en personnaliser le contenu.

Dans le contenu des blocs, vous trouverez 2 onglets :

Contenu : pour renseigner vos texte et ajouter des boutons
Apparence : pour définir couleurs et images de fond, en version ordinateur et mobile, et son remplissage

Vous avez aussi la possibilité de modifier les couleurs de texte et de fond en accédant à une palette de couleurs.

Construisez votre palette de 10 couleurs : sortez de l'éditeur visuel et cliquez sur Mes sites dans le colonne de gauche puis Editer (icône du petit crayon). Au niveau de l'onglet Apparence, renseignez vos codes couleur html dans la seconde fenêtre de CSS personnalisé.

C'est également dans la fenêtre des variables CSS que vous pourrez personnaliser les couleurs de vos boutons, du pied de page, ...

Pour vous aider à définir vos couleurs, vous pouvez vous appuyer sur le site Coolors.

Un bloc peut être supprimé.
Un bloc peut être copié. Puis appuyez sur CTRL+V pour coller le bloc.

Le contenu d'une page peut être copié. Puis appuyez sur Ctrl+V pour coller son contenu.

Une fois vos modifications terminées, sauvegardez les modifications apportées.

Liste des blocs disponibles

html : pour construire directement le contenu de ses pages en html
markdown : pour construire des pages de texte, type CGV, mentions légales
colonnes
bannière
section avec icônes
section avec titre et icones
newsletter
témoignages
étapes
bloc centré
images survolables
évaluations
news
call to action hover
contenu alterné droite/gauche
texte avec image
titre avec bouton à droite
carrousel d'images
galerie d'images

Si votre compte instagram est renseigné dans les paramètres marketing de votre site, les images pourront être directement rapatriées dans votre galerie

produits
checklist
statistiques
carrousel de texte avec images
FAQ / Caractéristiques

Mis à jour le : 04/08/2023

Cet article a-t-il répondu à vos questions ?

Merci !