Passer au contenu principal

Présentation de l'éditeur de page

Créez des pages grâce à notre éditeur drag-and-drop. Idéal pour concevoir vos tunnels de vente ou vos sites web complets.

F
Écrit par Fabien Roigt

⚠️ Vous cherchez à créer ou configurer un blog ?

Cet article explique comment utiliser l’éditeur de page pour construire une page, un site web ou un tunnel.

Si vous voulez créer un blog, configurer le slug de votre blog ou gérer vos articles de blog, vous ne devez pas commencer dans l’éditeur de page.

Allez plutôt dans :

Sites > Blogs

Depuis cette section, vous pourrez :

  • créer votre blog ;

  • choisir son nom ;

  • définir son domaine ;

  • ajouter le slug du blog ;

  • créer et publier vos articles.

L’éditeur de page sert ensuite à afficher votre blog sur une page de votre site, par exemple avec une page appelée “Blog” ou “Actualités”.

👉 Exemple :
Si votre domaine est monsite.com et que le slug de votre blog est blog, l’adresse de votre blog pourra ressembler à :

monsite.com/blog

1. Qu’est-ce que le constructeur de pages BizzBizz.io ?

L’éditeur de pages BizzBizz.io vous permet de :

  • Concevoir des pages 100 % personnalisables

  • Ajouter des sections, colonnes, blocs, images, boutons, formulaires…

  • Adapter chaque page à votre charte graphique et vos objectifs marketing

  • Optimiser l’affichage sur mobile automatiquement

  • Ajouter des animations, du contenu dynamique, ou des éléments interactifs

Vous pouvez l’utiliser aussi bien pour un site vitrine, une landing page, ou un funnel de conversion complet.

À ne pas confondre avec la création d’un blog

L’éditeur de page sert à construire ou modifier l’apparence d’une page.

Il ne sert pas à créer le blog lui-même.

Pour créer ou configurer un blog, vous devez aller dans :

Sites > Blogs

Ensuite, vous pourrez revenir dans l’éditeur de page si vous voulez afficher les articles de votre blog sur une page de votre site.

Exemple :

  • Sites > Blogs : créer le blog, définir son slug, gérer les articles.

  • Sites > Sites Web > Éditer : créer une page “Blog” et afficher les articles dessus.


2. Comment accéder à l’éditeur de page ?

Depuis votre tableau de bord BizzBizz.io :

  1. Cliquez sur Sites dans la barre latérale

  2. Sélectionnez Tunnels ou Sites Web selon votre projet

  3. Cliquez sur + Nouveau tunnel ou + Nouveau site

  4. Créez une première étape (ou page), puis cliquez sur Éditer pour ouvrir l’éditeur visuel

Vous êtes dans l’onglet “Pages” ?

Si vous avez ouvert votre site web et que vous arrivez dans l’onglet Pages, vous êtes au bon endroit pour créer ou modifier une page de votre site.

Depuis cet onglet, vous pouvez par exemple :

  • créer une page d’accueil ;

  • créer une page de vente ;

  • créer une page de contact ;

  • créer une page “Blog” ou “Actualités”.

Attention : créer une page appelée “Blog” ne crée pas automatiquement le blog.

Pour créer le blog lui-même, vous devez aller dans :

Sites > Blogs

Ensuite, vous pourrez revenir dans l’onglet Pages pour créer une page “Blog” et y afficher les articles de votre blog.


3. Structure d’une page : Sections, Rangées, Colonnes, Éléments

L’éditeur est basé sur une structure simple mais puissante :

Sections

Ce sont les grandes zones de votre page. Vous pouvez en créer autant que nécessaire.

  • Types disponibles : pleine largeur, large, moyenne ou petite

  • Chaque section peut contenir plusieurs rangées

Lignes

Elles divisent horizontalement chaque section.

  • Vous pouvez créer des rangées de 1 à 6 colonnes

  • Pratique pour organiser vos contenus côte à côte

Éléments

Ce sont les blocs concrets : texte, image, bouton, vidéo, formulaire…

  • Glissez-déposez un élément dans une colonne

  • Puis personnalisez-le via le menu de droite


4. Fonctionnalités clés de l’éditeur

Glisser-déposer (Drag & Drop)

Ajoutez et organisez vos éléments intuitivement, sans coder. Cliquez, déplacez, ajustez.

Personnalisation totale

Chaque élément peut être personnalisé :

  • Couleur, taille, police

  • Espacement, alignement

  • Bordures, fond, coins arrondis…

🐝 L’astuce de Beezy : Utilisez les paramètres de style avancés pour donner une vraie identité visuelle à vos pages, sans alourdir leur chargement.

Affichage mobile optimisé

Basculez en un clic vers la vue mobile pour ajuster le rendu. Supprimez ou modifiez certains blocs uniquement pour mobile si besoin.

Contenu dynamique

Intégrez facilement :

  • Vidéos (YouTube, Vimeo…)

  • Liens calendriers

  • Cartes de localisation

  • Articles de blog dynamiques

Afficher des articles de blog dans une page

Vous pouvez utiliser l’éditeur de page pour afficher les articles d’un blog sur une page de votre site.

Par exemple, vous pouvez créer une page appelée :

  • Blog

  • Actualités

  • Conseils

  • Ressources

Puis ajouter un élément dédié aux articles de blog dans cette page.

Important : avant d’afficher les articles dans une page, le blog doit déjà exister dans :

Sites > Blogs

L’ordre recommandé est donc :

  1. Créer le blog dans Sites > Blogs

  2. Configurer son nom, son domaine et son slug

  3. Créer vos premiers articles

  4. Revenir dans Sites > Sites Web

  5. Ouvrir la page où vous voulez afficher le blog

  6. Ajouter l’élément d’affichage des articles de blog

Animations

Rendez vos pages plus vivantes :

  • Sélectionnez un élément

  • Cliquez sur Animations dans le menu latéral

  • Choisissez l’effet souhaité (fade-in, slide, zoom…)

Prévisualisation

À tout moment, cliquez sur Aperçu pour voir la version finale.


N’oubliez pas d’enregistrer vos modifications avant de quitter.


5. Utiliser les sections pré-construites

BizzBizz.io propose des Modèles de Sections, appelées :

  • À propos

  • Témoignages

  • Appel à l’action

  • Équipe

  • Footer

  • Header…

Faites-les glisser directement dans votre page, puis personnalisez.

🐝 L’astuce de Beezy : Idéal pour gagner du temps tout en assurant un design cohérent sur toutes vos pages.


6. Réutiliser vos sections personnalisées

Vous avez construit une superbe bannière, un formulaire ou un bloc de témoignages ? Enregistrez-le en tant que modèle :

Modèles de Section

  • S’enregistrent comme blocs indépendants

  • Modifiables sur chaque page où vous les insérez

Sections Enregistrées

  • Liées entre elles : toute modification est automatiquement appliquée partout

  • Parfait pour un menu, un pied de page ou une bannière identique sur tout le site

Exemple :

Créez une section globale “footer” avec vos réseaux sociaux. Modifiez-la une seule fois pour qu’elle soit mise à jour sur 12 pages d’un coup.


7. En résumé

✔️ Une interface simple et puissante pour créer vos pages
✔️ Zéro code, 100 % glisser-déposer
✔️ Design responsive automatique
✔️ Des modèles et sections prêtes à l’emploi pour gagner du temps
✔️ Une personnalisation complète de chaque élément

✔️ L’éditeur permet aussi d’afficher des articles de blog dans une page, mais la création et la configuration du blog se font depuis Sites > Blogs.


Articles liés

Si vous souhaitez aller plus loin, consultez aussi :

Avez-vous trouvé la réponse à votre question ?