Créer une nouvelle page Elementor

Sommaire

Elementor est installé et paramétré ? Il est maintenant temps de créer sa première page Elementor pour son site.

Pour créer une nouvelle page Elementor pour votre site, il suffit d’aller dans le tableau de bord de WordPress > Pages > Ajouter

On indique

  1. Le titre
  2. Le slug ou url
  3. Le modèle de page à utiliser (ici pour en savoir plus sur les modèles de pages Elementor) – dans Attributs de page
créer une nouvelle page Elementor WordPress

Puis on clique sur le bouton Modifier avec Elementor.

bouton modifier avec Elementor nouvelle page

La page va alors s’ouvrir dans Elementor :

Page Elementor Canevas vierge

Créer une nouvelle page Elementor de zéro 

Une fois sur l’interface d’Elementor la page est pour l’instant vide.

Pour créer notre nouvelle page Elementor, on va devoir : 

  • Ajouter une section
  • Indiquer le nombre de colonne à utiliser
  • Ajouter les Widgets
  • Paramétrer les sections, les colonnes et les Widgets

Ajouter une nouvelle section :

Pour ajouter une nouvelle section à une page Elementor il suffit de cliquer sur le bouton rouge + :

bouton ajouter une section elementor

Indiquer le nombre de colonne à utiliser

Lors de l’ajout d’une nouvelle section, Elementor nous propose de sélectionner le nombre de colonne que l’on souhaite avoir dans notre section :

Choix du nombre de colonnes dans Elementor

A tout instant il sera possible d’ajouter une nouvelle colonne ou d’en effacer une en faisant clic droit sur une colonne > Dupliquer ou Effacer

Une fois la colonne ajoutée on peut ajouter des Widgets :

Ajouter des Widgets Elementor aux colonnes :

Elementor dispose d’une liste complète de Widgets.

Il est également possible d’en ajouter en téléchargeant des plugins WordPress d’Addons Elementor.

Pour accéder à la liste des Widgets il faut cliquer sur l’icône des 9 points dans la barre latérale gauche :

bouton widgets elementor

Puis de sélectionner un Widget et de le faire glisser à l’endroit voulu sur la page :

widget titre elementor

Et par défaut le Widget prend les paramètres (taille, couleur et style) de notre thème.

Il est cependant possible de paramétrer le thème dans Elementor pour changer par exemple les polices ou les couleurs par défaut.

widget titre elementor

Paramétrer les Colonnes, Sections et Widgets Elementor

Pour paramétrer un élément (colonne, section ou Widget) Elementor, il faut cliquer dessus et les paramètres s’affichent dans la barre latérale gauche :

Ajouter un titre page elementor

La fenêtre des paramètres dispose de 3 onglets que l’on retrouve (quasi) systématiquement sur tous les Widgets :

onglets elementor style

L’onglet Contenu :

Il sert à modifier le contenu et les paramètres basiques du Widget

L’onglet Style :

Il sert à paramétrer la typo, la taille ou la couleur du Widget

L’onglet Avancé :

Il sera principalement utilisé pour gérer les marges internes et externes ainsi que les options responsive mobile

Créer une nouvelle page Elementor à partir de la bibliothèque de template

Elementor met à notre disposition des templates de blocs et de pages qui peuvent être utilisés pour créer sa nouvelle page.

Plutôt que de partir d’une page vide, il est possible de partir d’un template puis de retravailler ce template pour construire sa page.

Accéder à la bibliothèque de template d’Elementor

Pour accéder à la bibliothèque de template d’Elementor, il suffit de cliquer sur l’icône du dossier :

dossier nouvelle section

On accède alors à la bibliothèque d’Elementor.

bibliothèque template page elementor

Importer des pages de template dans Elementor

La bibliothèque contient des pages que l’on peut directement importer en cliquant sur le bouton Insérer.

La page entière (textes, photos et paramètres) est alors chargée sur notre page et prête à être modifiée :

template page elementor

Importer des blocs de template dans Elementor

On peut également utiliser dans la bibliothèque des blocs qui permettent de construire sa page :

bibliothèque de blocs elementor

Et en cliquant sur Insérer, le bloc est chargé dans notre page.

bibliothèque de blocs elementor

Enregistrer et publier sa page

Une fois notre page Elementor terminée on peut la prévisualiser en cliquant sur l’icône de l’œil ou la publier directement en cliquant sur le bouton Mettre à jour :

mettre a jour page elementor

Partagez le guide Elementor

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur reddit