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 : […]
Ressources et bibliothèque d’éléments dans Figma
Une panoplie de ressources est disponible gratuitement à même l’application Figma. Il suffit d’aller dans l’onglet Communauté sur la page d’accueil pour y avoir accès. Pour faciliter la production des maquettes de sites web à l’interne, une bibliothèque a été mise en place avec plusieurs éléments déjà sélectionnés. Icônes, médias sociaux, modes de paiement, boutons, […]
Préparer un fichier pour impression
Plusieurs étapes sont nécessaires pour la préparation de fichiers à l’impression Le Format du document : PDF (de préférence PDF/X-1a ou PDF/X-4) Le mode de couleur : à moins d’indications contraires, s’assurer que le profil est en CMYK et qu’aucune « couleur spot » n’est utilisé. La résolution : Les visuels sont à une résolution adéquate selon […]
La psychologie des couleurs en design
La psychologie des couleurs est l’étude de la façon dont les couleurs que nous percevons influencent nos pensées et nos émotions. Sir Isaac Newton a démontré que la lumière blanche claire était composée de sept couleurs visibles. En établissant scientifiquement notre spectre visible, les couleurs que nous voyons dans un arc-en-ciel, Newton a ouvert la […]
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 […]
Présentation proposition – Domaine Immobilier
Guide de rencontre clients : Domaine immobilier Objectifs typiques des clients Accroître rapidement le taux de location. Augmenter la valeur de revente d’un immeuble. Fixer une cible claire (ex. X unités louées d’ici une date précise). Stratégies à proposer Publicité numérique (Google Ads en priorité) Canal le plus efficace à court terme […]
Contrainte design pour un site Shopify
Selon les 4 pages faites pour Escavallo: https://drive.google.com/drive/u/0/folders/1hci46iyTyT1H9g1ulb6ocRiqMMqalPIu Accueil: Strate 2: Le sous titre n’est pas inclus par défaut, j’ai du l’ajouter. Il y a une fonctionnalité pour ajouter une section avec les collections qu’on veut, mais le bouton ‘view all’ ne ce change pas par défaut. Strate 3: La section image + texte ne […]
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, […]
Adaptation Futée – Création et intégration
🎥 Tutoriels vidéos : Introduction à l’AF, Modifications mineures de l’AF Contexte : l’adaptation futé permet d’adapter le contenu d’un site web en fonction de critères définis. Ex : la zone géographique, le temps qu’il fait, l’heure qu’il est, la saison… Pour faire ça, il faut injecter sur le site web le contenu qu’on veut adapter. Ça […]
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: […]