Aller au contenu
Support de Zwii

Rechercher dans la communauté

Affichage des résultats pour les étiquettes 'e-commerce'.



Plus d’options de recherche

  • Rechercher par étiquettes

    Saisir les étiquettes en les séparant par une virgule.
  • Rechercher par auteur

Type du contenu


Forums

  • Support de Zwii
    • Informations et nouveautés
    • Ateliers de développement
    • Un bug découvert ?
    • Questions sur l'installation et l'utilisation
    • Trucs et astuces
    • Support des téléchargements
  • Communauté
    • Boîte à idées
    • Votre site

Catégories

  • Les thèmes
    • Thèmes du site
    • Thèmes de l'administration
  • Les modules
    • Modules officiels
    • Galeries
  • Plugins TinyMCE
  • Tutoriels
  • Modifications et astuces

Rechercher les résultats dans…

Rechercher les résultats qui contiennent…


Date de création

  • Début

    Fin


Dernière mise à jour

  • Début

    Fin


Filtrer par nombre de…

Inscription

  • Début

    Fin


Groupe


À propos de moi


Site internet

2 résultats trouvés

  1. Version 1.3

    15 téléchargements

    Module Snipcart pour ZwiiCMS testé jusqu'à Zwii 10.4.04 Voir le module sur le site de présentation C'est quoi ? Snipcart est une plateforme de panier d'achat qui permet d'ajouter très rapidement la fonction boutique en ligne à votre site web. Snipcart prend en charge la validation du panier, le paiement, les envois de courriels aux clients et bien d'autres choses. L’inscription et la phase de test sont gratuites, quand votre site sera prêt une commission de 2% sera retenue sur chaque vente. C’est une solution intéressante pour créer rapidement un site d'e-commerce et cerise sur le gâteau Snipcart est basée à Quebec, Canada. https://snipcart.com/fr Le module Snipcart pour ZwiiCMS, proposé ici, crée une interface entre votre site Zwii et Snipcart en : - automatisant l'intégration de Snipcart à votre site, - facilitant la création des boutons d'ajout au panier ou de l'ensemble bouton et produit. Ce mode d'emploi présuppose que vous avez créé un compte Snipcart. RGPD : Le module Snipcart pour ZwiiCMS ne dépose pas de cookie, l'application tierce Snipcart dépose un cookie dénommée snipcart-cart nécessaire à la gestion du panier (consentement de l'internaute non nécessaire et il serait du ressort de Snipcart). Une boutique Le panier qui apparaît après un clic sur un bouton d'ajout au panier Installation ou mise à jour Décompressez l'archive snipcart_vxx.zip, elle contient 3 dossiers : core, module et site. Transférer par FTP ces 3 dossiers à la racine de votre site. Après une mise à jour 1.2 => 1.3 vous pouvez supprimer sur le serveur le dossier site/file/snipcart. Exemple dans le site www/10500/ Création d'une page et configuration du module Snipcart Créez une nouvelle page et associez lui un module Snipcart Il est préférable de disposer le module en haut, un bouton d'accès au panier sera disposé en haut et à droite sur la page de vente en ligne (sinon ce sera en bas à droite). Enregistrez et en configuration du module activez Snipcart et renseignez votre API KEY Snipcart (disponible dans Dashboard / Configure your domain / API KEYS ). Enregistrez la configuration. C'est tout, votre module Snipcart a placé automatiquement les choses qu'il faut où il faut ! Vous pouvez choisir en configuration 2 modes de création Voir la vidéo : https://youtu.be/qaHrO-kcwLM En résumé, à propos de ces 2 modes de création : vous ne créez que le bouton d'ajout au panier et vous êtes totalement libre pour éditer votre produit, vous créez simultanément le bouton et le produit et vous éditez rapidement vos pages 'boutique'. on peut modifier la configuration du module pour mixer les 2 modes sur une même page, en mode bouton et produit vous disposez de 3 mises en page : en ligne et, avec gabarits, sur 2 colonnes ou 3 colonnes. En configuration vous pouvez également régler quelques paramètres par défaut, pour simplifier la saisie des boutons d'ajout au panier ou de l'ensemble bouton et produit. Tous ces paramètres seront valables dans LA PAGE à laquelle vous avez associé le module Snipcart. Vous pouvez créer autant de pages d'e-commerce que vous le souhaitez avec des configurations de module indépendantes. En documentation vous disposez d'un lien vers la page de connexion Snipcart et un lien vers cette documentation. Edition d'une page d'e-commerce Editez la page à laquelle vous avez associé un module Snipcart. Dans la barre de menu Tinymce doit apparaître, à côté de l'émoticône, une icône Snipcart : L'icône Snipcart est également disponible dans le menu 'Insérer' et dans le menu contextuel. Dans l'éditeur Tinymce positionnez le curseur où vous voulez insérer un bouton et cliquez sur l'icône Snipcart, une fenêtre de création d'un bouton d'ajout au panier, ou de création bouton et produit, apparaît avec les valeurs par défaut définies en configuration pour poids en grammes, taxe et transport : Nom du produit A renseigner obligatoirement Id du produit Attention ! il doit absolument être unique et renseigné Description Facultatif Illustration Facultatif Vous avez préalablement transféré par FTP une image illustrant le produit Tarif TTC Prix TTC du produit en €, hors éventuels frais de livraison Poids en grammes A renseigner si vous avez défini une règle de transport faisant intervenir le poids (voir Frais de transport) et si vous cochez la case 'Frais de transport', sinon laissez la valeur par défaut. Saisir un poids en grammes sans décimale Taxe A renseigner si vous avez défini une ou plusieurs taxes dans Snipcart (voir Taxes), sinon laissez vide. Le prix du produit étant TTC cette valeur ne sert qu'à informer le client sur le montant des taxes Transport Pour que Snipcart ajoute des frais de transport, cochez la case. Dans ce cas une ou plusieurs règles de transport devront être créées dans Snipcart (voir Frais de transport) Pour des biens immatériels ou pour une collecte en magasin décochez la case, dans ce cas aucune règle de transport n'est obligatoire Attention ! si dans votre page se trouve au moins un produit avec frais de transport, ils seront calculés sur l'ensemble des produits. Dans l'onglet Bouton toutes les valeurs peuvent être réglées par défaut : L'onglet Options permet d'associer jusqu'à 2 options que le client pourra choisir sur la page panier : Par exemple si le client doit choisir la contenance d'une bouteille, saisissez dans data-item-custom1-name la phrase de votre choix par exemple Contenance et dans data-item-custom1-options les options possibles séparées par une barre verticale (Alt Gr 6) , par exemple : 37,5cl|75cl|1,5l C'est la première option (ici 35,5cl) qui s'affichera par défaut dans le panier. Si le choix a une incidence sur le prix ajoutez la entre crochets, par exemple : 37,5cl|75cl[+5]|1,5l[+10] Le choix 75cl entrainera une augmentation du prix de 5€. L'onglet Textes permet d'afficher une zone de saisie de texte pour le client et un message. Résultat obtenu avec pour la zone d'édition client data-item-custom3-name à Votre message et pour le message data-item-custom4-value à Merci pour votre commande (data-item-custom4-name laissée vide) : L'onglet Avancé permet d'ajouter au bouton des paramètres non prévus dans les onglets précédents, il nécessite une lecture approfondie du guide produits Snipcart dont un lien se trouve sur les onglets Options, Textes, et Avancé. Ne jamais modifier le code du bouton manuellement ( avec l'édition en code source de Tinymce) ! Par exemple pour ajouter une case à cocher Cadeau vous saisissez data-item-custom5-name="Cadeau" data-item-custom5-type="checkbox" , vous obtenez : Panier obtenu avec 2 options Contenance et Bouchon, une zone de texte client, un message et une case à cocher Cadeau. Modification ou suppression du bouton d'ajout au panier Sélectionnez le bouton par un clic droit sur son texte : Et dans le menu contextuel choisir Snipcart. La fenêtre s'ouvre en mode modification suppression : Le mode d'emploi est identique, un bouton Supprimer apparaît en bas à droite pour faciliter la suppression d'un bouton d'ajout au panier ou de l'ensemble bouton et produit. Taxes Création de taxes dans Snipcart Les prix sur le site d'e-commerce sont TTC, vous devez cocher la case 'Included in price'. Si vous voulez que cette taxe soit calculée également sur les frais de transport cochez la case ' Applies on shippings'. Vous devez créer plusieurs taxes si dans votre boutique différentes taxes peuvent s'appliquer sur vos produits, exemple avec pour la France une TVA à 20%, 10%, 5.5%, 2.1%,... Dans Zwii quand vous créez votre bouton Snipcart d'ajout au panier, vous devez saisir le nom exact de la taxe, exemple ici avec 'TVA 20%'. Si vous voulez que plusieurs taxes s'appliquent au produit vous devez saisir le nom des taxes séparé par une barre verticale (AltGr touche 6), exemple avec les taxes TPS et TVQ saisir exactement TPS|TVQ. Quand, sur la page de votre site d'e-commerce, vous cliquez sur le bouton 'Ajouter au panier', vous obtenez pour un produit avec 'TAXE 20%' cet écran : Frais de transport Création d'une règle de transport dans Snipcart Vous pouvez ajouter Dans 'Handling' des frais et des délais de préparation. Placez Custom Shipping sur ON et cliquer sur CONFIGURE Puis sur CREATE SHIPPING METHOD. Donnez un nom à cette règle de transport et notez 0 dans FOR ORDER'S TOTAL ABOVE pour que cette règle s'applique dés le premier €. Si vous placez sur ON le choix LOCATION, vous devrez choisir le ou les pays pour lesquels cette règle de transport s'applique. Puis indiquez la tarification en € par tranche de poids. Dans la boîte de dialogue Snipcart Tinymce, onglet Général, vous devez cocher la case 'Frais de transport' et renseigner le poids en grammes du produit. Astuce : si vous voulez une tarification par unité plutôt que par poids, rentrez 1 à chaque article dans la zone de texte poids en grammes (c'est la valeur par défaut à l'installation) et dans l'écran précédent créer une règle par grammes articles : de 1 à 6 grammes articles 10€, de 7 à 12 grammes articles 15€, etc...
  2. Voir le fichier Snipcart pour ZwiiCMS Module Snipcart pour ZwiiCMS testé jusqu'à Zwii 10.4.04 Voir le module sur le site de présentation C'est quoi ? Snipcart est une plateforme de panier d'achat qui permet d'ajouter très rapidement la fonction boutique en ligne à votre site web. Snipcart prend en charge la validation du panier, le paiement, les envois de courriels aux clients et bien d'autres choses. L’inscription et la phase de test sont gratuites, quand votre site sera prêt une commission de 2% sera retenue sur chaque vente. C’est une solution intéressante pour créer rapidement un site d'e-commerce et cerise sur le gâteau Snipcart est basée à Quebec, Canada. https://snipcart.com/fr Le module Snipcart pour ZwiiCMS, proposé ici, crée une interface entre votre site Zwii et Snipcart en : - automatisant l'intégration de Snipcart à votre site, - facilitant la création des boutons d'ajout au panier ou de l'ensemble bouton et produit. Ce mode d'emploi présuppose que vous avez créé un compte Snipcart. RGPD : Le module Snipcart pour ZwiiCMS ne dépose pas de cookie, l'application tierce Snipcart dépose un cookie dénommée snipcart-cart nécessaire à la gestion du panier (consentement de l'internaute non nécessaire et il serait du ressort de Snipcart). Une boutique Le panier qui apparaît après un clic sur un bouton d'ajout au panier Installation ou mise à jour Décompressez l'archive snipcart_vxx.zip, elle contient 3 dossiers : core, module et site. Transférer par FTP ces 3 dossiers à la racine de votre site. Après une mise à jour 1.2 => 1.3 vous pouvez supprimer sur le serveur le dossier site/file/snipcart. Exemple dans le site www/10500/ Création d'une page et configuration du module Snipcart Créez une nouvelle page et associez lui un module Snipcart Il est préférable de disposer le module en haut, un bouton d'accès au panier sera disposé en haut et à droite sur la page de vente en ligne (sinon ce sera en bas à droite). Enregistrez et en configuration du module activez Snipcart et renseignez votre API KEY Snipcart (disponible dans Dashboard / Configure your domain / API KEYS ). Enregistrez la configuration. C'est tout, votre module Snipcart a placé automatiquement les choses qu'il faut où il faut ! Vous pouvez choisir en configuration 2 modes de création Voir la vidéo : https://youtu.be/qaHrO-kcwLM En résumé, à propos de ces 2 modes de création : vous ne créez que le bouton d'ajout au panier et vous êtes totalement libre pour éditer votre produit, vous créez simultanément le bouton et le produit et vous éditez rapidement vos pages 'boutique'. on peut modifier la configuration du module pour mixer les 2 modes sur une même page, en mode bouton et produit vous disposez de 3 mises en page : en ligne et, avec gabarits, sur 2 colonnes ou 3 colonnes. En configuration vous pouvez également régler quelques paramètres par défaut, pour simplifier la saisie des boutons d'ajout au panier ou de l'ensemble bouton et produit. Tous ces paramètres seront valables dans LA PAGE à laquelle vous avez associé le module Snipcart. Vous pouvez créer autant de pages d'e-commerce que vous le souhaitez avec des configurations de module indépendantes. En documentation vous disposez d'un lien vers la page de connexion Snipcart et un lien vers cette documentation. Edition d'une page d'e-commerce Editez la page à laquelle vous avez associé un module Snipcart. Dans la barre de menu Tinymce doit apparaître, à côté de l'émoticône, une icône Snipcart : L'icône Snipcart est également disponible dans le menu 'Insérer' et dans le menu contextuel. Dans l'éditeur Tinymce positionnez le curseur où vous voulez insérer un bouton et cliquez sur l'icône Snipcart, une fenêtre de création d'un bouton d'ajout au panier, ou de création bouton et produit, apparaît avec les valeurs par défaut définies en configuration pour poids en grammes, taxe et transport : Nom du produit A renseigner obligatoirement Id du produit Attention ! il doit absolument être unique et renseigné Description Facultatif Illustration Facultatif Vous avez préalablement transféré par FTP une image illustrant le produit Tarif TTC Prix TTC du produit en €, hors éventuels frais de livraison Poids en grammes A renseigner si vous avez défini une règle de transport faisant intervenir le poids (voir Frais de transport) et si vous cochez la case 'Frais de transport', sinon laissez la valeur par défaut. Saisir un poids en grammes sans décimale Taxe A renseigner si vous avez défini une ou plusieurs taxes dans Snipcart (voir Taxes), sinon laissez vide. Le prix du produit étant TTC cette valeur ne sert qu'à informer le client sur le montant des taxes Transport Pour que Snipcart ajoute des frais de transport, cochez la case. Dans ce cas une ou plusieurs règles de transport devront être créées dans Snipcart (voir Frais de transport) Pour des biens immatériels ou pour une collecte en magasin décochez la case, dans ce cas aucune règle de transport n'est obligatoire Attention ! si dans votre page se trouve au moins un produit avec frais de transport, ils seront calculés sur l'ensemble des produits. Dans l'onglet Bouton toutes les valeurs peuvent être réglées par défaut : L'onglet Options permet d'associer jusqu'à 2 options que le client pourra choisir sur la page panier : Par exemple si le client doit choisir la contenance d'une bouteille, saisissez dans data-item-custom1-name la phrase de votre choix par exemple Contenance et dans data-item-custom1-options les options possibles séparées par une barre verticale (Alt Gr 6) , par exemple : 37,5cl|75cl|1,5l C'est la première option (ici 35,5cl) qui s'affichera par défaut dans le panier. Si le choix a une incidence sur le prix ajoutez la entre crochets, par exemple : 37,5cl|75cl[+5]|1,5l[+10] Le choix 75cl entrainera une augmentation du prix de 5€. L'onglet Textes permet d'afficher une zone de saisie de texte pour le client et un message. Résultat obtenu avec pour la zone d'édition client data-item-custom3-name à Votre message et pour le message data-item-custom4-value à Merci pour votre commande (data-item-custom4-name laissée vide) : L'onglet Avancé permet d'ajouter au bouton des paramètres non prévus dans les onglets précédents, il nécessite une lecture approfondie du guide produits Snipcart dont un lien se trouve sur les onglets Options, Textes, et Avancé. Ne jamais modifier le code du bouton manuellement ( avec l'édition en code source de Tinymce) ! Par exemple pour ajouter une case à cocher Cadeau vous saisissez data-item-custom5-name="Cadeau" data-item-custom5-type="checkbox" , vous obtenez : Panier obtenu avec 2 options Contenance et Bouchon, une zone de texte client, un message et une case à cocher Cadeau. Modification ou suppression du bouton d'ajout au panier Sélectionnez le bouton par un clic droit sur son texte : Et dans le menu contextuel choisir Snipcart. La fenêtre s'ouvre en mode modification suppression : Le mode d'emploi est identique, un bouton Supprimer apparaît en bas à droite pour faciliter la suppression d'un bouton d'ajout au panier ou de l'ensemble bouton et produit. Taxes Création de taxes dans Snipcart Les prix sur le site d'e-commerce sont TTC, vous devez cocher la case 'Included in price'. Si vous voulez que cette taxe soit calculée également sur les frais de transport cochez la case ' Applies on shippings'. Vous devez créer plusieurs taxes si dans votre boutique différentes taxes peuvent s'appliquer sur vos produits, exemple avec pour la France une TVA à 20%, 10%, 5.5%, 2.1%,... Dans Zwii quand vous créez votre bouton Snipcart d'ajout au panier, vous devez saisir le nom exact de la taxe, exemple ici avec 'TVA 20%'. Si vous voulez que plusieurs taxes s'appliquent au produit vous devez saisir le nom des taxes séparé par une barre verticale (AltGr touche 6), exemple avec les taxes TPS et TVQ saisir exactement TPS|TVQ. Quand, sur la page de votre site d'e-commerce, vous cliquez sur le bouton 'Ajouter au panier', vous obtenez pour un produit avec 'TAXE 20%' cet écran : Frais de transport Création d'une règle de transport dans Snipcart Vous pouvez ajouter Dans 'Handling' des frais et des délais de préparation. Placez Custom Shipping sur ON et cliquer sur CONFIGURE Puis sur CREATE SHIPPING METHOD. Donnez un nom à cette règle de transport et notez 0 dans FOR ORDER'S TOTAL ABOVE pour que cette règle s'applique dés le premier €. Si vous placez sur ON le choix LOCATION, vous devrez choisir le ou les pays pour lesquels cette règle de transport s'applique. Puis indiquez la tarification en € par tranche de poids. Dans la boîte de dialogue Snipcart Tinymce, onglet Général, vous devez cocher la case 'Frais de transport' et renseigner le poids en grammes du produit. Astuce : si vous voulez une tarification par unité plutôt que par poids, rentrez 1 à chaque article dans la zone de texte poids en grammes (c'est la valeur par défaut à l'installation) et dans l'écran précédent créer une règle par grammes articles : de 1 à 6 grammes articles 10€, de 7 à 12 grammes articles 15€, etc... Contributeur sylvainlelievre Soumis 26/11/2020 Catégorie Les modules  
×
×
  • Créer...