zwii – Tic & Net https://blog.datacargo.fr Le blog notes de Fred Tue, 04 Feb 2020 09:20:09 +0000 fr-FR hourly 1 https://wordpress.org/?v=6.4.8 https://blog.datacargo.fr/wp-content/uploads/2019/05/cropped-bannière-ticnet-3-32x32.png zwii – Tic & Net https://blog.datacargo.fr 32 32 Monétiser votre site avec Snipcart https://blog.datacargo.fr/2020/02/04/monetiser-votre-site-avec-snipcart/ https://blog.datacargo.fr/2020/02/04/monetiser-votre-site-avec-snipcart/#comments Tue, 04 Feb 2020 08:00:00 +0000 http://tic-et-net.org/?p=6372 Snipcart est un gestionnaire de panier prenant en charge le paiement par carte bancaire. L’inscription est gratuite, une commission de 2% est retenue sur chaque opération ce qui est modeste.

C’est une solution est idéale pour monétiser un contenu en ligne tout en évitant les grosses usines comme Prestashop.

Pour ce tutoriel, le CMS support sera l’excellent Zwii en version 9.  J’irai un peu vite sur certains aspects, le tutoriel ne s’adresse donc pas à de grands débutants.

Rendez-vous chez Snipcart  et ouvrez un compte, validez le mail reçu et complétez l’écran de profil.

Votre tableau de bord est en mode test, nous activerons le mode live une fois la configuration terminée.

Configuration de Snipcart :

Rendez-vous dans les paramètres du compte
Dans Domain & URLs / Protocol : indiquez https:
Dans Domain & URLs / Regional Settings : réglez la devise, sa position et son symbole ainsi que le fuseau horaire. Enfin la liste des continents/pays où vous vendrez.

Dans Account / Api key sont listées les lignes à inclure dans l’en-tête <head> de votre page. La mention du jquery est inutile  pour Zwii.

Configuration du CMS :

Dans Zwii, accédez à la gestion du site et dans le champ Insérer un script dans header, collez les 3 lignes contenants les clés d’API.

Vérification de la liaison avec Snipcart : dans le tableau de bord Snipcart, cliquez sur le message en forme de panneau d’avertissement, puis sur validation, c’est le moyen de vérifier que votre installation est conforme. Tapez l’adresse de votre site et cliquez sur Check My Website. Un message confirme la prise en compte des scripts.

Inclure les boutons d’achat dans le CMS :

Ce bouton permet d’ajouter un article au panier. Pour cela, il faut inclure dans la page en mode code source :

<button
class="snipcart-add-item"
data-item-id="référence"
data-item-name="Nom du produit"
data-item-price="100.00"
data-item-weight="dimension"
data-item-url="/"
data-item-description="Description du produit">
Ajouter au panier
</button>

Évidemment, il faut insérer et paramétrer ce bouton sous un descriptif avec une image, etc..

Pour afficher un bouton vers le panier :

<a href="#" class="snipcart-checkout">Payer</a>

Malheureusement la dernière version de Zwii ne propose pas une configuration de l’éditeur correcte et les balises <span> seront effacées même si saisies en mode code source. Pour y remédier, il faut éditer /core/vendor/tinymce/init.js et remplacer  :

extended_valid_elements: "script[language|type|src]",

par

extended_valid_elements: "script[language|type|src],span[!class]",

Automatisation de l’insertion d’un bouton :

Pour ce faire, on utilise le module Template de l’éditeur TinyMCE déjà installé.

Dans /core/vendor/tinymce/templates, créez un fichier html avec le code du bouton, nommez le snipcart.html

Ensuite ouvrez à nouveau /core/vendor/tinymce/init.js et ajoutez dans le bloc Templates :

{
     title: "Bouton Snipcart",
     url: baseUrl + "core/vendor/tinymce/templates/snipcart.html",
     description: "Ajoute un bouton de paiement."
},

Une fois le site prêt, il ne reste plus qu’à passer le tableau de bord en mode live et à engranger des commandes…

]]> https://blog.datacargo.fr/2020/02/04/monetiser-votre-site-avec-snipcart/feed/ 2 Ajouter le plugin CodeMirror à l’éditeur de texte TinyMCE https://blog.datacargo.fr/2019/01/25/ajouter-le-plugin-codemirror-lditeur-de-texte-tinymce/ https://blog.datacargo.fr/2019/01/25/ajouter-le-plugin-codemirror-lditeur-de-texte-tinymce/#respond Fri, 25 Jan 2019 12:55:39 +0000 https://ftempez.wordpress.com/?p=6433 Ce plugin gratuit permet d’éditer le code des contenus affichés pas TinyMCE, de nombreux langages sont supportés. Il remplace avantageusement le plugin Code de TinyMCE tout à fait limité, dont la version Advanced est payante.
Ce tutoriel a été testé avec succès sur le CMS Zwii en prévision de la sortie imminente de la version 9.
Etape 1 : Récupérer CodeMirror
Cela se passe sur le Git officiel ce qui permet de télécharger la version la plus fraîche.
https://github.com/christiaan/tinymce-codemirror
puis décompactez et naviguez jusque dans le dossier plugins
2019-01-25_14h06_24
Pas de problème, le français fait bien partie des langues proposées.
Etape 2 :
Renommez le dossier codemirror-4.n en codemirror
Etape 3 :
Copiez le premier dossier codemirror celui qui contient les dossiers codemirror et langs (ainsi que 2 fichiers JS) dans le dossier plugins de TinyMCE
image
Etape 4 :
Configuration de TinyMCE.
Editez le fichier configuration tinymce.inc.js et dans la section plugins remplacez code par codemirror.
image
Pour le paramétrage, on peut partir de cette configuration à coller dans le même fichier :
image
Etape 5 :
Sauvegardez le fichier et rechargez la page web avec l’éditeur.
Pour fignoler, j’ai de mon coté amélioré la traduction française qui ne me convenait pas (fichier fr_FR.js dans le dossier langs) :

image
 
 
]]> https://blog.datacargo.fr/2019/01/25/ajouter-le-plugin-codemirror-lditeur-de-texte-tinymce/feed/ 0 Comment ajouter un effet popup à une miniature dans ZwiiCMS https://blog.datacargo.fr/2018/03/08/comment-ajouter-un-effet-popup-sur-une-miniature-dans-zwii-cms/ https://blog.datacargo.fr/2018/03/08/comment-ajouter-un-effet-popup-sur-une-miniature-dans-zwii-cms/#respond Thu, 08 Mar 2018 17:52:40 +0000 http://tic-et-net.org/?p=6358 Zwii un CMS maintenu par Rémi Jean son auteur, c’est un CMS en français très simple d’emploi destiné à une gamme d’utilisateur variée, de débutants à chevronnés. Les dernières versions sorties début mars 2018 apportent un lot important d’améliorations.  Une série d’articles regroupant ces astuces seront publiés sous cette catégorie.

Pour débuter, les images avec un effet popup, l’idée est de créer  un effet d’affichage lors du clic sur une miniature.
Pour les besoins de la démonstration, j’ai utilisé deux images, une taille réelle (200 pixels de large est un maximum) et une autre en miniature.
Cette démo est basée sur la version 8.2.5 dont l’éditeur de texte par défaut est TINYmce.
Une fois le CMS installé, en FTP, éditez  init.js dans core/vendor/tinymce, recherchez

templates: [
que vous remplacez par :
templates: [
        {
          title:"Image Lightbox",
          url:baseUrl+"core/vendor/tinymce/templates/lightbox.html",
          description:"Une image qui s'ouvre dans une lightbox."
        },

Sauvegardez le fichier.
Dans le dossier Templates, y copiez les fichiers lightbox.html et image_vide.png contenus dans cette archive.
C’est prêt, il n’y a plus qu’à utiliser le plugin, une vidéo valant mieux qu’une longue explication :
[youtube https://www.youtube.com/watch?v=WmgREqKg0Io&w=560&h=315]

Il est aussi possible de se passer de la miniature en réduisant la taille de l’image servant de miniature…

 
 
 
 
 
 

]]> https://blog.datacargo.fr/2018/03/08/comment-ajouter-un-effet-popup-sur-une-miniature-dans-zwii-cms/feed/ 0 Zwii le CMS tout terrain facile https://blog.datacargo.fr/2017/10/12/zwii-le-cms-tout-terrain-facile/ https://blog.datacargo.fr/2017/10/12/zwii-le-cms-tout-terrain-facile/#comments Thu, 12 Oct 2017 14:55:32 +0000 http://tic-et-net.org/?p=5794 Adepte du CMS GetSimple, je suis tombé par hasard sur un article de présentation de ce CMS français, j’ai donc immédiatement décidé de  tester Zwii et vous savez quoi ? J’ai viré GetSimple et refait mon site datacargo.fr sous Zwii en quelques dizaines de minutes.

Pour mon activité professionnelle et moi-même, j’ai besoin d’un CMS simple, sans base de données (dont les données sont stockées dans des fichiers plats xml ou json), facile à prendre en main et à configurer, très loin de Joomla ou de WordPress.

J’anime un TD de multimédia pour des étudiants littéraires, je veux donc éviter le coté trop cambouis.

Pourquoi Zwii ?
C’est un CMS fait par un petit français, Rémi Jean, avec un support en français.

L’installation est très simple et les prérequis presque inexistants, pas de module exotique dans le php,  ça marche même chez des hébergeurs très restrictifs comme Free grâce à deux fichiers à remplacer téléchargeables sur le forum (dont htaccess).

Pas de thème à installer, la personnalisation s’effectue directement élément par élément et elle s’applique au site. Sous Getsimple, la personnalisation s’effectue grâce à des thèmes, même si les effets visuels sont parfois intéressants, la modification d’une simple couleur s’avère complexe car liée à la modification d’un fichier CSS.

L’édition des pages est particulièrement efficace, en effet, Zwii propose des modèles en plus de la page standard.

2017-10-12_16h41_05
Et oui tout ça en natif sans avoir besoin de rajouter de plugin… C’est juste excellent.
Pour en terminer, on peut ajouter que l’interface d’administration de Zwii est très complète au niveau des paramètres.
2017-10-12_16h42_37

  • Gestion native multi-utilisateurs avec 3 catégories de droit : membre, modérateur et administrateur.
  • Favicon,
  • Code Google Analytics
  • Réseaux sociaux
  • Message de consentement des cookies
  • Réécriture d’URLs

A mes yeux, c’est le meilleur CMS pour des débutants.

 
 
 
 
 

]]> https://blog.datacargo.fr/2017/10/12/zwii-le-cms-tout-terrain-facile/feed/ 4