1

Formation : Maîtriser Elementor sur WordPress| en ligne | Montréal | Québec

Module 1 : Introduction à WordPress et Elementor

  • Présentation de WordPress et de ses fonctionnalités de base.
  • Installer et configurer Elementor.
  • Différence entre Elementor et Elementor Pro.

Module 2 : Interface et éléments de base d’Elementor

  • Découverte de l’interface d’Elementor.
  • Utilisation des widgets de base : titres, images, textes, boutons, etc.
  • Créer et modifier des sections et colonnes.

Module 3 : Conception de pages avec Elementor

  • Création de pages d’accueil, pages produits, etc.
  • Personnalisation avancée des mises en page.
  • Utilisation des templates prédéfinis et bibliothèque Elementor.

Module 4 : Fonctions avancées avec Elementor Pro

  • Intégration de formulaires de contact.
  • Création de pop-ups, en-têtes et pieds de page personnalisés.
  • Utilisation des effets de mouvement, des animations et des interactions.



Formation : création de site web de e-commerce WordPress, WooCommerce

Introduction à la création de sites e-commerce

  • Présentation des options : CMS, plateformes e-commerce.
  • Avantages et inconvénients de chaque solution.
  • Pourquoi choisir WordPress et WooCommerce.
  • Forces : flexibilité, simplicité, personnalisation.

Configuration de l’environnement WooCommerce

  • Installation de WordPress (local ou en ligne).
  • Installation du plugin WooCommerce.
  • Paramétrage de base de la boutique.

Conception du site web

  • Choix d’un thème adapté au e-commerce.
  • Personnalisation via les options et CSS.
  • Initiation à la création de thème personnalisé.
  • Configuration de la page d’accueil (bannières, promos…).

Ajout de produits

  • Création de catégories de produits.
  • Ajout de produits avec images, descriptions, variantes.
  • Options : taille, couleur, matériau, etc.

Configuration du paiement

  • Choix d’une passerelle de paiement.
  • Configuration des frais et zones de livraison.
  • Paramétrage des taxes selon les zones fiscales.

Personnalisation de l’expérience client

  • Ajout de widgets : filtres, recherche, avis clients.
  • Création de menus de navigation clairs.
  • Ajout de fonctions : promotions, fidélité, coupons.

Référencement & performance

  • Paramétrage SEO dans WooCommerce.
  • Optimisation des performances (cache, images, plugins).

Gestion de la boutique

  • Suivi et traitement des commandes.
  • Gestion des stocks en temps réel.
  • Suivi des retours et commandes en attente.

Lancement de la boutique

  • Vérification des paramètres avant lancement.
  • Test du processus d’achat et notifications.

Conclusion et suivi client

  • Récapitulatif de la formation complète.
  • Bonnes pratiques de suivi après lancement.
  • Ressources pour le support technique et évolutif.



Formation WordPress personnalisée | En ligne | Montréal | Qc

Référencement

Les concepts du référencement
Référencement local
Référencement dans WordPress

Rappel rapide sur les bases de WordPress

Article WordPress – Page WordPress

Gestion des thèmes

Les champs personnalisés

Notion de plug-in

Préparation du thème en html/css

Format des balises HTML

Type de balises HTML

Balises HTML5

Notions avancées en css

Méthodes de positionnement css

Création d’un site statique HTML5/CSS3

Création de thème wordpress

La structure et les fichiers principaux d’un thème

Déclaration d’un thème WordPress

Déclaration d’une sidebar

Les fonctions d’inclusion

La hiérarchie des pages

Les marqueurs de modèle

Les fonctions de référence

Personnaliser le thème avec functions.php

Les boucles

Les hooks (filtres et actions)

Les formats des articles

Lers modèles des pages

Les champs personnalisés

Préparer le package du thème

Internationalisation

Création d’un thème complet WordPress pas à pas

Création de thème enfant WordPress

Les thèmes enfants

Modifier et rajouter des fonctions

Création d’un thème enfant




Formation : Thème DIVI avec WordPress

Présentation de la formation thème DIVI

Pourquoi choisir le thème DIVI ?
Comment acheter le thème DIVI ?

Ajouter le thème DIVI sur votre site

Installer le thème DIVI sur son site WordPress

Prise en main du thème Divi

Créer les pages avec DIVI
Comprendre les options de thème
Créer un menu
Gérer correctement les photos
Ajouter des boutons de réseaux sociaux

Notion de modèle

Comprendre la notion de template
Trouver un template et l’installer
Trouver un template gratuit pour DIVI

<h3Maintenance

Mettre à jour votre thème
Mettre à jour vos plugins




Formation WordPress




Formation création de plugins WordPress

Introduction aux Custom Post Types

  • Définition et utilisation des Custom Post Types dans WordPress
  • Création et gestion des Custom Post Types

Les Taxonomies

  • Comprendre les taxonomies dans WordPress
  • Création et utilisation des taxonomies personnalisées

Les Champs Personnalisés

  • Introduction aux champs personnalisés
  • Création et gestion des champs personnalisés

Créer une Custom MetaBox

  • Définition et utilisation des MetaBoxes
  • Création de MetaBoxes personnalisées pour enrichir vos posts

Créer une Extension Widget

  • Arborescence des fichiers nécessaires
  • Introduction à la classe WP_Widget
  • Configuration et enregistrement du widget
  • Affichage et personnalisation du widget dans la sidebar
  • Création du formulaire du widget et ajout des champs HTML

Créer une Extension WordPress avec PHP/MySQL

  • Ajout de fichiers JavaScript et CSS à votre extension
  • Déclaration d’un plugin et affichage dans l’administration
  • Création d’une page d’options pour votre plugin
  • Création de shortcodes et gestion des tables dans la base de données
  • Principes fondamentaux de l’AJAX avec WordPress
  • Création d’une extension utilisant AJAX et JSON
  • Préparation des éléments et vérification des champs du formulaire en jQuery

Les Tâches Planifiées (Cron)

  • Introduction aux tâches planifiées dans WordPress
  • Configuration et gestion des tâches planifiées



Formation WordPress Avancé

Introduction à la formation WordPress

Présentation du programme de la formation

Mise en place des outils nécessaires

Qu’est-ce qu’un Gestionnaire de Contenu (CMS) ?

Historique de WordPress

Vocabulaire de WordPress (article, page, widget, thème, plugin…)

Installation et configuration de base

Déposer un nom de domaine

Trouver un hébergeur

Télécharger et installer WordPress

Configurer WordPress

Découverte du tableau de bord

Créer et organiser le contenu

Créer des articles et des pages

Afficher des articles sur la page d’accueil

Créer des catégories

Créer et gérer des menus

Atelier pratique : créer des articles, des menus et afficher sur le site

Gestion des médias

Formats image (PNG, GIF, JPEG)

Gérer les fichiers médias

Insérer des images et vidéos dans les contenus

Administration du site

Gérer les utilisateurs et leurs droits

Créer des groupes et définir les accès

Gérer l’apparence du site

Notion et choix de thème

Installer et paramétrer un thème

Personnalisation de l’apparence

Extensions WordPress

Définition et utilité d’un plugin

Trouver, télécharger et installer des extensions

Configurer les plugins

Référencement dans WordPress

Définition et importance du référencement

Notions de base du SEO

Extensions SEO pour WordPress
Les concepts clés du SEO

Référencement local

SEO appliqué à WordPress

Préparation du thème en HTML/CSS

Format et types de balises HTML

Utilisation des balises HTML5

Atelier : création d’un site statique HTML5/CSS3

Création d’un thème WordPress

Structure d’un thème et fichiers essentiels

Déclaration et configuration du thème

Hiérarchie des pages et modèles

Fonctions d’inclusion, marqueurs et références

Personnalisation avec functions.php

Les boucles, hooks (actions et filtres), formats d’articles

Champs personnalisés et internationalisation

Préparer le package final

Atelier : création d’un thème WordPress complet

Création d’un thème enfant WordPress

Concept et utilité des thèmes enfants

Modifier ou ajouter des fonctions

Atelier : création d’un thème enfant




Formation WordPress: Optimiser son référencement

Introduction à la formation WordPress

Site Web

Rappel notions html

Installation de WordPress

Création de pages/articles

Les bases du référencement

Choix des mots clés

Optimiser le titre et la description du site

Optimiser le contenu du site

Référencement WordPress

Configurer wordPress pour le référencement

Choix des plugins

Installer les plugins de référencement

Atelier pratique : Installer et configurer le Plugin WordPress SEO By Yoast

Atelier pratique : Installer et configurer le plugin All in One SEO




Formation WordPress | en ligne | Montréal | Québec

Introduction à la formation WordPress

Présentation du programme de la formation

Mise en place des outils pour la formation WordPress

Installation et configuration de base

Qu’est-ce qu’un Gestionnaire de Contenu (CMS) ?

Vocabulaire de WordPress (article, page, widget, thème, plugin,,,)

Historique de WordPress

Déposer un nom de domaine.

Trouver un hébergeur pour son site.

Télécharger WordPress

Installer WordPress

Configurer WordPress

Tableau de bord

Créer et organiser le contenu

Créer des articles

Afficher des articles en page d’accueil

Créer des catégories

Créer des menus

Atelier pratique: créer des articles, des menus et afficher sur le site

La gestions des médias

Les formats image (PNG, GIF, JPEG).
Gérer des médias
Insérer des images
Insérer la vidéo

Administration du site

Les utilisateurs, les groupes et les droits

Droits d’accès au contenu

Gérer les utilisateurs

Gérer l’apparence du site

Notion de thème

Installer des thèmes

Paramétrer le thème

Modifier l’apparence des thèmes

Extension WordPress

Définir un plugin

Paramétrer un plugin

Où trouver des extensions WordPress

Télécharger/installer des extensions

Référencement dans WordPress

Définition du référencement

Notions de base du référencement naturel

Extension WordPress pour le référencement

Recommandé suite à cette formation :

Formation WordPress : Créer un thème et le référencement

Formation WooCommerce

Formations Avancées WordPress:

Formation création de plugins WordPress




Les codes informatiques et les infolettres : combiner les deux pour optimiser son marketing?

Dans le cadre d’une infolettre, vous devez savoir accrocher votre lecteur, les internautes qui vous liront devront avoir envie de vous lire. C’est ce qui permet de vous démarquer des concurrents qui distribuent aussi des courriels d’infolettres. Mais pourtant, avoir un beau contenu n’est pas tout! Vous devez aussi disposer judicieusement des images, des styles de votre texte (polices de caractère), puis avoir un bon logiciel d’infolettres pour avoir des styles les plus présentables à vos interlocuteurs.

Il peut arriver un temps où vous aimerez aller plus loin dans la personnalisation de vos courriels. Mais comment faire? Vous aurez certainement des manipulations à faire dans les styles prédéfinis. Avant de pouvoir créer votre propre style, il vaut mieux commencer par calquer un modèle libre de droit pour le modifier et le faire correspondre avec votre propre image de marque. Ceci demande du travail surtout si vous débutez dans la création de modèles d’infolettres.

Quand un créateur d’infolettres désire avoir le plein contrôle sur ce qu’il publie, il lui est recommandé d’apprendre au moins des bases des codes informatiques. Si une terminologie réunit bien plusieurs codes informatiques, il s’agit de la terminologie dite HTML. Le HTML est un peu la base à la base des codes informatiques plus poussés tels que les codes PHP (partie intégrante de WordPress) et Javascript. C’est aussi une bonne base pour personnaliser des infolettres si vous avez déjà quelques notions puis que vous aimeriez les mettre en pratique. Avant d’avoir ces notions, un peu complexes, vous devez évidemment les apprendre, via une quelconque formation ou de façon autodidacte, en tout ou en partie.

Le marketing par infolettres et le HTML : quel lien peut être fait?

Pour vous, relier HTML et infolettre revient à utiliser le HTML non pour créer un site web ou monter des lignes de code hyper complexes dans le but de gérer un réseau de technologies de l’information; plutôt, vous allez maîtriser un compte de messagerie dit « open source » pour manier habilement le style entier d’un courriel et de ses envois aux différents contacts intéressés.  Concrètement, vous pourrez créer des courriels plus personnalisés qu’en utilisant seulement un logiciel de messagerie où les modèles sont très peu personnalisables pour les personnes à l’œil plus aiguisé. Il est ensuite important d’avoir une excellente maîtrise du rendu, et de pouvoir le tester AVANT d’envoyer vos courriels. En effet, toute personne qui emploie la terminologie HTML et qui est soucieuse des résultats que verront les autres gens va impérativement vérifier le résultat AVANT la diffusion. Recevoir un courriel avec des caractères spéciaux mal placés et pratiquement illisibles est frustrant, d’autant plus que ce genre de courriels se retrouve souvent à la corbeille. Il y a des façons de créer un courriel et d’en tester le visuel. Ces techniques de travail se trouvent dans les cours de terminologie informatique de base. Apprendre ces notions peut paraître obscur si jamais vous ne connaissez rien à la terminologie. Par contre, c’est en mettant en pratique les notions à votre rythme que vous arriverez à maîtriser la terminologie.

HTML : ce que le HTML demande comme structure

Bien que la terminologie HTML soit bien simple pour un spécialiste des technologies de l’information, il y a bien des chances qu’une simple omission dans la structure d’un document HTML vienne le rendre inutilisable. À quoi ressemble un document HTML? Il s’agit d’une feuille où vous inscrivez les éléments terminologique requis et qui renvoie un résultat quand vous la rendez disponible à d’autres utilisateurs en ligne.

C’est important, rendre un document de ce type avec une structure précise. Par exemple, si vous placez ce qui devrait être à la première ligne du document à la dixième ligne, votre document, automatiquement, deviendra inutilisable, sauf si vous le corrigez par la suite et le remettez en ligne. Ce qui est tout de même plutôt choquant, surtout pour un projet d’envergure. C’est pourquoi nous conseillons, pour tous projets, de se doter d’une application ou d’un logiciel qui permet de tester le résultat avant de l’envoyer en ligne ou le rendre disponible à un groupe.

Les balises sont ce qui contrôle votre terminologie

Si la terminologie d’un document informatique était aussi malléable que le texte d’un roman ou d’un article de journal, il y aurait trop de risques que n’importe qui puisse publier absolument n’importe quoi et que n’importe qui puisse pirater un document. Le web serait une véritable cacophonie en quelque sorte! C’est pourquoi la structure du document, déjà mentionnée plus haut, est d’une assez haute importance.

Au début et à la fin de chaque ligne du document, vous devez placer des balises. Sans quoi, ce qui est contenu dans la ligne suivante et qui pour vous est quelque chose d’autre, pour le HTML, sera exactement la même ligne terminologique. Ou, pire, en omettant une balise, vous pourriez obtenir une partie de votre document qui sera illisible ou dont la présentation pourra être très étrange.

Chaque balise commence par « < » et se termine par « > ». C’est assez logique, puisque nous ouvrons le crochet pour mentionner quelque chose, et nous le quand notre propos est terminé. De la même façon, ce que nous appelons une « ligne codée » dans un document comprend une première balise en « <> » et se termine par une balise semblable, mais avec le caractère suivant « / ». Le caractère « /> signifie « terminé » en quelque sorte.

Les balises permettent aussi de définir un code qui s’insère dans le HTML. Par exemple, insérer un code Javascript (pour animer votre site web et le rendre présentable sur tous les appareils, autant les ordinateurs que les IPhones), vous insérerez une balise avant votre code Javascript, avec une autre balise suivant ce code. Autrement, sans la balise de fin, votre animation ne sera pas prise en compte. Si ces quelques notions vous sont très peu familières, apprendre d’une de vos connaissances qui travaille en informatique ou qui connaît la terminologie HTML vous permettra de vous initier à ce monde un peu différent de l’écriture normale ou des mathématiques.

Pour en revenir aux infolettres, quand vous créerez votre premier modèle, grâce au HTML, vous irez chercher une touche de personnalisation que vous n’aviez pas auparavant. En effet, parce que la terminologie HTML permet à elle seule de créer de façon presque illimitée, vous pourrez vous amuser avec vos premiers designs d’infolettres, mais il est recommandé de le faire à l’aide d’un « éditeur de code ». Le plus connu étant probablement Visual Studio Code. Rendez vos infolettres attrayantes et collez-les à votre propre marque grâce à la terminologie HTML.

Bien dessiner un modèle d’infolettre pour bien la schématiser par la suite

Avoir un croquis, dessiner un plan de ce que vous aimeriez faire voir aux lecteurs de vos courriels, représente une méthode de travail couramment utilisée. Pourquoi les créateurs vont-ils, environ 90% du temps, construire un croquis, ou le faire construire, avant d’en écrire le contenu HTML? Pour la même raison, en fait, qu’un écrivain utilisera un plan avant d’écrire son prochain roman. Vous avez déjà visuellement devant vous les éléments à mettre en place pour votre visuel avant de vous aventurer dans la structure de ceux-ci à l’intérieur de votre éditeur de code. Puisque c’est une tâche difficile et assez abstraite à faire, monter un modèle d’infolettre à partir de HTML, mieux vaut avoir en tête déjà le résultat voulu pour votre premier chef-d’œuvre! En tant qu’artiste de l’infolettre, il est avantageux d’avoir sur papier un plan de votre infolettre, comme une entreprise de construction ne peut improviser la construction d’une maison. Construire une maison est toujours basé sur les plans d’un architecte, comme construire une infolettre est (presque) toujours basé sur le talent et l’habileté d’un graphiste.

De façon concrète, essayez de respecter le plus possible le plan qui vous est fourni. Autrement, vous risquez de dériver vers un contenu qui ne ressemble pas du tout à ce qui est recherché. De cette manière de travailler repose un risque : vous n’aurez pas produit ce que vous deviez produire, mais plutôt ce que vous aimeriez faire. Il y a une grande différence entre faire ce que l’on VEUT faire, et se limiter à ce que l’on PEUT faire, cela s’applique même dans les lettrines d’une infolettre. Ce que l’on veut produire comme résultat n’est pas nécessairement ce que le graphiste nous permet de faire, puisque chacun est le professionnel de son métier, comme le graphiste est le professionnel censé reconduire votre courriel vers une place de choix dans la boîte aux lettres virtuelle Outlook de vos clients!

La police de caractère fait vraiment une différence?

Il existe plus d’une centaine de polices de caractères toutes différentes que vous pouvez placer dans une infolettre. Autant vous aimerez avoir la bonne police de caractère, autant elle sera difficile à trouver, cette police de caractère parfaite. Pourtant, est-ce que cela fera une vraie différence sur le rendu final, avoir une police de caractère à tout casser? Pour mettre tout cela au clair, il est important de se poser la question suivante : « Si j’avais mis une autre police, est-ce que cela aurait changé la perception de mes clients? » Si la réponse est non, c’est que votre police est bonne. Rien ne sert de perdre plusieurs jours à trouver une police de caractère parfaite, mais encore faut-il considérer que plusieurs autres choses peuvent être mises en place pour créer le courriel le meilleur possible.

Disposer vos paragraphes comme dans un tableau, permet de créer des textes à deux ou trois colonnes. Les images que vous allez présenter, rendez-les attrayantes et à propos! Vous gagnerez ainsi beaucoup plus de clients potentiels que si vos images ne sont pas tout-à-fait bien calibrées. Si elles sont trop sombres ou trop éclairées, les images ne permettent pas de faire valoir tout ce qu’elles peuvent délivrer comme message. Pour le web, il est vrai de dire qu’une image vaut mille mots.

Les lecteurs de votre infolettre liront en premier ce qu’ils voient, et non le texte en soi. Les gens peuvent lire un texte environ 15 secondes et s’y désintéresser si la présentation de celui-ci laisse à désirer, aussi attractif ce texte soit-il. Contrairement au roman, où le texte est l’essence même du succès, le texte sur le web repose sur l’image et le fait qu’on puisse saisir le contenu en lisant les deux ou trois premières lignes du texte et en regardant vite fait la mise en forme d’un courriel (par exemple). C’est en personnalisant votre courriel que vous arrivez à joindre votre public cible. Un modèle de courriel devrait se modeler au public qu’il veut aller chercher, aux futurs clients à qui il souhaite donner envie d’en savoir davantage. Malheureusement, aujourd’hui, plusieurs ignorent encore l’impact d’un bon et beau courriel!