1 Human station – tous droits réservés 03 novembre 2020 Les Webinars de Human Station Wordpress

2 Human station – tous droits réservés v La landing page

3 Human station – tous droits réservés • L’enjeu est d’amorcer le processus d’acquisition dans le cycle de vie de votre clientèle. • Le site internet est en effet un pivot clé car il permet de présenter vos offres (site vitrine), ou bien de vendre (e-commerce). • La page sur laquelle vous arrivez la front page peut également s’appeler landing page si votre site internet n’a qu’une seule page. Enjeux

4 Human station – tous droits réservés Structure Image de marque : Nom de marque, domaine, valeur, charte graphique, mots clés Promesse: raison d’être du produit, résultat final , proposition de valeur unique (UVP) et call to action Dialogue : réponse aux objections Créer un lien avec un client : par exemple qui exprime son problème de son point de vue ou en quoi la solution a répondu à son problème ce qui revient au même Susciter l’intérêt, l’envie Apporter des preuves sociales 1 2 3 4 5 6

5 Human station – tous droits réservés v Démarrer sur le Web

6 Human station – tous droits réservés • Un nom de domaine est l’adresse qu’on doit saisir dans un navigateur pour pouvoir accéder à votre site • L’hébergement web, est l’endroit où tous les fichiers de votre site web se trouvent. Lorsque quelqu’un saisit le nom de votre domaine dans son navigateur, le nom de domaine est traduit en l’adresse IP de l’ordinateur de votre entreprise d’hébergement. Cet ordinateur est l’emplacement des fichiers de votre site web, et il envoie les fichiers nécessaires au navigateur de l’utilisateur ayant saisi ce nom de domaine. • Plugin WordPress autorise un blogeur à ajouter des fonctionnalités à son blog au travers de l’installation de script tiers. Parmi les plugins les plus populaires, nous pourrions citer les plugins SEO, Adsense, ou de formulaire de contact. Il existe littéralement des milliers de plugin WordPress, permettant tous d’accroître les fonctionnalités de votre blog. Certains plugins auront une incidence sur l’interface utilisateur, votre site, ou sur votre interface d’administration de WordPress. Le menu Extensions est dédié à la gestion des plugins et de l’installation des Widgets. • Widget WordPress : Un Widget WordPress est un objet que vous pouvez positionner dans votre sidebar (barre latérale) WordPress; la plupart du temps, les widgets WordPress sont des dérivés de plugins. Lors de l’installation de WordPress, nous pouvons constater que WordPress possède déjà certains Widgets. Les widgets WordPress sont importants car se positionnant dans votre sidebar, les éléments qui s’y trouveront permettront à vos lecteurs d’interagir encore plus avec votre blog. Ce qui explique que l’on gère les widgets WordPress à partir du menu Apparence. • Le DNS (Domain Name System ou système de nom de domaine) est un composant du net qui converti les domaines avec des noms faciles à mémoriser (comme par exemple monsiteweb.com) en des adresses lisibles par l’ordinateur. Les noms de domaines sont préférables parce qu’il est plus simple de s’en rappeler – DNS est le système qui fait correspondre les deux sortes d’adresses automatiquement. Au préalable quelques rappels de notions clés En un mot, un widget WordPress est un plugin que vous pouvez utiliser dans votre sidebar. Un plugin WordPress est un script PHP qui, après installation, améliore les fonctionnalités de base de WordPress, aussi bien pour votre interface utilisateur que pour votre interface d’administration.

7 Human station – tous droits réservés • Nom de Domaine avec extension .com +.fr : 16,98 € • Hébergement : 71 € • Plan Wordpress – Premium 8€ Business 25 € E-commerce 45€ • Themeforest : environ 50 € • Pluggin divers : environ 50 € 200 à 250 € H.T Combien ça coute ?

8 Human station – tous droits réservés v Les Etapes à Respecter

9 Human station – tous droits réservés • Penser référencement dès le départ • Trouver des noms de domaines courts • Les vérifier sur Gandi.net ou Ovh.com ou1&1 • Notre exemple part d’OVH (vous prenez vos risques) • Acheter le nom de domaine Etape 1 – Réserver un nom de domaine

10 Human station – tous droits réservés Etape 2 – Acheter un hébergement

11 Human station – tous droits réservés Etape 2 – Acheter un hébergement

12 Human station – tous droits réservés Etape 2 – Acheter un hébergement

13 Human station – tous droits réservés Etape 3 - Valider

14 Human station – tous droits réservés Etape 3 – Valider

15 Human station – tous droits réservés v Démarrage Wordpress

16 Human station – tous droits réservés • Créez un compte sur wordpress.com email créé à partir d’OVH • Offre 8 euros pour le stockage Démarrage sur Wordpress 1 2

17 Human station – tous droits réservés • Vous allez recevoir un email de confirmation sur votre nouvelle messagerie • Confirmez votre identité et entrez un autre email • Payez ! Puis rendez-vous sur mon site en haut à gauche de l’écran Démarrage sur Wordpress

18 Human station – tous droits réservés

19 Human station – tous droits réservés

20 Human station – tous droits réservés

21 Human station – tous droits réservés Vous devez choisir le Mxplan. c'est une offre qui permet d'avoir X mails (MXPlanX) C'est l'offre basique pour fournir des emails. Accessible via Webmail et mobile, pas de calendrier par contre. Capacité 5 Go maximum.

22 Human station – tous droits réservés v Choix du thème

23 Human station – tous droits réservés • Tout site web démarre par un éditeur de texte. Pour en avoir le cœur net, ouvre un Word, copiez un morceau de code par exemple celui-ci et enregistrez le en HTML. • Ouvrez la page avec un navigateur web tel que Google Chrome ou bien Internet Explorer, Safari, Firefox etc. • Votre page apparait. Les éditeurs de texte sont dit de haut niveau ou très haut niveau par rapport au bas niveau qui se rapproche du code machine ou binaire (des 1 et des 0). Il simplifie grandement le développement d’un site internet en rapprochant les instructions du langage humain (et non machine). • Dans le cas de Wordpress, les éditeurs vous permettent par un système de drag and drop d’éviter tout codage. Vous changez les images et le texte, voir architecturez les pages à l’aide de box qui correspondent normalement aux sections, divisions etc. L’éditeur

LA VIE EST BELLE

Il était une fois l'histoire d'un petit garçon dénommé Arthur

• C'était un lion
• De 2 ans et demi
• Qui était très heureux
• Qui aimait les gens

Entrer dans son univers;

Il rêvait de partir dans l'espace

Alésia, en bon Gaulois EXEMPLE PROSAÏQUE DE CODE

24 Human station – tous droits réservés Lorsque vous aurez téléchargé le thème, il est possible que le chargement dans wordpress soit difficile. En cas de plantage 2 solutions s’offrent à vous : • Dézipper le thème uniquement et pas le thème child • Rezipper le fichier dans son ensemble

25 Human station – tous droits réservés v L’adresse email

26 Human station – tous droits réservés • L’adresse email vous sera nécessaire • Vous pouvez y accéder depuis le bandeau à partir de la rubrique choix du nom de domaine, en faisant défiler le bandeau sur la droite, puis en cliquant sur E-mails et emailing et Email. • Pour créer une adresse email vous devez avoir choisi au minimum l’offre à 8 euros ou bien upgrader votre offre • Le mot de passe se change depuis le fournisseur votre hébergeur de site web/nom de domaine L’adresse email : l’Arlésienne …

27 Human station – tous droits réservés

28 Human station – tous droits réservés

29 Human station – tous droits réservés v Charger le thème

30 Human station – tous droits réservés Connexion sur Wordpress

31 Human station – tous droits réservés Choix du thème

32 Human station – tous droits réservés Télécharger le thème zippé

33 Human station – tous droits réservés Charger le thème

34 Human station – tous droits réservés v Le setup

35 Human station – tous droits réservés • La licence est liée à l’achat • Ne la cherchez pas dans les dossier licences que vous aurez téléchargés, elle ne vous est fournie que par email (voir la slide suivante). • Elle vous permet d’enregistrer votre thème et de pouvoir : ✓ Télécharger les pluggins associés qui ne sont pas développé par l’éditeur du thème mais le complète. Comme vu précédemment c’est la force de Wordpress ✓ Télécharger le pré-built : un ensemble de pages précodées auxquelles vous aurez accès par l’un des éditeurs de haut niveau de Wordpress qui vous évitent d’avoir à savoir coder. • Choisissez bien votre plan La licence

36 Human station – tous droits réservés

37 Human station – tous droits réservés

38 Human station – tous droits réservés v L’importation du pré-built

39 Human station – tous droits réservés

40 Human station – tous droits réservés

41 Human station – tous droits réservés v Transférer le nom de domaine

42 Human station – tous droits réservés

43 Human station – tous droits réservés

44 Human station – tous droits réservés

45 Human station – tous droits réservés

46 Human station – tous droits réservés Connexion sur Wordpress Tout reste à faire désormais mais vous savez quoi ? TOUT EST POSSIBLE

47 Human station – tous droits réservés • Le transfert du nom de domaine nécessitera d’autoriser le transfert depuis l’hébergeur en désactivant depuis l’outil de gestion de nom de domaine la sécurité contre les transferts, puis en cliquant sur AUTH/INFO Le transfert STEP 1 STEP 2

48 Human station – tous droits réservés http://www.bonheur- au-travail.com • Exemple de réalisation que nous avons fait exclusivement avec un Wordpress IMAGES ANIMEES INSERTION DE VIDEOS INSERTION DE QUESTIONNAIRES BANDEAU SIMPA

49 Human station – tous droits réservés Et demain ? • Les prochains webinar sont accessibles à l’adresse suivante : https://www.human- station.com/webinar • Le prochain cours sera sur la marque • Construire ses tableaux de bord pour donner vie à son business plan et piloter son entreprise comme un DG de grande boite ! • Les suivants sur l’UX et l’UI pour construire une expérience utilisateur agréable • Le SEA pour paramétrer des publicités Worldwide !

50 Human station – tous droits réservés v MERCI POUR VOTRE ATTENTION

51 Human station – tous droits réservés