Comment créer une boutique en ligne avec le CMS Zwii ?

[ClementL 16]

Bonjour à toutes et à tous,

 

Je souhaitais vous partager une expérience de réalisation de boutique en ligne pour une association avec un site Internet basé sur Zwii.

Oui, c'est tout à fait possible !  

Je remercie @Fred pour ses conseils ! 

Puisse cette modeste contribution servir au plus grand nombre.

 

Voici le lien de l'article :

Comment créer une boutique en ligne avec le CMS Zwii ?

 

Et le lien de la boutique :

Boutique de l'association

Ca fait le job

 

J'ai mis un peu un retour d'expérience ; les possibilités de cette solution semblent très nombreuses.

 

Bien amicalement

Clément

 

Modifié 7 novembre 2020 par ClementL

[Fred 1 576]

Merci Clément pour la rédaction de cette article qui ouvre des perspectives nouvelles pour le CMS : la vente en ligne.

[roger 303]

Je pense même que d'ici peu il devrait être complété par un autre exemple d'un membre qui justement sur le principe de Snipcard est est train lui aussi de créer un site de vente en ligne avec le cms Zwii. Oui comme tu l'écris Fred, c'est une perspective plus qu'intéressante que d"allier Zwii avec un système de payement aussi pratique et diversifié que Snipcard.

[sylvainlelievre 263]

Oui merci à @ClementL par les temps qui courrent offrir cette fonctionnalité dans Zwii serait un vrai + et un vrai service à rendre.

On en discutait avec Fred pas plus tard qu'hier.

 

Bonne soirée

 

Sylvain

Modifié 7 novembre 2020 par sylvainlelievre

[ClementL 16]

En test et en production, les retours client sont positifs, le panier est bien pensé ; simplicité d'utilisation ; et mes acheteurs, ceux connus, sont plutôt quinquagénaire, sexagénaire ; le seul "hic", c'est le tableau de bord de gestion de la boutique qui est en anglais (pour le moment), ça peut freiner mais ça reste compréhensible. L'avantage, c'est que Snipcart s'adapte à tout site ; sur un simple site statique, on peut le mettre ; du coup, il s'adapte aux offres d'hébergement les plus light (par exemple OVH propose une offre gratuite Start10mo) ; faut juste veiller à avoir un site en https car ça peut rebuter les clients d'avoir un message d'alerte "cette connexion n'est pas sécurisée" (pour la vente c'est pas très rassurant)

[Fred 1 576]

J’avais dans l’idée de développer un module, impossible de rivaliser avec un tel produit.  

[ClementL 16]

Salut @Fred

Peut-être essayer de mettre en place une intégration de SnipCart facilitée pour Zwii ; si la partie administration reste assez simple avec le head et le body ;  il y a quelque chose à faire dans l'idée de ton insertion automatisée de bouton avec l'éditeur Tiny pour les personnes qui ne veulent absolument pas bidouiller dans le code (<>). Ca devrait prendre en compte les nombreuses options de configuration ... 

A voir si c'est possible et pas trop casse tête loool
En tout cas, il y a toute une partie à destination des développeurs
https://snipcart.com/fr/fonctionnalites/api-et-webhooks

 

Modifié 8 novembre 2020 par ClementL

[Fred 1 576]

Salut Clément. 
Oui peut-être un module snipcart. C’est une idée.  

[sylvainlelievre 263]

Bonjour Clément et Fred,

 

Pour reprendre l'expression en cours dans les medias moi je serais pour un module Zwii de 'Clic' en liaison avec un module de 'Collect' tel que Snipcart,  à l'image de ce que propose Clément avec les inserts automatisés de boutons (que Fred a testé sur data/cargo).

En laissant la porte ouverte a d'autres solutions de 'Collect' et de paiement pour l'avenir...

 

Bon je ne dis pas grand chose de nouveau.

 

Bonne journée

 

Sylvain

Modifié 8 novembre 2020 par sylvainlelievre

[Fred 1 576]

D’un point de vue des projets de développement, après la 10.4 qui est en très bonne voie, il me semble important d’intégrer toutes ces modifications dans la version 11 multilingues. 
Ensuite j’imagine une modification en profondeur du cms au niveau de la gestion de contenus. Je m’explique, actuellement une page c’est du html et un module affiché avant ou après, l’idée est de pouvoir mettre ce

que l’on veut, plusieurs modules, plusieurs zones html. 

Cela ouvrirait des possibilités énormes, je pense que c’est un préalable à l’enrichissement de la gamme de modules. 
 

[sylvainlelievre 263]

Il y a 2 heures, Fred a dit :

plusieurs modules, plusieurs zones html

Ce serait super !

[Fred 1 576]

Je viens de passer une bonne  heure à tenter de fusionner les modifications de la branche multilangues, ça bugue et ça me gave. Surtout ça ralentit le CMS, donc cette branche sera oubliée...

[sylvainlelievre 263]

Bonjour @ClementL,

 

Je suis en train de créer un plugin Snipart pour tinymce.

 

Au cours de mes essais je bute sur un problème que tu as résolu : les frais d'expédition.

 

Il s'agit probablement d'un problème de configuration du shipping dans Snipcart. J'ai voulu faire une tarification au poids.

 

Tu as fait comment ? (j'ai bien ajouté le data-item-weight au niveau du bouton)

 

Merci de ton aide.

 

Sylvain

[ClementL 16]

Bonjour @sylvainlelievre

 

Je suis allé dans le menu Shipping

J'ai activé Enable Shipping (On)

Ensuite Custom Shipping, Custom Shipping Methods sur On et Configure.

J'ai donc créé des méthodes personnalisées pour chaque cas de figure (manuellement, c'était l'éclate totale... ça m'a rappelé Prestashop), 21 méthodes (ce sont surtout les pays francophones) - Create Shipping Method - et pour chaque cas de figure en terme de poids, j'ai mis les tarifs de notre prestataire (en l'occurence La Poste)

 

Après voilà le code pour un article

<button class="snipcart-add-item" data-item-id="C-6C-002-B-018" data-item-price="10.00" data-item-url="/publications" data-item-description="Récits et Témoignages sur Hersin-Coupigny durant la Guerre 14/18. Une ville d'arrière-front de la ligne de combats de la bataille de l'Artois distante d'une dizaine de kilomètres (Colline de Lorette, Côte de Loos, Vimy...).&nbsp;Elle fut témoin, victime et surtout actrice pendant toute la durée de la Guerre." data-item-image="/site/file/source/image/Boutique/vignette-temoignages1418.jpg" data-item-name="Hersin-Coupigny durant la Guerre 1914/1918 - Récits et Témoignages" data-currency="eur" data-item-weight="411">AJOUTER AU PANIER</button>

 

Pour ma part, ça marche, y'a peut-être plus simple, mais l'essentiel, tant que ça fonctionne

 

De ce que je comprends, le bouton n'a besoin que du "poids", ensuite c'est quand le client met son adresse de livraison que les taux sont calculés en fonction des méthodes définies dans la boutique ; s'il habite la France, il aura le tarif France que tu as défini en fonction du poids, s'il habite le Brésil, il aura le tarif défini en fonction du poids pour le Brésil etc. S'il habite un pays non coché au niveau des ventes, il pourra rien faire. 

 

J'espère que cela peut t'aiguiller

Au besoin

Clément

 

 

[sylvainlelievre 263]

Merci @ClementL,

Je vais voir ça.

A +

Sylvain

[sylvainlelievre 263]

@ClementL,

 

Merci pour tes conseils, tout fonctionne désormais en test sur snipcart.

J'avais tout simplement mal compris la signification de ' FOR ORDER'S TOTAL ABOVE'

Je suis une vraie bille en anglais !

 

Au passage je n'avais pas mis dans le button le data-currency="eur", c'est mieux avec !

 

Voilà à quoi ressemble pour l'instant la zone de saisie Snipcart dans Tinymce

 

Bonne soirée

 

Sylvain

[Thispy 123]

Bonjour @sylvainlelievre

 

Je suis très intéressé par ton futur module de vente en ligne.
Tiens nous informer de son évolution stp.
Merci,

Cordialement,

[ClementL 16]

Salut @sylvainlelievre

Désolé pour la réponse tardive, c'est super cette fenêtre dans l'éditeur, c'est cool ; ça sera bien utile pour celles et ceux qui ne connaissent rien en html et ne passent donc pas par <> (code source).

Dans la documentation de SnipCart, tu as toutes les options possibles pour un produit :
https://docs.snipcart.com/v3/setup/products

Est ce faisable ?

Cordialement

Clément

[sylvainlelievre 263]

Bonjour @Fred, @ClementL, @roger, @Thispy

 

Le plugin Tinymce Snipcart est fonctionnel.

Pour faire des essais à partir d'une version 10.3.05 de Zwii (master actuelle) :

1 - sauvegarder par précaution core/vendor/tinymce/init.js (seul fichier modifié et encore sur 2 lignes)

2 - décompresser puis déposer l'archive à la racine de votre site

Lire le mode d'emploi

Bien sur il faut créer un compte Snipcart de test (gratuit) et faire les paramétrages de base et installer dans votre Zwii les scripts head et body décrits par Clément en début de ce fil !

 

Bonne journée

 

Sylvain

 

Modifié 21 novembre 2020 par sylvainlelievre
version obsolète

[Thispy 123]

Bonjour @sylvainlelievre

 

Je ne pensai pas avoir le module si vite !!!

Super, un grand merci, je vais tester le module.

 

Cordialement,

[sylvainlelievre 263]

@Fred, @Thispy,  @ClementL, @roger

 

Ou plus simple voici en fichier joint une version 10.3.05 de Zwii 'Snipcart prête'

 

Après installation, pour un site de tes, il ne vous reste plus qu'à vous rendre dans la configuration de Zwii et tout en bas activer Snipcart et renseigner votre API KEY !

 

c'est pas beau la vie ?

 

le mode d'emploi est situé dans le post précédent

 

Bons tests

 

Modifié 21 novembre 2020 par sylvainlelievre
version obsolète

[sylvainlelievre 263]

La suite sera compliquée car avec la solution actuelle on ne peut pas modifier un bouton 'Ajouter au panier', même sa sélection pour un effacement est délicat...

Il faudrait trouver dans les ressources humaines un cador en javascript initié à l'api tinymce v4.x !!!

[roger 303]

Il y a 1 heure, sylvainlelievre a dit :

Ou plus simple voici en fichier joint une version 10.3.05 de Zwii 'Snipcart prête'

Pour sure que je vais tester cette version là. Et surtout tester ton "plugin" pour TinyMCE car si c'est ce que je pense, on va gagner un sacré temps rien que pour le bouton à incorporer sous un article à vendre qui te donne du fil à retordre.

@sylvainlelievre confidence pour confidence, j'ai personnellement testé et installé snipcart pour un ami mais dans une version 10.2.09, il a ensuite sur cette base "réalisé un site de vente totalement fonctionnel, puis mis à jour sa version vers une 10.3.05.

Le site étant pour l'instant confidentiel non mis en ligne (car il doit encore être peaufiné pour le législation en vigueur dans le pays concerné et certains prix d'articles à mettre à jour,) seul son gestionnaire pourrat vous en parler car il est le seul décisionnaire sur la chose. C'est aussi un bénévole qui donne de son temps car amoureux du CMS Zwii comme notre ami ClementL qui a partagé ici son expérience et infos sur le sujet snipcart.

Sans en dévoilé plus je peux affirmer que snipcard fonctionne à 100% dans un zwiicms.

J'ai chez eux un compte et la clé api qui va bien depuis quelques mois déjà

 

Sylvain, tu as fait le plus gros boulot pour intégrer la base des boutons dans le tinymce, compte sur moi pour chercher ce qui "cloche" dans le cas du bouton....rien n'est impossible pour qui adore "bidouiller son éditeur favori" comme tu le sais.

Je teste et je m'y colle aussitôt sur la base de ton travail et te fais les remontées comme dab si tu en as besoin

Roger

 

 

 

[roger 303]

@ClementL @sylvainlelievre @Thispy @Fred ,

 

Il ne faut pas me proposer un truc à tester!!!!! car le résultat c'est que je test.

@sylvainlelievre validation à 100% de l'intégration de ton plugin pour TinyMCE

@ClementL merci à toi d'avoir créer le sujet en montrant que c'était possible.

@Thispy pour une prochaine version, tu sais que maintenant ce sera plus facile à intégrer

@Fred Et une nouvelle palette fonctionnelle que proposera le CMS en plus de toutes les merveilles qu'il offre déjà.

 

- Pour la part, j'ai juste repris le css snipcart perso que j'avais injecté dans ma version première citée au dessus (ça évite de devoir mettre dans le head le script css proposé par snipcart et surtout mieux customiser la fenêtre quand on est connecté au zwii en admin ou autre.

- Ensuite j'ai installé telle que la version zwii entière proposée par Sylvain (10.3.05)

 

Une fois n'est pas coutume, je vous laisse regarder et tester ici le fruit du travail accompli par Sylvain, vous cliquez simplement dans le menu sur "Merci Sylvain"

 

==>   http://www.lechti64.info/snipcart_10305/

 

Roger

 

 

[augras 290]

Bonsoir,

Gros boulot que vous avez réalisé et qui va rendre service à pas mal d'associations et de petits commerces, surtout en ce moment.

J'espère avoir le temps de tester demain pour faire un retour.

Philippe