Aller au contenu
Support de Zwii
ClementL

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

Messages recommandés

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é par ClementL
  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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.

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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é par sylvainlelievre
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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)

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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é par ClementL
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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é par sylvainlelievre

Partager ce message


Lien à poster
Partager sur d’autres sites

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. 
 

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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...

Partager ce message


Lien à poster
Partager sur d’autres sites

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.

 

Sylvain2020-11-12_12h06_06.png.08284f3887f5641c0b984541ef7cc03d.png

Partager ce message


Lien à poster
Partager sur d’autres sites

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

 

 

Capture d’écran 2020-11-12 à 13.02.16.png

Capture d’écran 2020-11-12 à 12.58.44.png

Partager ce message


Lien à poster
Partager sur d’autres sites

@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'

2020-11-12_16h37_42.png.c2b7518f614bbb3efe95c1d7f777ca77.png

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

2020-11-12_16h42_11.png.43f90fcdd460b0e610994c9212b82a6a.png

 

Bonne soirée

 

Sylvain

  • J'aime 2

Partager ce message


Lien à poster
Partager sur d’autres sites

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

Partager ce message


Lien à poster
Partager sur d’autres sites

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é par sylvainlelievre
version obsolète
  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

@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é par sylvainlelievre
version obsolète
  • J'aime 1
  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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 !!!

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
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

 

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

@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

 

 

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

  • Contenu similaire

    • Par roger
      Voir le fichier Générateur de mot de passe simple
      Générateur de mot de passe à héberger
       
      Le module simplemotdepasse (Simple générateur de mot de passe) vous permettra de générer pour vos utilisateurs un mot de passe comportant différents caractères  (Mot de passe non sécurisé).
      100% compatible avec les versions 10.03.xx et celles à venir du CMS Zwii.
       
      Les mots de passe générés sont au format texte et peuvent être utilisés directement pour changer/créer un mot de passe d'un utilisateur à transmettre à celui ci.
      Ils peuvent aussi servir à d'autres endroits ou dans d'autre scripts demandant ce même type de mot de passe (exemple: Partage de dossiers/fichiers bien précis stockés sur vos espaces web);
      Le mot de passe généré peut ensuite être copier directement depuis un bouton prévu à cet effet puis coller là où ce sera nécessaire de mettre ce nouveau mot de passe non crypté...
      *  Ce module  étant basé sur le module officiel Redirection du cms, il est directement utilisable depuis l'éditeur TinyMCE en cliquant sur la barre d'outil "lien" dans celui ci. Cela vous permettra de proposer dans votre site (menu du site) une page dédiée à vos utilisateurs qui pourra s'ouvrir dans le fenêtre actuelle de votre navigateur ou dans un nouvel onglet de celui ci.
       

       

       

       

       

       
      Mise en œuvre
      1° Télécharger l'archive "simplemotdepasse.zip" et la décompresser sur votre pc.
      2° Envoyer le dossier nommé "module" à la racine de votre site crée avec ZwiiCMS
       
      Utilisation:
      1° Créer une page que vous nommerez du nom que vous désirez, par exemple "Générateur de mot de passe simple" ou autre....

       
      2° Choisir si cette page doit s'ouvrir dans l'onglet courant de votre navigateur ou dans un nouvel onglet ainsi que les droits de visibilité.

       
      3° Dans la partie module, sélectionner le module "Simplemotdepasse" puis cliquer sur la petite roue crantée pour entrer le lien de redirection vers le générateur de mot de passe.
       

       
      5° Dans la fenêtre qui s'ouvre entrer l'adresse qui ouvrira la page où vous pourrez générer un mot de passe ainsi:
        -  Si votre site est à la racine de votre nom de domaine ==>    /module/simplemotdepasse/view/vendor/Sgmdp.php
        -  Si votre site se trouve dans un sous dossier à la racine de votre nom de domaine ==>    /Nom_du_sous_dossier/module/simplemotdepasse/view/vendor/Sgmdp.php
       

       
      6° Enregistrer la configuration de la redirection puis la configuration de votre page.
       
      Restauration de votre ancienne configuration
      Rien de bien compliqué il vous suffit de supprimer le dossier "simplemotdepasse" dans le dossier module, de supprimer la page concernée par ce module et puis c'est tout. Vous retrouverez alors votre site ZwiiCMS tel que vous l'aviez conçu avant de vous servir de ce générateur de mot de passe.
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce module, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce module sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
       
      Contributeur roger Soumis 26/12/2020 Catégorie Les modules  
    • Par roger
      Générateur de mot de passe à héberger
       
      Le module simplemotdepasse (Simple générateur de mot de passe) vous permettra de générer pour vos utilisateurs un mot de passe comportant différents caractères  (Mot de passe non sécurisé).
      100% compatible avec les versions 10.03.xx et celles à venir du CMS Zwii.
       
      Les mots de passe générés sont au format texte et peuvent être utilisés directement pour changer/créer un mot de passe d'un utilisateur à transmettre à celui ci.
      Ils peuvent aussi servir à d'autres endroits ou dans d'autre scripts demandant ce même type de mot de passe (exemple: Partage de dossiers/fichiers bien précis stockés sur vos espaces web);
      Le mot de passe généré peut ensuite être copier directement depuis un bouton prévu à cet effet puis coller là où ce sera nécessaire de mettre ce nouveau mot de passe non crypté...
      *  Ce module  étant basé sur le module officiel Redirection du cms, il est directement utilisable depuis l'éditeur TinyMCE en cliquant sur la barre d'outil "lien" dans celui ci. Cela vous permettra de proposer dans votre site (menu du site) une page dédiée à vos utilisateurs qui pourra s'ouvrir dans le fenêtre actuelle de votre navigateur ou dans un nouvel onglet de celui ci.
       

       

       

       

       

       
      Mise en œuvre
      1° Télécharger l'archive "simplemotdepasse.zip" et la décompresser sur votre pc.
      2° Envoyer le dossier nommé "module" à la racine de votre site crée avec ZwiiCMS
       
      Utilisation:
      1° Créer une page que vous nommerez du nom que vous désirez, par exemple "Générateur de mot de passe simple" ou autre....

       
      2° Choisir si cette page doit s'ouvrir dans l'onglet courant de votre navigateur ou dans un nouvel onglet ainsi que les droits de visibilité.

       
      3° Dans la partie module, sélectionner le module "Simplemotdepasse" puis cliquer sur la petite roue crantée pour entrer le lien de redirection vers le générateur de mot de passe.
       

       
      5° Dans la fenêtre qui s'ouvre entrer l'adresse qui ouvrira la page où vous pourrez générer un mot de passe ainsi:
        -  Si votre site est à la racine de votre nom de domaine ==>    /module/simplemotdepasse/view/vendor/Sgmdp.php
        -  Si votre site se trouve dans un sous dossier à la racine de votre nom de domaine ==>    /Nom_du_sous_dossier/module/simplemotdepasse/view/vendor/Sgmdp.php
       

       
      6° Enregistrer la configuration de la redirection puis la configuration de votre page.
       
      Restauration de votre ancienne configuration
      Rien de bien compliqué il vous suffit de supprimer le dossier "simplemotdepasse" dans le dossier module, de supprimer la page concernée par ce module et puis c'est tout. Vous retrouverez alors votre site ZwiiCMS tel que vous l'aviez conçu avant de vous servir de ce générateur de mot de passe.
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce module, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce module sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
       
    • Par roger
      Générateur de mot de passe à héberger
       
      Le module Gmdp (générateur de mot de passe) vous permettra de générer pour vos utilisateur à partir d'un mot de passe voulu de crypter celui ci de façon sécurisée (hash).
      100% compatible avec les versions 10.03.xx et celles à venir du CMS Zwii.
       
      Les mots de passe générés sont au même format que celui utilisé par le ZwiiCMS (ceux du user.json) et peuvent être utilisés directement pour changer dans ce fichier le mot de passe d'un utilisateur.
      Ils peuvent aussi servir à d'autres endroits ou dans d'autre scripts demandant ce même type de mot de passe (exemple: Partage de dossiers/fichiers bien précis stockés sur vos espaces web);
      Le mot de passe généré peut ensuite être copier directement depuis un bouton prévu à cet effet puis coller là où ce sera nécessaire de mettre ce nouveau mot de passe crypté...
       
      * Ce module  étant basé sur le module officiel Redirection du cms, il est directement utilisable depuis l'éditeur TinyMCE en cliquant sur la barre d'outil "lien" dans celui ci. Cela vous permettra de proposer dans votre site (menu du site) une page dédiée à vos utilisateurs qui pourra s'ouvrir dans le fenêtre actuelle de votre navigateur ou dans un nouvel onglet de celui ci.
       

       

       

       

       

       
      Mise en œuvre
      1° Télécharger l'archive "motdepassse.zip" et la décompresser sur votre pc.
      2° Envoyer le dossier nommé "module" à la racine de votre site crée avec ZwiiCMS
       
      Utilisation:
      1° Créer une page que vous nommerez du nom que vous désirez, par exemple Génération de mot de passe

       
      2° Choisir si cette page doit s'ouvrir dans l'onglet courant de votre navigateur ou dans un nouvel onglet

       
      3° Dans la partie module, sélectionner le module "motdepasse" puis cliquer sur la petite roue crantée pour entrer le lien de redirection vers le générateur de mot de passe.

       
      5° Dans la fenêtre qui s'ouvre entrer l'adresse qui ouvrira la page où vous pourrez générer un mot de passe ainsi:
        -  Si votre site est à la racine de votre nom de domaine ==>    /module/motdepasse/view/vendor/Gdmp.php
        -  Si votre site se trouve dans un sous dossier à la racine de votre nom de domaine ==>    /Nom_du_sous_dossier/module/motdepasse/view/vendor/Gdmp.php
       

       
      6° Enregistrer la configuration de la redirection puis la configuration de votre page.
       
      Restauration de votre ancienne configuration
      Rien de bien compliqué il vous suffit de supprimer le dossier "motdepass" dans le dossier module, de supprimer la page concernée par ce module et puis c'est tout. Vous retrouverez alors votre site ZwiiCMS tel que vous l'aviez conçu avant de vous servir de ce générateur de mot de passe.
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce module, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce module sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
×
×
  • Créer...