En ces temps d’incertitude économique et de distanciation sociale, les entreprises cherchent plus que jamais à développer leur propre présence en ligne.
Si vous cherchez à mettre votre entreprise en ligne ou si vous êtes un pigiste qui crée des sites Web pour des entreprises qui souhaitent se mettre en ligne, Elementor peut vous aider à créer efficacement un site Web à distance, abordable et facile à entretenir.
Elementor est un constructeur de pages WordPress visuel par glisser-déposer, ce qui signifie que vous pouvez créer de superbes designs sans jamais avoir besoin de regarder une seule ligne de code. Si vous souhaitez en savoir un peu plus sur le plugin en général, vous pouvez parcourir la critique complète d’Elementor de Themelocal.
Dans cet article, je vais expliquer un peu plus pourquoi Elementor est le meilleur outil pour créer des sites à distance. Ensuite, je vous expliquerai les étapes de haut niveau pour savoir comment utiliser Elementor pour concevoir un site Web.
Si vous souhaitez plus de détails sur la façon d’utiliser Elementor pour créer des sites à distance, HubSpot Academy et Elementor s’est associé pour offrir un cours en ligne gratuit qui couvre tout, de la configuration de votre hébergement à la création et au lancement de votre site Web WordPress.
Pourquoi utiliser Elementor pour créer des sites à distance
L’utilisation d’Elementor pour créer des sites Web peut :
- Gagnez du temps et aidez-vous à concevoir et à itérer plus rapidement sur vos sites Web.
- Réduisez la complexité de vos sites Web, éliminez les bogues et créez un processus de maintenance plus simple en ce qui concerne les mises à jour et les tests.
- Économisez de l’argent et simplifiez les coûts afin que vous puissiez mieux évaluer le prix d’un projet.
Passons en revue les avantages plus en détail.
Gagnez du temps et évitez le code
Que vous soyez un concepteur, un développeur ou simplement un utilisateur régulier de WordPress, Elementor peut accélérer votre flux de travail grâce à son interface visuelle par glisser-déposer.
Vous pouvez rapidement créer de nouveaux designs en ajoutant des widgets de contenu. Vous obtiendrez également des tonnes d’options de conception et de mise en page pour créer des styles et des mises en page parfaits au pixel près.
Tout au long de l’expérience, vous n’avez jamais à interagir directement avec le code… à moins que vous ne le vouliez. Si vous voulez un peu plus de contrôle, vous pouvez facilement utiliser votre propre CSS personnalisé si nécessaire.
Enfin, si vous voulez vraiment gagner du temps, Elementor est livré avec des centaines de modèles prédéfinis que vous pouvez importer. Tout ce que vous avez à faire est d’importer le modèle que vous aimez, de modifier le contenu pour qu’il corresponde à votre marque et vous avez terminé.
Ces avantages peuvent également vous faire gagner du temps lorsque vous devez effectuer des itérations. Par exemple, si un client demande un changement, vous pouvez rapidement changer les choses sans vous enliser dans le code.
Réduisez la complexité et éliminez les bugs
Avec un site Web WordPress typique, le produit fini est généralement un patchwork de plugins de différents développeurs.
Il n’y a rien pour maintenir ces outils séparés ensemble, sauf le temps et les efforts que vous consacrez à leur utilisation pour créer un site Web cohérent.
C’est bien pour le moment, mais cela peut entraîner des problèmes potentiels à l’avenir, car chaque développeur modifiera et mettra à jour indépendamment son plugin.
Par exemple, le développeur de votre plugin de curseur peut apporter une modification qui cause des problèmes avec la section héros de votre page d’accueil (que vous avez construit avec un autre plugin).
Avec Elementor, vous avez accès à tous les outils importants sous un même toit.
Par exemple, avec Elementor et Elementor Pro, vous disposez d’outils pour vous aider à créer :
- Curseurs
- Formulaires de contact
- Formulaires de génération de leads
- Galeries
- Pop-up
- Listes/grilles de portefeuille
- Tableaux de prix
- …beaucoup plus
Tous ces outils sont fournis dans le même plugin du même développeur, vous pouvez donc être sûr qu’une modification de vos formulaires de génération de leads ne causera jamais de problème avec la fenêtre contextuelle dans laquelle vous affichez le formulaire.
De plus, cela vous simplifie grandement la vie lorsque vient le temps de mettre à jour vos sites. Au lieu d’avoir besoin d’utiliser un site de test pour tester un tas de plugins différents à différents moments, tout ce que vous avez à faire est de tester et de mettre à jour un seul outil.
Fondamentalement, vous pouvez utiliser Elementor comme base de votre site pour tout simplifier, puis vous diversifier pour atteindre des objectifs commerciaux spécifiques, comme utiliser le plugin gratuit HubSpot WordPress pour générer des prospects via un formulaire, une boîte de discussion en direct et des fenêtres contextuelles qui alimentent tous le CRM gratuit HubSpot.
Économisez de l’argent et simplifiez les coûts
Enfin, Elementor peut vous aider à économiser de l’argent et à tarifer plus facilement les projets.
Tout comme avoir accès à des outils importants dans un plugin réduit la complexité de votre site, cela réduit également le prix que vous devez payer.
Elementor a une version gratuite pour le constructeur de base. Ensuite, pour accéder aux fonctionnalités supplémentaires telles que les formulaires, les curseurs, les fenêtres contextuelles, etc., vous ne devez payer qu’un seul prix forfaitaire.
Il n’y a pas de frais supplémentaires pour les différentes fonctionnalités ou la nécessité d’acheter différents plugins, ce qui réduit vos coûts.
Cela permet également de clarifier vos coûts et facilite la tarification des projets clients. Au lieu d’avoir à tarifer un tas d’outils différents dans votre proposition, vous pouvez simplifier les choses et vous concentrer sur ce que vous facturez pour votre temps et votre expertise, et non sur vos outils.
Comment utiliser Elementor pour créer des sites Web
Maintenant que vous connaissez certaines des raisons pour lesquelles Elementor est un excellent outil pour la construction de sites à distance, voyons comment utiliser Elementor pour créer un site Web génial.
1. Choisissez votre thème
Elementor est un plugin, vous devrez donc toujours choisir un thème à associer à Elementor.
Étant donné que vous allez utiliser Elementor pour contrôler tout/la plupart de la conception de votre site, vous souhaitez vous concentrer sur la recherche d’un thème offrant les fonctionnalités dont vous avez besoin ainsi qu’une prise en charge complète des fonctionnalités de création de pages d’Elementor. Par exemple, si vous souhaitez pouvoir ajouter du personnel, des témoignages et un portfolio, vous devez choisir un thème avec ces types de publication – comme le Thème WordPress total.
La fondation la plus légère possible est la Bonjour thème Elementor. Essentiellement, Hello Elementor est une toile 100% vierge pour vos conceptions Elementor.
Étant donné que le thème Hello Elementor n’ajoute aucun de ses propres styles ou fonctionnalités, il gardera votre site fini léger et se chargera rapidement.
Si vous souhaitez un thème doté de ses propres styles, peut-être pour contrôler l’en-tête de votre site ou l’expérience de paiement pour une boutique WooCommerce, vous pouvez consulter cette collection des meilleurs thèmes WordPress Elementor.
2. Choisissez votre saveur d’Elementor
Elementor est disponible dans les deux une version gratuite sur WordPress.org, ainsi qu’une version premium qui ajoute beaucoup plus de fonctionnalités, appelée Elementor Pro.
Avec la version gratuite d’Elementor, vous pouvez créer des sites Web page par page. Par exemple, vous pouvez créer un design pour votre page d’accueil, un autre pour votre « page À propos », puis vous pouvez créer des pages distinctes pour chaque élément de portefeuille.
Pour un site de brochure simple avec un contenu en grande partie à définir et à oublier, cela pourrait être tout ce dont vous avez besoin.
Cependant, pour aller au-delà, vous voudrez peut-être envisager Elementor Pro.
Elementor Pro vous offre non seulement plus d’outils de conception tels que des curseurs et des formulaires, mais il vous offre également une toute nouvelle façon de créer des sites Web avec Theme Builder.
Avec Elementor Theme Builder, vous pouvez créer des modèles et les appliquer à tout ou partie de votre site. Par exemple, vous pouvez concevoir votre site Web :
- Entête
- Pages d’archives (par exemple la page qui répertorie tous vos articles de blog)
- Pages simples (par exemple un article de blog individuel)
- Bas de page
- Produits WooCommerce
Vous pouvez également inclure du contenu dynamique dans vos conceptions, comme du contenu que vous avez ajouté avec des champs personnalisés.
Parce que vous pouvez créer un seul modèle qui s’applique à tout ou partie de votre contenu, Elementor Pro est une option particulièrement intéressante pour les sites dynamiques.
Il est également utile pour d’autres types de sites grâce aux nouveaux widgets de contenu tels que :
- Formes
- Curseurs
- Galeries
- Portefeuilles
- Tableaux de prix
- …beaucoup plus
Encore une fois, cela simplifie à la fois votre site et votre tarification (parce qu’Elementor Pro inclut toutes les fonctionnalités pour le même prix).
3. Commencez à construire avec Elementor
Une fois que vous avez choisi le bon thème et la bonne version d’Elementor pour votre projet, vous êtes prêt à commencer à construire.
Pour concevoir votre contenu, vous pouvez soit commencer à partir d’une page vierge, soit importer l’un des modèles prédéfinis fournis avec Elementor.
Pour créer rapidement un site Web cohérent, vous pouvez même utiliser l’un des kits Elementor, qui sont un ensemble de modèles pour chaque page d’un site, même jusqu’à la page 404.
Que vous commenciez à partir d’une ardoise vierge ou d’un modèle prédéfini, vous vous retrouverez dans l’interface visuelle par glisser-déposer d’Elementor.
Vous verrez un aperçu en direct de votre conception sur la droite – vous voyez exactement ce que les visiteurs de votre site Web verront.
Ensuite, vous pouvez utiliser la barre latérale sur la gauche pour ajouter et configurer des éléments de contenu et de mise en page.
Par exemple, si vous souhaitez ajouter un bouton à votre conception, il vous suffit de le faire glisser depuis la barre latérale. Ensuite, vous pouvez personnaliser ses paramètres à l’aide de cette même barre latérale.
Pour un aperçu plus approfondi du fonctionnement de l’interface Elementor, vous pouvez visionner la vidéo ci-dessous :
Créez des sites Web avec Elementor aujourd’hui
Aujourd’hui plus que jamais, les entreprises cherchent à développer leur présence en ligne.
Que vous cherchiez à lancer votre propre présence en ligne ou que vous aidiez des clients à se connecter, apprendre à utiliser Elementor pour créer des sites Web vous permettra non seulement de créer de beaux sites Web efficaces, mais aussi :
- Gagnez du temps et supprimez le besoin de travailler directement avec le code.
- Éliminez les problèmes de compatibilité et simplifiez la maintenance en vous offrant tous les outils les plus importants au même endroit.
- Économisez de l’argent et simplifiez vos coûts en éliminant le besoin d’acheter de nombreux plug-ins séparés pour les fonctions clés.
Pour voir si Elementor vous convient, vous pouvez installer la version gratuite de WordPress.org et commencez à créer votre premier site Web à distance.