Elementor – Intégrations de plugins et services tiers

Plugins WordPress

WooCommerce

Elementor permet de construire une boutique e-commerce en intégrant tous les éléments de WooCommerce, grâce aux « dynamic tags » / balises dynamiques.

On peut ainsi intégrer dans une maquette :

• le nom du produit
• la description
• le prix
• les avis
• etc etc

On peut aussi recréer les pages de WooCommerce avec Elementor : Panier, Commande, Mon compte, etc, et les styler à sa convenance.

Yoast SEO

L’intégration de Yoast SEO dans Elementor va créer un onglet Yoast SEO dans les Réglages d’Elementor (accessibles depuis la première icône de la barre du bas de l’éditeur visuel d’Elementor).

Vous pourrez y gérer, directement depuis une page Elementor

• l’optimisation SEO d’après l’analyseur sémantique de Yoast
• les paramètres du titre, du slug etc
• les paramètres de partage de la page sur les réseaux sociaux
• le schéma de Schema.org

Rank Math

L’intégration de Rank Math à Elementor vous permet de gérer :

• l’analyseur sémantique de Rank Math
• les suggestions SEO de Rank Math
• les meta snippets
• le marquage de schéma Schema.org
• les réglages de partage social
• les robots meta (no-index, nofollow…)
• le fil d’Ariane

SEOPress

L’intégration de SEOPress à Elementor va ajouter une section aux réglages de la page pour vous permettre de gérer :

•  les métadonnées SEO
• l’analyse du contenu par SEOPress
• le fil d’Ariane
• les infos de « local business » (améliore les critères E-A-T)
• le schéma FAQ sur les widgets Toogle et Accordéon

Advanced Custom Fields (ACF)

Elementor Pro permet d’intégrer les Advanced Custom Fields, les champs de données personnalisés, par exemple :

• text, textarea, number, email, password, wysiwyg, select, checkbox, radio, true_false
• oembed, google_map, date_picker, time_picker, color_picker, date, date_time_picker
• email, text, file, page_link, post_object, relationship, taxonomy, url
• image, gallery

On intègre les champs de données ACF avec des balises dynamiques dans des templates Elementor.

Toolset Custom Fields

Elementor Pro intègre les champs de données Toolset Custom Fields suivants :

• textfield, phone, textarea, checkbox, select, numeric, email, embed, google_address, wysiwyg, radio, email, image, file, audio, url, date, image:single,  image:multiple

L’intégration passe par les balises de contenu dynamique, Dynamic content

PODS

Elementor Pro permet l’intégration de tous les champs de données PODS Fields.

Là aussi, on utilise les balises Dynamic content.

On a alors accès à toutes les options de stylage d’Elementor.

LearnDash

Elementor permet l’intégration du LMS LearnDash.

On peut intégrer les widgets de LearnDash :

• LearnDash Login
• Profil
• Liste des cours
• Liste des leçons
• Liste des thèmes
• Liste des quiz

On peut aussi intégrer, styler et gérer les éléments de chaque modèle / template de page de LearnDash :

• modèle Cours (course template) : contenu, barre d’info, certificat
• modèle Leçon (lesson template) : contenu, barre d’info
• modèle Thème (topic template) : contenu, barre d’info
• modèle Quiz (quiz template) : contenu, barre d’info

TutorLMS

Elementor permet d’intégrer TutorLMS, même avec les deux en version gratuite ; mais les deux en version Pro ont beaucoup plus d’options.

Elementor permettra de contrôler les modèles / templates des pages Cours de TutorLMS, et d’intégrer ses widgets : liste des cours, carrousel des cours, etc.

MemberPress

MemberPress et Elementor peuvent se combiner pour réaliser la chose suivante : MemberPress va protéger l’accès à des blocs, des modèles ou des pages Elementor, selon les types d’utilisateur et leur statut de membre.

Si un utilisateur qui a un droit d’accès voit telle ou telle page, alors il voit tel bloc designé avec Elementor ; mais s’il a un autre statut, ou pas de statut du tout, alors il voit par exemple un bloc qui l’invite à devenir membre.

WP Offload Media

WP OffLoad Media permet de mettre tous ses fichiers média (images…) sur un CDN ou sur le Cloud, avec des services comme Amazon S3, DigitalOcean Spaces, ou Google Cloud Storage.

Le plugin s’intègre maintenant de base avec Elementor. Vous pouvez ajouter des images et des backgrounds n’importe où dans une maquette Elementor et WP Offload Media les chargera depuis votre espace de stockage, gagnant de précieuses secondes de temps de chargement.

PeachPay

PeachPay est un service tiers qui propose un plugin WordPress pour offrir le paiement en un clic. Il s’intègre facilement à Elementor comme à WooCommerce.

Outils marketing

AWeber

Le plugin de gestion de formulaires et d’envoi d’emails à des fins marketing  AWeber, en version gratuite ou pro, s’intègre à Elementor free ou Pro.

Quand AWeber est installé, un widget de formulaire AWeber est disponible sous Elementor, il suffit de le placer dans une maquette et de le personnaliser.

MailChimp

Pour intégrer MailChimp à Elementor il faut d’abord aller dans l’administration de WordPress, dans le menu Elementor, sur la page Réglages, dans l’onglet Intégrations, et fournir la clé de l’API de MailChimp.

Ensuite, on peut glisser-déposer un formulaire dans une maquette Elementor, cliquer l’option « Actions après soumission », et sélectionner MailChimp. 

Drip

Comme avec MailChimp, il faut d’abord aller déclarer la clé d’API de Drip dans les réglages d’Elementor.

Ensuite, on peut intégrer un formulaire, déclarer Drip dans les « Actions après soumission », puis gérer quelques options.

ActiveCampaign

On doit d’abord aller déclarer la clé d’API dans l’admin WP, via Elementor > Réglages > Intégrations.

Puis on intègre un formulaire dans une page Elementor, on ajoute ActiveCampaign dans les Actions après soumission et on fait correspondre les champs du formulaire.

ConvertKit

Même méthode qu’avec les autres gestionnaires de marketing par e-mail :

• on déclare la clé API dans l’admin WP, via Elementor > Réglages > Intégrations
• on ajoute un formulaire à une page sous Elementor
• on le fait gérer par ConvertKit via les Actions après soumission
• on fait correspondre les champs

HubSpot

Pour intégrer HubSpot à Elementor, il faut d’abord insérer sur le site le « tracking code » de HubSpot.

Puis, dans les réglages de votre compte HubSpot, rendez-vous sur la page des Réglages, onglet Marketing, puis Collected Forms, et activez l’option.

Ensuite, sous Elementor, ajoutez un formulaire à une page et dans les Options additionnelles, ajoutez un Form ID / ID de formulaire.

Zapier

Même procédure qu’avec les autres solutions d’email marketing, voir ci-dessus.

En plus, Zapier permet d’intégrer des webhooks à Elementor.

GetResponse

Pour GetResponse, même procédure qu’avec les autres mailers. Voyez MailChimp ci-dessus.

MailerLite

Pour MailerLite, même procédure que pour MailChimp, voir ci-dessus.

MailPoet

Même méthode qu’avec les autres mailers, voir ci-dessus.

En plus, avec MailPoet vous pouvez sélectionner une liste et faire correspondre les champs.

Automizy

Avec Automizy, même méthode qu’avec MailChimp, voir ci-dessus.

Brevo (ex Sendinblue)

L’intégration de Brevo, anciennement Sendinblue, à Elementor est possible en passant par MailOptin.

Réseaux sociaux

Slack

On intègre Slack à Elementor Pro en plaçant un formulaire dans une page, on sélectionne Slack en tant qu’Action après soumission, on crée un webhook dans Slack et on l’ajoute au formulaire.

Discord

Comme avec Slack, l’intégration de Discord à Elementor Pro passe par un webhook.

FacebookSDK

La combinaison de Facebook avec Elementor Pro va permettre d’utiliser n’importe quel élément de Facebook dans une mise en page Elementor :

• les boutons Like, Share / Partage
• les commentaires
• les posts
• le profil d’une page Facebook
• les vidéos Facebook

Youtube – Vimeo – Dailymotion

Elementor permet d’intégrer des vidéos Youtube, Vimeo ou Dailymotion grâce à son widget vidéo. On pourra définir des réglages comme le format ou la confidentialité, ou fixer le début de la vidéo.

SoundCloud

Le widget SoundCloud d’Elementor permet d’intégrer (embed) n’importe quel audio de SoundCloud avec divers paramètres : autoplay / lecture automatique, boutons Like / Share, commentaires, etc.

Google Maps

Elementor peut intégrer une carte Google Maps n’importe où grâce au widget Google Maps.

On positionne la carte à une adresse ou autre indication géographique (ville, région, pays…), on règle la taille de la carte et le niveau de zoom.

Polices de caractères et icônes

Adobe Fonts / Typekit

Vous pouvez créer un kit avec Adobe Typekit, c’est à dire une sélection de polices de caractères.

Copiez l’ID de votre kit, puis allez dans l’administration de WordPress : Elementor > Réglages, onglet Intégrations. Collez votre ID dans le champ Kit ID, et sauvegardez.

Dorénavant, vos polices seront disponibles depuis l’éditeur visuel d’Elementor. 

Google Fonts

Les Google Fonts sont intégrées de base à Elementor, il n’y a donc rien à faire de spécial.

Font Awesome 5 / Font Awesome Pro

Elementor intègre Font Awesome 5 par défaut.

Plusieurs widgets en font usage : icône, boîte d’icône, accordéon, toggle…

Pour Font Awesome Pro, vous devez déclarer votre Kit ID dans les réglages d’Elementor, dans l’administration de WordPress : Elementor > Réglages, onglet Intégrations.

reCaptcha

Pour mettre en œuvre cet outil de lutte contre le spam qu’est reCaptcha, vous devez d’abord créer votre reCaptacha dans l’interface de Google, choisissez de préférence la v3, plus discrète, qui ne demandera rien à vos utilisateurs.

Copiez la Site Key et la Secret Key et déclarez-les dans l’interface de votre WordPress, dans Elementor > Réglages > Intégrations.

Ensuite, intégrez un formulaire dans une de vos pages sous Elementor, et dans le champs de formulaire, ajoutez un nouvel item reCaptcha v3.

Intégrations développées par des tiers

Des dizaines de développeurs WordPress, d’entreprises et d’agences proposent leurs propres extensions à Elementor, rajoutant potentiellement des centaines de widgets et autres fonctionnalités.

• Essential addons for Elementor
• Ultimate addons for Elementor
• Premium addons for Elementor
• Dynamic.ooo
• ElementsKit
• Happy Addons
• Unlimited Elements
• PowerPack
• Envato Elements
• OohBoi Steroids for Elementor
• Mighty Addons
• The Plus Addons
• Stratum – Elementor Widgets
• Visibility Logic
• Royal Elementor Addons
• HT Mega
• Element Pack
• Magazinify
• WunderWP
• Designer PowerUp
• Move Addons
• Toolkit for Elementor
• EleMailer