Intégration Figma – Elementor avec UIChemy
Objectif : Pour faciliter l’intégration des sites dans Elementor, l’idée est d’utiliser UIChemy pour intégrer le contenu directement depuis la maquette Figma. Le design n’étant pas fait par des intégrateurs, il va falloir ‘préparer’ le design pour le faire correspondre autant que possible à une structure de containers et aux widgets Elementor. Il y aura […]
Configurer un reCaptcha
Objectif : mettre en place un reCaptcha sur les formulaires pour davantage de sécurité. 1- Installer le plugin ‘Simple CAPTCHA Alternative with Cloudflare Turnstile’ 2- Dans API Key Settings : cliquer sur le lien et se connecter avec le Cloudflare production@effetfute.com et sélectionner ce compte production@effetfute.com (les identifiants sont dans Bitwarden). 3- Dans Cloudflare : […]
Page carrière – Gravity form
Nous avons plusieurs clients avec des pages carrières standardisées comprenant une page carrière, des fiches d’emplois et un formulaire de soumission de candidature élaboré avec un système de pointage. Pour mettre en place une nouvelle page pour un client, nous ne partons donc pas de 0, nous reproduisons ce qui est déjà en place. 1- […]
Rôles customs – plugin Members / CPT JetEnging
Enjeu : sur un site avec des custom post types pour lequel on veut créer des profils customs qui masquent ou affichent les CPT en fonction du profil sur lequel on se trouve, il est important que les CPT soient bien configurés. Ex : Terapro usagé. Il va être important dans les CPT (ou les […]
Tutoriel : Créer un popup automatique avec Flatsome
Exemple: https://wpcred.com/automatic-flatsome-lightbox-sign-up-popup/ Ce guide vous montre comment créer et afficher automatiquement un popup (lightbox) dans Flatsome en utilisant les UX Blocks et un shortcode. Étape 1 : Créer le contenu du popup Dans le tableau de bord WordPress, allez dans UX Blocks. Cliquez sur Ajouter un bloc. Construisez le contenu de votre popup avec l’UX […]
Guide pour un intégrateur
Guide de départ pour intégrateur web (WordPress + Elementor + Adobe XD) 1. Préparation Lire le brief du projet (objectif du site, style recherché, fonctionnalités clés). Accéder au staging : Vérifier si l’environnement de staging est prêt. Si non, créer un staging Installer les polices nécessaires : Télécharge et installe les polices fournies pour Adobe […]
GFH – Slider revolution – tâche récurrente
Situation : le carrousel Slider Revolution de l’accueil pour tous les conseillers GFH est configuré pour varier les slides sur une année complète. Action nécessaire : le 17 août de chaque année, il faut aller modifier les dates pour relancer la rotation, sinon le slider load dans le vide. Pour rappel, le site pour la […]
Intégration d’un chat messenger avec Elementor
Intégration d’un chat messenger avec Elementor 1- Il faut avoir la version de Elementor la plus à jour. (mettre à jour Elementor et pro) 2- Aller dans Modèles->Éléments flottants, ajouter un élément flottant->Boutons flottants. Mettre un nom (Messenger) 3- Choisir le modèle qui vous convient 4- Dans plateforme, choisir Messenger et mettre l’identifiant (En anglais, […]
Mettre le logo plus petit losqu’on scroll vers la bas (Header sticky)
Article original: https://elementor.com/blog/shrinking-sticky-header/ Exemple sur Vitalogo: https://vitalgo.ca/ 1- Mettre la classe .sticky-header sur le container qui est sticky 2- Mettre la classe .logo sur le logo CSS: /*** * class: .sticky-header */ .sticky-header { –shrink-header-to: 0.6; –transition: .45s cubic-bezier(.4, 0, .2, 1); transition: background-color var(–transition), backdrop-filter var(–transition), box-shadow var(–transition); } .sticky-header.elementor-sticky–effects { background-color: #014546; box-shadow: […]
Connexion d’un Merchant Center sur un site Woocommerce
Pour que le service SEM puisse faire de la publicité pour des produits Woocommerce, il faut que la boutique soit connecté au Merchant Center : 1- SEM doit créer le Merchant Center avec le compte sem@effetfute.com. Il est possible que l’intégration ait à ajouter un code personnalisé sur le site. 2- L’intégration doit installer le […]