Bienvenue dans mon article sur Blocs d'éléments. J'utilise Elementor depuis 5 ans maintenant. En chemin, j’ai rassemblé quelques trucs et astuces qui vous seront utiles.
Toutes les pages Web ne sont pas créées à partir de modèles. Pour les styles de marque qui veulent vraiment être considérés comme uniques, les blocs sont la réponse. Les blocs peuvent être configurés aussi facilement que les modèles et offrent des possibilités plus personnalisables qu'eux.
Attendez, avant d'aller plus loin dans notre article, vous voudrez en savoir plus sur Elementor et pour cela, vous pouvez lire mon article détaillé Examen Elementor.
De nombreuses pages Web glamour que vous voyez sur les principaux sites Web sont conçues à partir de blocs préconçus. Il existe des centaines de blocs de ce type parmi lesquels vous pouvez choisir.
Mais je suis là pour m'assurer que vous ne ferez pas l'erreur de vous tromper ou de choisir un bloc régressif. Ensuite, vous réaliserez, comme moi, que les blocs Elementor sont un joyau caché. Commençons l'apprentissage.
⭐ Êtes-vous un créatif? Créez-vous des sites Web et des blogs ? Voulez-vous apprendre quelque chose de nouveau à chaque fois que vous visitez Elementor ?
⭐ Elementor est un excellent outil de création de pages WordPress qui peut vous aider à concevoir rapidement des pages, à ajouter des effets visuels et des boutons, à créer des applications mobiles et à personnaliser l'apparence de votre site.
⭐Elementor vous permet de créer de superbes pages Web avec une fonctionnalité glisser-déposer et des blocs intelligents qui vous permettent d'utiliser votre imagination. Vous pouvez également commencer à en apprendre davantage sur WordPress dès son ouverture !
⭐ Découvrez à quel point il est facile de créer des articles de blog et des images impressionnants sans passer des jours dans l'éditeur ! Commencez à créer du contenu instantanément !
⭐ Si vous avez déjà visité l'un de nos autres sites Web, nous vous invitons à parcourir ce que nous avons créé à l'aide de notre outil de création de sites Web.
GAMME INFÉRIEURE DEVANT :
Elementor est le créateur de site Web WordPress idéal pour ceux qui souhaitent créer une page de destination professionnelle à fort taux de conversion sans aucun codage nécessaire. Créez votre page de destination avec leurs modèles au pixel près, ou choisissez de créer votre propre page. Elementor est même pratique avec un ensemble d'outils intégrés, comme des formulaires, que vous pouvez utiliser.
Les blocs sont des sections prédéfinies faciles à combiner pour créer un site Web complet. Avec les blocs, vous pouvez créer un site Web avec un nombre illimité de sections, de pages et de blocs de contenu. Vous pouvez également réorganiser et supprimer des blocs en un seul clic.
Table des matières
À propos des blocs Elementor
Elementor est presque synonyme de WordPress. Il s'agit d'un outil de création de pages par glisser-déposer basé en Israël. Fondé en 2016, Elementor est reconnu comme l'un des meilleurs outils de création de pages WordPress disponibles. Et un élément clé de leur succès est dû à la vaste sélection et aux modèles faciles à utiliser qu’ils proposent.
Leurs modèles de blocs personnalisables et leurs fonctionnalités adaptées aux mobiles en font une aubaine pour tout non-technophile. Largement considérés comme la meilleure alternative à l’embauche d’un designer, ils proposent des conceptions moins chères en une fraction du temps.
Pourquoi les blocs Elementor ?
Elementor est l'outil de création de pages de destination le plus populaire pour WordPress. Ce qui distingue leurs blocs, ce sont leurs conceptions hautement personnalisables et flexibles. Leur vaste gamme de sélection (plus de 235 blocs) vous promet un bloc de conception pour tout projet dont vous avez besoin.
Qu'il s'agisse de pages de destination pour obtenir des taux de conversion élevés ou de pages de contenu pour réduire les taux de rebond. Les blocs d'Elementor sont également fonctionnels, en plus d'être esthétiques.
Où trouver des blocs Elementor ?
-
Envato Elements
Il s'agit d'un plugin WordPress populaire qui vous donnera un accès gratuit à environ 155 blocs Elementor. Vous pouvez importer n'importe quel bloc de votre vaste collection après avoir installé le plugin.
-
Élémentorisme
Il s'agit d'un autre modèle et ressource de bloc Elementor qui vous donne un accès à vie pour 39 $. Les packs de modèles peuvent être téléchargés dans un fichier zip, puis téléchargés sur votre site Web Elementor WordPress.
-
ElementorHQ
ElementorHQ vous fournira des modèles Elementor premium. Vous trouverez ici environ 150 modèles et blocs pour un tarif de 35 $.
-
Packs de thèmes faciles
C'est l'endroit idéal pour trouver des modèles spécifiques à une niche. Vous trouverez des packs de modèles pour 15 des niches les plus courantes dans EasyThemePacks. Cependant, vous devrez payer des frais d'abonnement pour accéder à leurs modèles.
-
Bibliothèque de modèles Elementor
Il s'agit de la ressource de modèle par défaut que vous trouverez dans Elementor. Aucune installation ou téléchargement n’est nécessaire, car le modèle sera inséré en un seul clic.
-
Sizzify Lite
Il n’y a pas de véritable organisation ni division selon les niches dans Sizzify Lite. Ils proposent environ 200 modèles et blocs téléchargeables gratuitement.
-
L'usine d'atterrissage
Il s'agit d'une ressource de modèle payante principalement axée sur les pages de destination. Ils disposent d'une collection d'environ 400 modèles, avec un prix à partir de 16 $.
Nous commencerons par les petites étapes sur la façon d'utiliser Blocs d'éléments.
Étape 1 : Installation d'Elementor
Maintenant que vous connaissez les avantages d’avoir un modèle Elementor, il est temps de passer aux choses sérieuses. Tout commence par l'installation d'Elementor sur votre site WordPress. Duh, n'est-ce pas ? Vous pouvez opter pour la version gratuite ou la version payante Elementor Pro.
Vous n'avez pas besoin d'être un génie du développement Web pour installer Elementor. Suivez simplement les instructions à l’écran et tout ira bien.
Dans votre tableau de bord WordPress, cliquez sur Ajouter nouveau sous l'onglet Plugins. Tapez Elementor dans la barre de recherche et cliquez sur Installer maintenant.
L'installation ne prendra que quelques minutes. Cliquez sur Activer pour terminer l'installation d'Elementor dans votre site WordPress.
Étape 2 : Importer des blocs sur votre site WordPress
Après avoir activé Elementor, vous devez sélectionner une page de votre site WordPress sur laquelle vous souhaitez ajouter le bloc. Il peut s'agir de n'importe quelle page comme une page de destination, une page de tarification ou une page de contact.
Les pages Web souhaitées peuvent être trouvées sous l’onglet Pages de votre tableau de bord WordPress. Cliquez simplement sur une page pour commencer l'édition.
Sélectionnez Modifier avec Elementor en haut de votre écran pour accéder au générateur de page.
Cliquez sur une icône grise au milieu de votre écran une fois que vous êtes dans le générateur de page. Appuyez sur cette icône pour accéder à la bibliothèque de modèles.
La bibliothèque de modèles Elementor contient des centaines de blocs gratuits parmi lesquels vous pouvez choisir. Vous pouvez également choisir d'importer des blocs à partir d'autres ressources comme Sizzify Lite ou EasyThemesPack.
L'importation à partir de la bibliothèque de modèles est le moyen le plus simple. Vous pouvez également choisir de télécharger un bloc si vous ne trouvez pas de bloc approprié dans la bibliothèque. Ce processus est à peu près le même avec quelques étapes supplémentaires.
Pour importer depuis la bibliothèque de modèles Elementor
La bibliothèque de modèles Elementor peut être écrasante au début. Tapez le bloc exact que vous recherchez dans la barre de recherche pour réduire votre casse-tête de sélection.
Après avoir trouvé un bloc qui vous convient, cliquez sur le bloc puis cliquez sur Insérer. Votre nouveau bloc pourra être utilisé sur la page Web souhaitée une fois cette étape terminée.
Pour télécharger un fichier zip bloqué
Vous pouvez télécharger des blocs Elementor depuis Envato, Sizzify Lite ou EasyThemesPack et quelques autres marchés de blocs Elementor. J'ai trouvé que la bibliothèque n'offrait pas beaucoup de variété. Je préfère toujours télécharger des modèles depuis Envato.
Quelques étapes supplémentaires sont impliquées lorsque vous ajoutez un fichier de bloc zip à votre site WordPress. Vous devrez installer et activer des plugins d'importation pour ce processus.
Suivez le même processus que vous avez suivi pour l'installation Elementor Générateur de pages. Recherchez un outil d'importation sous l'onglet Plugin, puis ajoutez et installez le plugin sur votre site WordPress.
Vous êtes prêt à télécharger votre bloc après avoir activé le plugin d'importation. Ouvrez le nouveau plugin que vous avez installé et cliquez sur le fichier zip Upload Block.
Les étapes restantes sont toutes identiques à l’importation à partir de la bibliothèque de modèles Elementor. Votre nouveau bloc est maintenant prêt à être personnalisé sur votre site WordPress.
Étape 3 : Personnaliser votre bloc Elementor
C'est la partie amusante. Vous pouvez éditer et personnaliser des groupes de blocs autant que vous le souhaitez sans écrire un mot de code. Elementor vous permettra de modifier chaque élément d'un bloc.
Je ne suis jamais satisfait des couleurs que je vois dans un bloc. Heureusement, je peux le modifier facilement. Une barre d'outils apparaîtra dès que vous cliquerez sur le modèle. Vous pouvez modifier la taille, la forme et la couleur de chaque élément à partir de la section d'édition.
Prenez votre temps et peaufinez chaque instant pour créer votre page Web idéale. Je suis perfectionniste et je peux facilement passer des heures dans cette étape. N'oubliez pas d'enregistrer les modifications une fois que vous avez terminé.
Maintenant que vous savez comment configurer et modifier des groupes de blocs sur votre site Web, examinons la sélection des blocs.
Types de blocs
Il y a 17 blocs Elementor disponibles au choix
- En-tête
- Services
- Contacts
- Prix
- ÉQUIPE
- Témoignages
- Portefeuille
- Entreprises
- À propos
- Appel à l'action
- QFP
- La barre de progression
- Compte à rebours
- S'abonner
- Formulaires
- Pied de page
- Fonctionnalités:
Je discuterai en détail des blocs dont vous aurez le plus besoin.
Blocs Portfolio/Galerie
Les portfolios sont les pages Web les plus importantes d’un site Web. Si vous avez un site Web professionnel, c'est un péché capital de ne pas avoir de page de portfolio.
Les portfolios sont ce qui colle les lèche-vitrines à votre site Web et les incite à effectuer un achat. En plus d’être agréables à regarder avec des designs minimalistes, ils doivent aussi pouvoir remplir leur fonction première.
Les portefeuilles doivent rester simples et attrayants, avec un appel à l'action précis pour un maximum de conversions.
Blocs de magasin
Avoir des magazines de mauvaise qualité peut être un frein majeur pour vos visiteurs, et ils y verront une marque de manque de professionnalisme. Des blocs de magazines professionnels et élégants sont nécessaires pour faire bonne impression auprès de vos clients potentiels.
Les magazines comptent beaucoup sur leur apparence. Créez de superbes couvertures et pages de magazines à l'aide des blocs de magazines d'Elementor. Utilisez la bannière universitaire pleine largeur pour créer une impression durable auprès de vos visiteurs.
Bloc de produits
Vendre des produits est le moyen idéal de générer des revenus supplémentaires pour votre site Web. Cela peut également être utilisé pour promouvoir des newsletters et des services opt-in.
J'ai commencé toute ma carrière de développeur Web en créant un produit numérique pour le dropshipping et en le vendant en créant une page de destination. Tout ce que j'ai appris a commencé en commercialisant ce produit numérique sur le marché Internet.
Cela vous donnera des taux de conversion plus élevés et solidifiera votre crédibilité aux yeux des clients existants. Voici quelques étapes pour créer d’excellents produits :
- Ajoutez une image captivante avec votre produit.
- Énumérez sous forme de puces exactement ce que les téléspectateurs peuvent gagner en utilisant votre produit.
- Augmentation de l'urgence par les étiquettes d'offre à durée limitée ou les comptes à rebours pour les offres spéciales.
- Affichez de bonnes critiques sur le produit émanant de personnes ou de marques célèbres.
- Divulguez tous les contenus et extras qui accompagnent le produit.
- Incluez une option permettant à vos visiteurs de s'inscrire, en leur proposant des newsletters et des informations sur les futures ventes de produits.
Bloc de bannière
Si vous dirigez une agence Web ou d'autres activités de création visuelle, votre site Web doit refléter vos capacités. Il s’agit d’un cas particulier dans lequel votre site Web devient en lui-même votre meilleur outil marketing.
Soyez prudent et choisissez un superbe bloc de bannière qui correspond à votre niveau de raffinement et de sophistication. Voici quelques conseils pour réduire votre casse-tête de sélection :
- Ayez la possibilité de laisser vos visiteurs défiler sur votre page d'accueil et de s'émerveiller devant les designs.
- Choisissez les options de conception en fonction de votre personnalité.
- Optez pour une largeur de contenu plein écran si vous êtes expressif et aventureux. Ou choisissez un contenu en largeur si vous voulez que votre site Web reste professionnel.
- Sélectionnez un en-tête statique avec du contenu comme en-tête de votre site Web pour paraître plus formel envers vos clients potentiels.
- Créez des menus innovants pour épater vos visiteurs avec vos goûts artistiques combinés à des fonctionnalités créatives.
Bloc d'événements
Vous avez peut-être de nombreuses idées sur la façon d’améliorer et de développer votre site Web. Profitez de cette opportunité pour planifier certains événements qui pourraient attirer vos téléspectateurs. Insérez ces idées d'événements sur votre site Web et utilisez-les comme une opportunité d'augmenter vos taux de conversion grâce aux opt-ins.
- Utilisez des comptes à rebours et des minuteries pour susciter l'excitation chez un visiteur.
- Fournissez une option pour les mises à jour par e-mail à vos visiteurs afin de les tenir au courant.
- Expliquez brièvement ce qui se passe sans donner trop d'informations.
- Assurez-vous d'inclure vos comptes de médias sociaux sur la page à venir.
Bloc Témoignages
Il s'agit de la page Web de votre site Web qui vous rend digne de confiance auprès de vos visiteurs et clients. Les clients sont impatients d'en savoir plus sur les personnes avec lesquelles ils font affaire.
Profitez-en pour mettre en valeur vos plus grandes réalisations qui créeront une impression durable auprès de vos clients. Gardez ces conseils à l’esprit lors de la création d’une page de témoignages :
- Laissez tomber votre bouclier professionnel et soyez plus personnel avec vos visiteurs.
- Assurez-vous d'inclure des photos de vous et de votre équipe.
- Réduisez le battage médiatique et efforcez-vous d'être plus authentique.
- Exprimez vos valeurs personnelles et professionnelles et essayez de créer un lien avec vos visiteurs.
Bloc de services
Il s'agit d'une section obligatoire, surtout si vous avez une entreprise orientée services. Peu importe à quel point vos pages de destination sont attrayantes, vous n'obtiendrez pas ces conversions si vos services ne sont pas correctement décrits.
La façon dont vous présentez vos services contribue grandement à transformer un visiteur en client. Voici quelques facteurs clés à prendre en compte lors de la création de votre page de service :
- Écrivez sur votre liste de fonctionnalités et expliquez comment elles profiteraient à vos clients.
- Utilisez des puces et des sous-titres pour être plus faciles à lire.
- Utilisez des termes simples tout en décrivant des services complexes pour vous connecter davantage avec vos visiteurs.
- Fournissez des détails pour être plus unique et personnel.
Bloc de prix/sections
Les blocs de section sont les dernières pièces du puzzle. Si vos visiteurs arrivent jusqu’ici, alors vous êtes sur le point de réaliser une vente. Il est donc crucial d’avoir une couverture concise et complète de tous vos plans tarifaires. Il existe plusieurs modèles disponibles pour illustrer un plan tarifaire qui irait bien avec votre site Web. Souviens-toi:
- Une page de tarification qui n'est pas conviviale perdra des clients.
- Une tarification de type tableau permettra à vos visiteurs de comparer différents plans côte à côte avec une option d'achat rapide.
- Fournir des FAQ sous vos plans tarifaires dissipera tous les doutes et rendra votre contenu plus convivial pour vos clients.
Assistance Elementor
Elementor dispose d'une page d'assistance complète et détaillée avec des centaines d'articles pour vous aider à démarrer et à maîtriser Elementor.
Ils disposent également d'une chaîne YouTube avec des heures de vidéo pour améliorer votre facilité de compréhension. Elementor dispose d'un forum communautaire pour répondre à toutes vos questions auxquelles les articles et vidéos ne parviennent pas à répondre. Elementor Pro les utilisateurs peuvent bénéficier d’une assistance 24h/7 et XNUMXj/XNUMX.
Quelle prise en charge couvre :
- Installation – Toute question sur la façon d’installer Elementor
- Configuration – Dissipera tous les doutes concernant la configuration d'Elementor sur votre site WordPress.
- Utilisation générale - Toutes les questions que vous pourriez avoir sur son utilisation générale
- Corrections de bogues - Tous les bogues seront corrigés dès qu'ils seront portés à leur attention
Ce que l'assistance ne couvre pas :
- Produits et services tiers
- Modules complémentaires et extensions externes
- Prise en charge de la personnalisation
- Questions générales sur WordPress
Tarifs Elementor
Elementor est gratuit à télécharger et à utiliser, sans frais annuels. Cela en fait une aubaine pour ceux qui souhaitent concevoir une page Web avec un budget limité.
Cependant, si vous avez besoin de fonctionnalités telles que le générateur de thèmes et le générateur de fenêtres contextuelles, vous devrez opter pour Elementor Pro. Elementary pro est livré avec trois plans d'achat :
- Plan de 49 $ par an - Le forfait personnel est le plan le plus abordable et offre tous les avantages d'Elementor Pro pour un seul site Web
- Plan de 99 $ par an – Le plan plus vous permet de concevoir trois sites Web à l'aide d'Elementor Pro.
- Plan de 199 $ par an - Ce forfait expert vous permet de concevoir jusqu'à un millier de sites Web à l'aide d'Elementor Pro, qui est essentiellement illimité.
Modèles Elementor : avantages et inconvénients
Avantages
- Générateur de pages ultra-rapide. Ils sont à la hauteur de leur devise avec leur constructeur rapide de pages frontales.
- Une vaste gamme de blocs parmi lesquels choisir. Choisissez parmi plus de 300 blocs, de nouveaux blocs étant ajoutés presque chaque jour.
- Une solution fiable. L'un des rares constructeurs de pages fiables et qui ne vous laissera pas tomber.
- Parfait pour les agences de développement web. En raison de leur vaste sélection de modèles et de la possibilité de les utiliser sur un nombre illimité de sites Web.
Inconvénients
- Le support client était inadéquat et lent à répondre. C’est un domaine qui pourrait être amélioré pour répondre à la demande croissante.
- Trop de pareil. Faites défiler la sélection de modèles suffisamment longtemps et vous verrez une répétition du même modèle sous des noms différents.
Pourquoi Elementor bloque
- Barre latérale tout-en-un
- Blocs de parallaxe
- Mega Menu
- Blocs d'images
- Icône Boîtes
- Polices d'icônes
- le menu de navigation
- Blocs de création de pages
- Poster Grille
- Tableaux de prix
Avis d'utilisateur
Liens rapides:
FAQ sur les blocs Elementor
☞Puis-je personnaliser davantage les blocs Elementor ?
Absolument! Vous pouvez éditer et personnaliser des groupes de blocs autant que vous le souhaitez sans écrire un mot de code. Elementor vous permettra de modifier chaque élément d'un bloc.
🙋♀️Quel type de support propose Elementor ?
Elementor dispose d'une page d'assistance complète et détaillée avec des centaines d'articles pour vous aider à démarrer et à maîtriser Elementor. Ils disposent également d'une chaîne YouTube avec des heures de vidéo pour améliorer votre facilité de compréhension. Elementor dispose d'un forum communautaire pour répondre à toutes vos questions auxquelles les articles et vidéos ne parviennent pas à répondre. Les utilisateurs d'Elementor Pro peuvent bénéficier d'une assistance 24h/7 et XNUMXj/XNUMX.
🙌 Comment utiliser les témoignages pour booster mes conversions ?
Il s'agit de la page Web de votre site Web qui vous rend digne de confiance auprès de vos visiteurs et clients. Les clients sont désireux d’en savoir plus sur les personnes avec lesquelles ils font affaire grâce aux avis. Profitez-en pour mettre en valeur vos plus grandes réalisations et vos commentaires positifs afin de créer une bonne impression auprès de vos téléspectateurs.
📋Prix : combien coûte Elementor ?
49 $ par an est un montant attractif à payer pour passer à l'édition professionnelle d'Elementor. Cela ne coûte que 99 $ pour une licence pour trois sites et 199 $ pour une licence pour 1,000 XNUMX sites. Tous les utilisateurs de WordPress peuvent installer la version gratuite d'Elementor pour se familiariser avec les capacités et les limitations du plugin.
☑️ À qui Elementor est-il le mieux adapté ?
Elementor est un constructeur de pages WordPress qui utilise la fonctionnalité glisser-déposer. Ce plugin vous permet de créer des pages visuellement attrayantes via l'utilisation d'un éditeur visuel. Il est destiné à vous permettre de créer rapidement des sites Web dynamiques. Ce plugin WordPress est un guichet unique, vous permettant de gérer tous les aspects de la conception de votre site Web à partir d'une seule plateforme. C’est donc important pour toute personne possédant un site Web.
✏️Puis-je utiliser Elementor avec n’importe quel thème ?
Oui, vous pouvez. Avec l'introduction d'Elementor Theme Builder, vous pouvez créer l'en-tête, le pied de page, les publications uniques et la page d'archive pour n'importe quel thème. Si vous êtes un développeur ou un spécialiste du marketing à la recherche du thème le plus rapide, téléchargez Hello Elementor, notre thème barebones totalement gratuit.
👉 Dois-je connaître HTML/CSS pour utiliser Elementor ?
Non, ce n'est pas le cas. c'est la meilleure partie d'Elementor.
Conclusion : blocs Elementor 2024
Blocs d'éléments sont peut-être la fonctionnalité la plus négligée d’Elementor. Leur simplicité et leurs capacités dynamiques sont vraiment étonnantes une fois que vous les connaissez. Tout dans les blocs est similaire aux modèles, sauf que les blocs offrent plus de possibilités de personnalisation.
Mon site Web semble bien plus unique et attrayant une fois que j'ai commencé à utiliser des blocs. Libérez-vous des griffes des modèles génériques et créez véritablement quelque chose de la manière la plus simple.
La prochaine fois que vous souhaiterez créer une nouvelle page Web, essayez les blocs Elementor et je sais que vous me remercierez.
Cela conclut mon examen des blocs Elementor. C'était génial.
Élémentor Pvidéos populaires
Elementor sur les réseaux sociaux
Sommet des constructeurs de pages 2021 (@sommet_camp) ça commence demain ! Obtenez votre billet GRATUIT et discutez avec plus de 35 experts du secteur, dont @bpines1 . Je suis ravi de parrainer ce grand événement. On se voit là-bas! 💻🎉https://t.co/gDtFpUJLBH
- Elementor (@elemntor) 9 mai 2021
Écartez-vous et accueillez notre vitrine d’avril 2021. 🏆🌷 Ce mois-ci, nous saluons 10 agences de design du monde entier. Cette collection diversifiée représente les talents de création Web Elementor à travers le monde. 🌎 https://t.co/bwwOUDQCuu
- Elementor (@elemntor) 19 mai 2021
