Point sur l'intégration Shopify et retours 💻

Bonjour Noemi, j'espère que vous allez bien.

Je fais donc un retour vidéo aujourd'hui pour vous signaler, pour vous informer que j'ai fini l'intégration de la maquette précédemment présentée sur maintenant Shopify.

Donc tout est fonctionnel.

Vous allez pouvoir consulter via un lien de chantier que je vais vous envoyer aujourd'hui l'ensemble des différentes pages et vous verrez que maintenant on a quelque chose de fonctionnel, de réactif et d'interactif.

Donc là, on est dans une phase qui va précéder l'intégration de ce chantier sur votre boutique.

Néanmoins, avant que cette phase ait lieu, il va falloir me faire quelques retours sur ce que j'ai produit.

On va faire un bref...

une brève visite sur le site juste après.

Mais l'idée c'est de me faire un maximum de retours maintenant sur les pages.

Alors je pense que les retours ça va surtout être de la rédaction.

J'ai généré pas mal de choses à partir de ce qui a été produit déjà sur Aroma.

Donc avec les IA j'ai reformulé certaines choses et j'ai réintégré certaines choses.

Néanmoins, il peut y avoir peut-être encore des coquilles.

Alors moi, mon travail, c'était surtout la partie design.

Mais voilà, j'ai réintégré du texte avec les outils que j'avais sous la main.

Mais ce serait bien que vous les vérifiez.

Donc pour ça, je vous mets à votre disposition aujourd'hui en complément de cette vidéo.

Un petit pdf, alors non c'est pas celui là, on en parlera juste après, c'est celui-ci qui s'intitule vos demandes de modifications.

Vous avez pour la page d'accueil, produits, collection, VIP, à propos, FAQ et contact, blog et articles de blog.

Alors toutes ces pages là, le but c'est de m'écrire dans ce gros encart bleu les différents retours que vous avez à me faire sur les différentes pages, ce qu'il faudrait modifier.

corriger ou supprimer.

Encore une fois je pense que ça va être surtout du texte et aussi évidemment si vous repérez un petit problème, une étrangeté sur le site, un bug, ça peut arriver tout simplement, vous me le notez ici comme ça je modifie et comme ça j'intègre chez vous vraiment une version propre qui est directement fonctionnelle et on peut directement publier sans problème.

D'ailleurs pour la page d'accueil il faudra également me mettre le lien de l'espace formation pour les clients comme ça je saurai rattacher le bon lien parce que je sais qu'il y a eu un changement de nom de domaine que je vais mettre le bon lien ici.

Enfin voilà, donc vous aurez déjà dans un premier temps ce document à me retourner, et dans un second temps, mais ça je vous en parle après, c'est un autre document où j'ai des petites informations manquantes sur certaines formations, donc ça on va en parler après.

on fait un rapide tour sur le site alors contrairement à la maquette bon là on n'a pas les 8 qui sont directement disponibles on l'a vu donc ça c'est j'ai mis une étiquette bientôt d'accord et sur le sur la version mobile on a une phrase qui est prochainement je vais afficher la version mobile clac inspecter chose comme ça 14 pro voilà donc sur mobile on a quelque chose qui est comme ça donc là on a une petite pilule prochainement d'accord Sur la maquette, je vous avais présenté, il y avait deux boutons, nos formations, les huiles.

Pour l'instant, vu que les huiles ne sont pas encore disponibles, j'ai retiré les deux boutons pour laisser plus de place à ce carousel de cartes formations.

On a bien les différents méga menus qui redirigent tous vers la collection des niveaux formations.

tous les éléments qu'on a dans le méga menu ici sont des éléments de filtrage tous les liens ici redirigent vers la même collection mais en fait on applique des éléments de filtrage à la collection par exemple la aromathérapie quand je clique dessus Je suis redirigé vers toutes les formations de ma page collection qu'on a vu précédemment.

Mais j'ai un filtre aromathérapie qui s'est appliqué dans les thématiques.

On en reparlera après de la partie filtrage ici.

Vous verrez que c'est pas bon.

C'est normal parce que je n'ai pas encore mis les bons filtres au bon produit.

On en reparlera juste après.

Il y a pas mal de choses que vous aviez déjà vu, ça c'est cohérent avec la maquette, donc pas de problème à ce niveau.

Les cartes qui sont mises en place, donc les produits qui sont là c'est strictement les produits qui étaient publiés sur votre site.

Donc moi je me suis vraiment basé sur tout cela, pas ceux qui étaient...

parce qu'il y en a beaucoup aussi dans votre back-office.

Donc moi je me suis vraiment basé que sur ceux qui étaient publics et publiques.

Voilà.

Donc tout ça là, il y en a en brouillon, etc.

Donc ça peut-être qu'il y aura une phase aussi de mise au propre à faire de votre côté, pour qu'on soit un peu cohérent.

Vous voyez moi de mon côté, ce que j'ai fait sur la boutique de chantier, Côté produits, c'est qu'on a vraiment quelque chose de propre avec une nomination qui est vraiment toujours la même et quelque chose de vraiment bien lisible et compréhensible.

C'est vrai que là on a des noms qui sont tantôt avec des majuscules, tantôt avec un début de bonnes choses ici en termes de de naming, mais sinon après ça part un peu en cacahuète.

Donc l'idée c'est qu'à l'avenir ici on ait vraiment quelque chose de propre.

Donc ça il y aura une partie nettoyage à faire à ce niveau quand vous aurez le temps.

Moi dans tous les cas je créerai une vue filtrée ici qui permettra de vraiment avoir une belle vue d'ensemble de mes travaux comme là.

Enfin voilà, c'était une petite parenthèse.

Mais en tout cas, c'était juste pour dire que les produits qui sont présents ici, c'est strictement les produits qui sont publics sur Aroma.

On descend, donc là on a la partie financement, ça vous l'aviez vu, vous m'aviez demandé d'intégrer un petit formulaire, donc ça, ça a été intégré, donc maintenant les gens peuvent remplir ici via le pop-up et peuvent envoyer.

Bon là, ils ont le déroulé de comment ça va se passer, voilà.

Ici, on a un carousel.

Quand on passe la souris par-dessus, ça s'arrête.

des petites données, une FAQ, FAQ qui va changer en fonction de la page sur laquelle on est.

Ici, partie blog, donc avec différents articles.

Donc là j'en ai mis que trois, c'est juste pour se donner une idée, je n'allais pas trop rapatrier non plus.

Et enfin le footer, donc là aussi vous me faites les retours qu'il faut sur le document pour que je puisse modifier s'il y a des choses à changer d'un point de vue rédaction.

Ensuite on va passer donc à la page collection.

On met d'abord en avant les meilleures ventes, les offres du moment, on a l'offre VIP et ici on tease les futurs kits.

Pour l'instant ce n'est pas cliquable mais on affiche bien que c'est bientôt.

Ici les formations avec ce filtre qui est sticky et qui permet de filtrer les différents produits.

Comme je l'ai dit précédemment, on n'est pas en mesure ici de filtrer correctement les produits parce que il me manque des informations donc c'est pour ça qu'il va falloir me compléter le deuxième document qui est informations manquantes donc là j'ai repris toutes les formations Et il me manque des données sur ces différentes formations, notamment ici le nombre de leçons.

Donc j'ai le nombre de modules, j'ai le nombre d'heures de formation, mais je n'ai pas le nombre de leçons.

Donc si vous avez les informations à ce niveau, vous me le mettez, comme ça moi je sais remplir correctement la fiche de la formation.

Pareil, là on est toujours sur le cas de praticiens conseillés en aromathérapie, il me manque le niveau de la formation, débutant, intermédiaire, avancé ou tout niveau.

et l'objectif de la formation, donc là vous pouvez en choisir plusieurs, me reconvertir, développer une activité professionnelle, créer mes propres produits, etc.

Et ensuite la confirmation de la thématique.

Bon là évidemment j'ai compris que c'était de l'aromathérapie, mais au moins comme ça vous me cochez la bonne case, et je sais dans quel filtre appliquer à quel produit.

Il y a certains produits qui ont besoin d'informations supplémentaires, C'est souvent la même chose, ça parait énorme mais en fait c'est tout le temps la même chose qui est dupliquée, c'est juste pour avoir des confirmations.

Là voilà, phytothérapie, là par exemple extrait de la formation, je ne l'ai pas.

Donc si là vous avez l'URL d'une vidéo que je peux instérer pour mettre un extrait, vous mettez le lien ici et comme ça je sais afficher une vidéo.

et après c'est globalement la même chose partout.

Voilà, donc c'est vraiment ces deux documents-là que je vais vous envoyer, qu'il me sera à compléter et à me retourner, pour que je puisse vraiment modifier le chantier, et comme ça du chantier on a vraiment quelque chose qui est réaliste, qui est vraiment le miroir de ce qui sera publié chez vous.

L'idée c'est de ne pas venir apporter chez vous un brouillon ou quelque chose sur lequel il manque des informations.

Voilà, donc ça c'est deux PDF là à me retourner compléter.

Donc on finit le petit tour de la collection, donc là pareil, financement, comment ça se passe, les acteurs qui ont parlé de vous, avec qui vous travaillez, ça vous connaissez déjà.

Page formation.

qui ont plusieurs états d'affichage, parce qu'en fonction de ce qui est rempli en termes d'informations sur la formation, on affiche plus ou moins certains champs.

Donc ça je vous le montre, mais vous n'aurez pas à le faire à l'avenir si je m'occupe de la maintenance.

C'est qu'en fait, j'ai créé plusieurs bases de données, et donc là, données, produits, formations, Maintenant chaque formation a des champs supplémentaires bien plus élevés où on peut vraiment mettre tout le contenu nécessaire.

Et en fonction des champs qui sont remplis ici, on est en mesure d'afficher des champs ou des sections entières.

Donc là voilà, on a toujours la structure qui est la suivante.

Donc là ici la description, tout ça a été généré avec des IA.

Mais l'IA génère toujours en fait, ça c'est un prompt que j'ai créé aussi sur recommandation pour avoir une bonne structure SEO.

Donc pourquoi cette formation, l'objectif de la formation, ce que vous apprendrez dans la formation, ce que vous trouvez dans le cours, pour qui est cette formation, et un appel à l'action.

Description, contenu, donc là on vient répertorier les différents modules.

Prérequis, modalité et les débouchés.

Donc là pareil, j'ai demandé à Unia de me trouver différents débouchés, si vous voulez me suggérer d'autres débouchés, évidemment je les ajoute.

Voilà.

Ici, on montre ce que ça pourrait donner d'un point de vue paiement, si on paye en plusieurs fois.

Ici, pareil, c'est conditionnel.

Si le prix de la formation est supérieur à 50 euros, alors on affiche ça.

Par contre, si le produit Est-ce qu'il est là les books?

Si le produit a un prix inférieur à 50 euros, on affiche certaines choses différemment.

Vous voyez par exemple ici, sur ce produit là, je n'ai pas, contrairement...

Je vais aller rechercher la formation que j'avais précédemment.

Voilà.

Vous voyez que par exemple ici, j'ai plus d'informations sur ce produit là, donc je suis en mesure d'afficher plus de sections.

Là par exemple ici, J'ai un extrait de formation et j'ai des données que je peux afficher dans cet encart là.

Vu que pour l'ebook ici je n'ai pas ces données là, je ne les affiche pas.

Pareil ici, on voit que j'ai du contenu ici avec des modules, des prérequis, des modalités, des débouchés.

Là, pour l'ebook, j'ai juste des prérequis et des modalités, donc je n'affiche pas les autres encarts, etc.

Donc là, votre formatrice.

Là, pareil, j'ai créé des bases de données dans Shopify, où on vient regrouper tous les collaborateurs qui travaillent sur la boutique.

Donc là, j'ai une base de données qui s'appelle collaborateurs.

Donc là, il y a vous.

et là donc le nom, prénom, le statut, un résumé, des données clés.

Et ensuite, cette carte collaborateur, je peux venir la rechercher et les associer à d'autres bases de données.

Par exemple, là dans formation, Admettons cette formation là, dans la formation formateur formatrice, je viens sélectionner le collaborateur parce que j'ai créé une base de données collaborateur.

Donc ça aussi à l'avenir, on va vraiment pouvoir créer des choses plus dynamiques, plus complètes s'il y a d'autres intervenants.

Ici le résumé de la formation, ce que la personne reçoit, c'est généré, c'est complété dans un champ qui va bien côté back-office.

On a vraiment quelque chose de très complet, résumé, formation, le résumé, la partie accompagnement, les ressources, certificats et tout ce qui a été complété ici, on le retrouve là finalement.

Voilà.

Là, par exemple, on a un bouton Être rappelé, donc ça, pareil, dans le PDF que je vous ai envoyé, vous mettez le petit lien d'un calendrier ou quoi, comme ça, si la personne, elle peut être rappelée pour être conseillée, ben voilà.

Ou alors, je change l'appel à l'action et vous me donnez un autre lien.

Comme ça, la personne, elle peut être guidée dans son processus d'achat.

Donc là, voilà.

Évidemment, on peut ajouter au panier.

Ça nous ouvre un petit drawer sur le côté.

Voilà, tout simplement.

Ici on met en avant l'offre VIP, d'ailleurs elle est mise un petit peu partout en avant, dans le menu, sur la page d'accueil, dans la page collection et sur toutes les pages produits, on ira la voir tout à l'heure.

Toujours la partie financement, le processus et une FAQ propre à chaque produit.

Voilà.

Donc ça c'est pour les produits, donc pareil je vous invite à vraiment regarder chaque fiche produit et me dire s'il y a des choses à changer, corriger, parce qu'on ne publie pas quelque chose de faux ou d'erroné.

Ici, offre VIP, donc là elle ressemble à ça.

Tout ce qui est inclus dans l'offre.

Là par exemple, j'ai mis valeur XXX.

Si vous savez mettre des valeurs en euros pour augmenter la valeur perçue.

Si vous n'avez pas les valeurs en question, je retirerai les parenthèses.

Mais si vous savez mettre les valeurs, c'est quand même pas mal.

Comme ça la personne sait combien elle économise par an.

Donc voilà, ici le fameux bento, ici on montre combien la personne va payer, donc vous m'aviez dit le paiement en 10 fois, donc là voilà, des petits éléments de rassurance, et là j'ai dit en moyenne 2800€ sur toute la boutique.

Moi c'était juste en me basant sur toutes les formations, mais peut-être que la personne elle économise beaucoup plus que ça.

C'est pour ça que c'est intéressant quand même de calculer ici combien la personne elle va économiser.

Donc là toujours la partie financement, avis client, bon ça vous aviez vu.

D'ailleurs bon pareil sur mobile, à quoi ça ressemble.

Je dis n'importe quoi en fait, il est dans le menu, formation.

Sur Moby ça ressemble à ça.

Ici j'ai juste rajouté un bouton pour pouvoir faire un jump plus rapidement ici.

Voilà.

Et donc là on a toujours le bento avec des cases de différentes tailles pour mettre un peu plus en avant certaines choses qui sont plus importantes que d'autres.

Voilà.

Donc on a vraiment quelque chose de bien adapté sur les deux périphériques.

Donc voilà, ça c'était pour la partie VIP, je vais fermer un peu les pages parce qu'il y en a pas mal d'ouvertes.

Maintenant, on va jeter un coup d'oeil à la page à propos.

Pareil, il faudra me faire des retours là-dessus.

En fait, c'est surtout celle-ci parce qu'il me manque pas mal de choses.

Là, vu que c'est votre histoire, la vie d'Aroma et d'Apotis.

Donc là, j'en avais fait la suggestion quand on parlait des maquettes.

Ici j'avais laissé un visuel vide pour que vous puissiez m'envoyer des visuels idéalement de haute qualité, que vous auriez pu accumuler ou avoir au fil des années.

Donc là pareil, s'il y a des choses à changer sur cette page d'un point de vue rédactionnel et même visuel, là faut m'envoyez la matière.

Donc là on a quelque chose lié à l'historique, donc là pareil j'ai laissé des champs et une place pour l'image, donc là pareil si vous pouvez me donner un petit peu d'historique comme ça je sais compléter.

Donc là voilà 2023, 2024, 2025.

Donc voilà sur les trois dernières années, l'idée c'est pas d'aller vous redire la page non plus mais voilà si vous avez des petites choses intéressantes à me donner à ce niveau comme ça je sais compléter.

Ici, engagement, donc là j'ai complété avec des données généralistes qu'il y a sur la boutique.

L'équipe, donc là vous voyez c'est ça aussi l'importance de créer des bases de données, c'est que là du coup j'ai pu créer les collaborateurs dans le back-office Shopify et donc de ces collaborateurs je sais créer des cartes qui ont un template qui leur est propre et donc ensuite après je sais incrémenter avec les données que je crée dans le back-office tout simplement.

Donc voilà, si à la dernière l'équipe s'agrandit, on pourra créer une nouvelle carte avec quelque chose de bien complet à ce niveau.

Et un rappel des différentes formations, ça vous l'aviez vu dans la maquette.

Partie financement, on va le rediriger sur la page d'accueil.

Voilà.

Blog.

On a quelque chose qui ressemble à ça, voilà.

Donc là pareil, partage sur les réseaux sociaux, offre du moment et la partie blog.

Donc pour la partie blog, moi il y aura quand même du travail à faire de votre côté pour remettre en forme vos articles de blog parce qu'en fait le problème de vos articles de blog, c'est qu'en fait vous avez dû les faire avec des IA ou je sais pas vous avez peut-être fait intervenir quelqu'un pour faire ça mais en fait vos articles de blog injectent du style dans la page pour créer ces effets de couleurs etc.

Et donc c'est écrit en dur dans le HTML de l'article et donc je dois à chaque fois pour chaque article remettre au propre pour pouvoir appliquer des styles qui nous sont propres Il faut savoir qu'à l'avenir, quand vous allez rédiger un article de blog, si là on va dans l'article de blog, je suis toujours sur le chantier ici, voilà, en fait vous avez juste à écrire avec les outils que vous donne Shopify, donc strictement mise en forme ici, gras italique, etc.

Et ensuite, de ce que vous allez mettre là-dedans, par exemple là si vous mettez une liste à puces, c'est moi qui, côté thème, injecte du style pour dire ah ici c'est une liste à puces pas pour toutes les listes à puces ce sera fond blanc avec une bordure arrondie et on isole l'élément.

Pareil quand je veux mettre une phrase comme ça en avant ah alors côté Shopify ça donne quoi ah ici en fait c'est un bloc citation.

Donc il y a juste à sélectionner comme ça et donc de ça et bien on s'est rédigé quelque chose d'intéressant.

Là pareil ici, on a une liste à puces numérotée.

Là pareil, c'est côté Shopify.

Je vais fermer ça.

Côté Shopify, on crée notre liste à puces ici avec la liste numérotée et de ça moi ensuite je sais créer quelque chose de vraiment pro, pareil ici pour les tableaux, on crée le tableau dans le back-office avec inséré un tableau ici, et ensuite c'est moi qui, côté thème, a créé une règle pour ajouter du style.

Donc voilà.

Donc je m'occuperai de remettre au propre les différents articles, donc ça il y aura aussi une intervention à prévoir à ce niveau pour que ça soit cohérent et pour pas qu'on ait des bizarreries ou des incohérences de style.

La sommaire, donc chaque élément de sommaire redirige vers chaque élément du titre.

Voilà, possibilité de partager.

Ici les gens peuvent laisser un commentaire et on rappelle sur l'auteur, l'autrice.

Voilà.

Est-ce qu'il y avait autre chose?

Ah oui!

Là, on est sur la phase 1, comme on avait dit.

Là, pour l'instant, on a les formations.

Finalement, là, juste brut, le reskin d'Aromatherapy.

En fait, là, ce qu'on a sous les yeux, c'est Aromatherapy, mais avec un autre nom et un autre style visuel.

toute l'architecture, tous les produits sont les mêmes etc.

On a juste une page supplémentaire qui est finalement VIP.

Donc ça c'est la phase 1 comme on avait dit, la phase 2 c'est qu'il fallait prévoir l'ajout de l'annuaire et enfin phase 3 ce serait donc l'ajout des huiles et des kits.

Pour l'instant le template huile et kit J'avais dit qu'elle serait intégrée aujourd'hui.

Vu comment l'intégration m'a pris du temps, je me suis focalisé sur ce qui était vital pour un lancement prochain.

Donc là, tout ce qui est huile et kit, pour l'instant les pages ne sont pas prêtes.

Après ça ne me prendra pas longtemps de les créer.

Mais je voulais déjà en priorité sortir ça puisque visiblement dans le calendrier qu'on a vu ensemble, ce serait pour novembre.

Donc pour l'instant, kit et huile, elles sont designées.

mais elles ne sont pas intégrées.

Donc ça, ce sera des ajouts futurs qui ne prendront pas longtemps, mais je voulais d'abord en priorité sortir ça et laisser un petit teasing sur le fait qu'il y aura des huiles prochainement.

Donc voilà.

Donc là, la balle est dans votre camp.

Donc j'attends vraiment, en tout cas, un retour sur ces deux PDF, en tout cas.

Que je puisse vraiment bien compléter les différentes pages formations.

et aussi modifier les différents textes s'il y a besoin de modification, comme ça on est tout bon et ensuite je peux passer à une phase d'intégration chez vous et on pourra donc publier limite tout de suite parce que le chantier sera ok d'un point de vue rédaction, d'un point de vue fonctionnel on est ok donc on pourra publier directement une fois que ce sera intégré chez vous.

Et ensuite, ponctuellement, on conviendra de mise à jour d'intervention pour que la boutique évolue.

Donc voilà.

J'attends vos différents retours.

Moi de mon côté, c'est pas pour autant que j'arrête de travailler.

Je vais justement préparer le transfert de toutes les données sur votre boutique et aussi je vais réfléchir à comment conserver une sorte de backup de tout ce que vous avez fait.

pour qu'au cas où on est en mesure de quand même revenir sur une version précédente donc je vais réfléchir aussi à ça pour qu'on n'ait pas non plus de conflits et qu'on puisse, si on veut, switcher d'une version à une autre, si on veut revenir sur l'ancien thème avec l'ancien catalogue, etc.

Donc ça c'est mon boulot, mais en tout cas c'est ce que je vais m'occuper de faire pendant que vous serez en train de me faire les différents retours ici et là.

Voilà, écoutez, merci de m'avoir écouté jusqu'au bout.

Si vous avez d'autres questions, en plus que ce que j'ai pu mentionner, soit vous, au moment souhaité, vous le mettez dans le timecode de la vidéo, comme ça je sais à quoi la réponse ou la question fait référence dans la vidéo.

ou alors vous me l'envoyez directement sur WhatsApp et je m'attellerai à vous répondre.

Merci encore pour votre écoute, merci encore pour votre confiance, je vous souhaite une belle journée et je vous dis à très bientôt.