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, […]
Composition d’un code js pour une AF avec HTML par étapes
🎥 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: […]
L’accessibilité en design web : Assurer une expérience inclusive pour tous
L’accessibilité en design web est un enjeu crucial pour garantir que toutes les personnes, indépendamment de leurs capacités, puissent naviguer sur Internet sans obstacles. Cela inclut les personnes en situation de handicap, qu’il s’agisse de déficiences visuelles, auditives, motrices ou cognitives. Au Canada, où la diversité des utilisateurs est immense, l’accessibilité devient non seulement une […]