Mardi j'ai fait une boutique auto-hébergée avec @WooCommerce aujourd'hui je vais essayer de créer une boutique avec @WiziShop_fr solution Saas (ils s'occupent de la webperf et tout) et ils font 3 mois gratos

http://bit.ly/wizishop-covid 

#commerces #digital #ecommercessolidaires

J'ai besoin d'une boutique volontaire, avec une 20 aines de produits. C'est gratuit, c'est wizi qui me paiera une com plus tard :-)

#commerces #digitalisation sinon je fais une boutique de guitare avec des produits chinois

Vous avez 10mn

@marseille https://twitter.com/jessyseonoob/status/1323634580398755840?s=20

Ah j'avais un espace existant, du coup, je ne passe pas par le process habituel. Mais c'est bien fait, l'onboarding est bien fichu. Il y a la formation de prise en main où l'on peut s'inscrire

#commerces #digitalisation #wizishop

Je lance la personnalisation

Sous wordpress on peut installer un éditeur visuel elementor, visual composer de bakery. Sous Wizishop on a le même genre d'édition drag and drop

#commerces #digitalisation #wizishop

Partons sur un site de guitares avec du matos made in china.

Titre de la page : "guitares gods" ça permettra de recycler si je ne vend pas assez de guitares (got it ?)

On va mettre un header, avec une image en fond, une accroche qui tue.

#commerces #digital #wizishop

On cliques dessus et on peut aller chercher une image sur son ordi ou sur le web

Oh une guitare électrique 8 cordes !

#commerces #digital #wizishop

Ensuite on personnalise le reste du bloc, en ajoutant un bouton qui renverra vers une catégorie de produits.

#commerces #digital #wizishop

Avant d'aller faire un aperçu, je vais aller quand même configurer quelques information importants du site : L'en-tête, un logo si j'ai (j'ai pas, je pourrais mettre plus tard),

A noter qu'on peut choisir un autre design

#commerces #digital #wizishop

Exemple d'autre design gratuit. Il est possible de faire un design personnalisé (pas la peine de venir coller votre pub ici, allez sur le site @WiziShop_fr ).

#commerces #digital #wizishop

A noter que vous pouvez ajouter du CSS pour personnaliser le design et il y a une option pour modifier également les fichier html pour ceux qui touchent un peu leur bille en codage (ne faite pas ça si vous n'y connaissez rien)

#commerces #digital #wizishop

Si vous avez fait des modifs, n'oublier pas de rafraichir le cache pour que ça soit pris en compte. On peut également modifier les fichiers par ftp, ce qui est assez rare pour une solution saas. Wordpress .com ne le permet pas

#commerces #digital #wizishop

Donc si on va voir en front à quoi cela ressemble, on a déja des blocs de rassurance en bas qu'il faudra aller modifier, on a le titre de notre site, ça c'est ok. Donc là je m'aperçois que j'avais pas besoin de le mettre dans mon bloc

#commerces #digital #wizishop

Commençons par mon biais #SEO, comment est la structure du document ?

Ok je veux absolument avoir la main sur la modification du html :-)

J'irais tester avec un autre thème pour voir, mais il a des sites bien positionnés, c'est un prob de theme

#commerces #digital #wizishop

Si je reprend ma page d'hier, mais on tombais dans une catégorie.

Mais on y reviendra lorsque j'irais faire mes catégories et l'insertion de mes produits

#commerces #digital #wizishop

On va commencer par créer des catégories pour y insérer des produits

On cliques sur produits, et avant d'aller cliquer sur le gros bouton rouge, vous le voyez bien ? (pensez y dans l'ergonomie de vos pages) On va cliquer sur catégories

#commerces #digital #wizishop

Modifions les 2 existantes, y'a même une icone pour afficher ou masquer la catégorie

#commerces #digital #wizishop

Donc je fais ma 1ère catégorie de guitares, on me permet même de rajouter un bloc texte et une image. et hop t'as vu cette option là ? après je t'explique

#commerces #digital #wizishop

Allez j'envoies du rêve, dans ce qui doit être écrit dans la title. Je vais pas vous faire un cours de #SEO

Donc la on a les options de title et la metadescription

Et on peut rajouter des variables

#commerces #digital #wizishop

Alors par contre bien faire attention de cliquer sur bouton enregistrer, sinon tu vas galérer 5 bonnes minutes avant de comprendre pourquoi le bloc n'est pas validé

#commerces #digital #wizishop

J'en profite pour faire ma catégorie pour les amplis. On oublie pas de mettre de l'émotion

#commerces #digital #wizishop

On oublie pas la metadescription qui sera visible dans google, et que ça incite à rentrer

#commerces #digital #wizishop

Donc on va aller chercher des produits peut courant, des guitares spéciale grandes mains à 8 cordes (injouable pour moi).

Qu'on va ajouter à la section "produits", mais je vais aller manger d'abord ;-)

#commerces #digital #wizishop

On continue de remplir la fiche. J'ai mal renseigné les attributs, mais c'est pour avoir un 1er aperçu.

#commerces #digital #wizishop

Voilà l'aperçu de la page produit. On est good. On vérifie l'aspect mobile. On est good aussi. A répéter pour chaque produit

#commerces #digital #wizishop

On va aller rajouter un lien vers la catégorie dans le menu, et ensuite on va ajouter un bloc pour mettre en avant notre unique produit. A noter qu'il y a une présentation monoproduit disponible pour ceux qui n'ont qu'un produit à mettre en avant.

#commerces #digital #wizishop

C'est sur la roue crantée qu'il faut cliquer pour arriver ici. Ensuite il faut créer un menu, on va aller sur "menu enrichi"
Rassurance il y a un type de bloc pour ça qu'on va ajouter en page d'accueil

#commerces #digital #wizishop

Voilà j'ai donc ma page catégorie, mon sous-menu guitares, mes blocs de rassurance. Je peux aller dans "contenu" pour modifier les mails, la présentation du commerçant, l'adresse, les mentions légales

#commerces #digital #wizishop

Dans la personnalisation du design on est pas trop perdu pour ceux qui ont déjà utilisé wordpress. Switcher sur un aperçu mobile ou tablette

#commerces #digital #wizishop

Niveaux modules de #livraison en bas on peut ajouter un autre mode de livraison, il y a les options points relais et #clickandcollect

#commerces #digital #wizishop

Je crée un mode click and collect

#commerce #digital #wizishop

Moyens de paiement, il faut activer le module de votre banque. On peut créer un paiement sur place

#commerces #digital #wizishop

On peut activer d'autres services, la par exemple pour le mettre dans la search console, d'activer google analytics, les pixels facebook et export catalogue pour le social selling

#commerces #digital #wizishop

Sur le lien marketing, on trouve tous les outils marketing pour animer sa boutique, et plus bas une option pour envoyer sur les #marketplaces

#commerces #digital #wizishop

Je rappelle mon lien sponso pour ceux qui ont suivi le fil et qui voudraient tester la plateforme gratuitement pendant 3 mois sans commission.

https://bit.ly/wizishop-covid 

#commerces #digital #wizishop

Est-ce que je peux avoir mon nom de domaine personnalisé chez @WiziShop_fr ?

Oui vous pouvez le prendre à l'inscription, ou si vous en avez déja un, il suffit de le lier chez votre registrar en suivant les indications

#commerces #digital #wizishop

Bon pour ce qui est de la webperf, j'ai testé avec gtmetrix, c'est excellent.

Pour l'histoire de la structure, je pense que c'est parcque j'étais connecté en BO j'ai pas la tonne de h2 du début du thread

#commerces #digital #wizishop

@UnrollThread