All Posts By

bzels

Comparaison outils e-mailing gratuit

By | Emailing, Non classé

Introduction

Depuis plusieurs années, certains des meilleurs outils d’e-mailing propose un service gratuit d’envois de vos courriels, évidemment il y a des limitations mais pour démarrer, lancer une activité, vendre des produits ou des services, c’est le top!

De plus, rien ne vous empêche de jongler entre les services d’ e-mailing. En revanche il faudra bien synchroniser vos listes de désabonnements ou autres, malheureusement manuellement.

 

Particularités des services d’e-mailing à prendre en compte

Des solutions d’emailing, il y en a pléthore et chacun a ses forces (et donc aussi ses faiblesses).

Voici quelques les points importants à prendre en considérations :

  • la facilité d’utilisation de leurs services;
    • aussi bien une interface utilisateur (UI) agréable et claire ainsi que;
    • l’ergonomie (l’UX), une interface intuitive et l’accent doit être mis sur la  fluidité d’utilisation,
    • une interface réactive, rapide,
    • Pour les réfractaires à la langue de Shakespeare, l’interface en Français est un plus, même si les e-mails que vous écrivez peuvent être de toute façon dans la langue que vous voulez,
  • Outil WYSIWYG (*) intégré de création d’e-mails et de News Letter,
  • La délivrabilité de vos e-mails, c.a.d.: l’assurance que vos e-mails arriveront à bon port (destinataire)
  • E-mail transactionnel : si vous avez site e-commerce et que vous vendez des produits ou services, il est important que vous ayez un service d’envoi des e-mails dit « transactionnels » (confirmation de vos paniers, …) performant.
  • l’envoie à plusieurs listes en même temps est un plus
  • Facilite l’importation de vos listes de contacts
    • outils d’importation intégré
    • flexibilité des imports: par gabarits, par simple copier/coller …
    • permettre le renommage des entêtes
    • flexibilités sur les type de champs: texte, date, numéro de téléphone, e-mails …
  • Intégration des règles d’usages réglementaire
    • Liste de diffusion CNIL
    • Liste de diffusion compatible RGPD
  • Certains services d’e-mailing intègrent des fonctions d’ A/B testing mais souvent il s’agit d’une fonctionnalité avancée et donc cela devient payant.

Tableau de comparaison des solutions d’e-mailing gratuits

sendinblue MailChimp SendGrid Campayn mailkitchen
nombre de contacts illimités 2000 2000 500 illimités
nombre emails envoyés par mois 9000 12000 plan de 40 000 sur 30 jours 12500 10000
limité à emails envoyés par jour 300 dans la limite du mois 100/jour à vie dans la limite du mois 1000
envoie à plusieurs listes en même temps oui, via interface simple NSP, pas simple NSP NSP NSP
Interface WYSIWYG oui, simple et efficace oui, simple et efficace oui oui oui
Géolocalisation (*) France USA USA France
langue interface France Anglais Anglais France
Les forces
  • campagne envoie sur plusieurs listes
  • import de gabarits d’E-mails
  • en français
flexibilité import des contacts exemple : par copier/coller top pour la gestion des Emails transactionnels (*)
Avis vérifiés 8,9/10  –  –

le « – » : je n’ai pas pu forcement testé le service

Conclusion

Afin de lancer sont activité, vendre des services et/ou produits, le recours a des services gratuits d’e-mailing est primordial.

J’espère que ce petit tableau comparatif des outils d’e-mailing gratuits non exhaustif vous à permis d’y voir plus clair, ainsi que de découvrir de nouveaux services de courriels gratuits dont certains sont Français.

Une fois les habitudes prises avec tel ou tel service, il est plus difficile d’en changer, il est donc important de tester ces services d’e-mailing gratuits mais aussi que ces services accompagnent votre future croissance aussi bien en terme de délivrabilité que le recours à des fonctionnalités plus riches (ex: A/B testing…).

 

Notes:

(*) WYSIWYG : What You See Is What You Get : littéralement : "ce que vous voyer est ce que vous obtenez", ce qui veut dire une interface graphique souple qui permet l’édition graphique de vos e-mails ou News-Letter directement dans l'interface utilisateur.
(*) peut avoir un impact sur la délivrabilité des e-mails
(*) transactionnel : est utilisé pour envoyer des e-mails lors de la confirmation de panier, ... autant dire que ces types d'emails ont besoins d'un taux de délivrabilité très haut.

 

Information

Je réalise des sites Web, Internet et e-commerce pour mes clients sous WordPress. Si vous avez une question ou vous souhaitez réaliser ou modifier votre site contactez-moi en précisant un peu plus vos besoins ou questionnement :

better search replace logo

Comment changer un mot sur tout mon site wordpress

By | extension, Masse, Migration

Introduction

Il nous est tous arrivé de devoir changer en masse, c-a-d.: à travers tout un site,

un mot, une phrase, un compte email, une URL (liens HTTPs) ...

un exemple parmi tant d’autre afin d’avoir recours à cette extension :

vous venez de migrer tout votre Site WordPress depuis :

  • un hébergement de test (LAMP, MAMP, WAMP, LocalByFlyWheel) vers votre hébergeur de production
  • un hébergement défaillant vers votre nouvel hébergeur de production

ou tout simplement vous souhaitez regrouper tous vos sites sur un seul hébergement via l’excellente extension All-in-One WP Migration, Une fois la migration effectuée comme par exemple en suivant ce tutoriel, il vous faudra par la suite utiliser cette extension de modification de masse qu’est : Better Search Replace.

 

Installation de l’extension (plug-in): Better Search Replace

L’extension est à récupérer sur dépôt des extensions WordPress : Better search replace

Ajouter cette extension à votre interface d’administration WordPress

  1. dans votre back-office WordPress, aller dans Extensions, puis
  2. Appuyer sur le bouton: ajouter, puis
  3. Mot-clé: Rechercher des extensions… , tapper : Better Search Replace, puis
  4. Appuyer sur le bouton: Installer, puis
  5. Appuyer sur le bouton: Activer

Voilà votre nouvelle extension est installée et activée.

Utilisation de l’extension : Better Search Replace

je vous recommande fortement d’effectuer un test avant de lancer votre changement de texte en masse!

Effectuer une simulation/test de remplacement

  1. Dans votre back-office WordPress, aller dans Outils, puis
  2. Appuyer sur Better Search Replace, puis
  3. Dans l’onglet : Chercher/Remplacer, entrer
    1. Rechercher : <votre « terme » à remplacer> ex : www.dev-nom-de-domaine.com
    2. Remplacer avec : <votre « terme » de remplacement> ex: www.votre-nom-de-domaine.com
    3. Dans les tables : sélectionner toutes les tables
    4. ne rien changer aux autres paramètres sauf pour :
    5.  Juste faire un test ? : que vous laisserez cocher, puis
    6. Appuyer sur le bouton: Rechercher/Remplacer,
      01-recherche-et-remplace-test-v2-x640
    7. Patienter le temps que la recherche s’effectue :
      02-recherche et remplace-test-en-cours v2
    8. Une fois la recherche finalisé, vous pouvez retrouver le résultat juste au-dessus l’onglet: Chercher/Remplacer, puis
      03-recherche et remplace-test-resultats v2-x800
    9. Cliquer sur : cliquer ici, puis dans la liste détaillée, repérer les tables où il y a des modifications trouvées, puis fermer la fenêtre

 

Effectuer le remplacement réel

  1. Dans votre back-office WordPress, aller dans Outils, puis
  2. Appuyer sur Better Search Replace, puis
  3. Dans l’onglet : Chercher/Remplacer, entrer
    1. Rechercher : <votre « terme » à remplacer> ex : www.dev-nom-de-domaine.com
    2. Remplacer avec : <votre « terme » de remplacement> ex: www.votre-nom-de-domaine.com
    3. Dans les tables : sélectionner les tables précédemment repérées modifiées
    4. ne rien changer aux autres paramètres sauf pour :
    5.  Juste faire un test ? : que vous décocher, puis
      05-recherche-et-remplace-reel-v2-x640
    6. Appuyer sur le bouton: Rechercher/Remplacer,
    7. Patientez, puis
    8. Si le résultat: « …0 chaînes trouvées qui peuvent être mises à jour et 0 modifications auraient pu être apportées. » Alors vous avez réussi à tout modifier en Masse.

Conclusion

Cette extension Better Search Replace très pratique et puissante avec son mode de TEST avant modification permet de vérifier les modifications avant de faire des grandes bêtises sur son site en production.

Elle agit sur toutes les tables de votre instance WordPress, même celles venant par exemple d’autres extensions comme WooCommerce par exemple.

Information

Je réalise des sites Web, Internet et e-commerce pour mes clients sous WordPress. Si vous avez une question ou vous souhaitez réaliser ou modifier votre site contactez-moi en précisant un peu plus vos besoins ou questionnement :

 

 

logo-ovh-150DPI

Transfert et rattachement de votre nom de domaine à votre hébergement OVH

By | Hébergeurs

Introduction

Vous avez déjà un nom de domaine et vous souhaitez le transférer et le rattacher à votre abonnement d’hébergement chez OVH? un certains nombres d’actions sont à remplir pour y arriver.

L’opération peut prendre du temps (8 à 60 jours) suivant circonstances où vous vous trouvez.

Voici les explications et les étapes à suivre:

Transfert de votre nom de domaine vers OVH

  1. Connectez-vous à votre espace d’hébergement OVH, puis,
  2. Suivez les étapes : transfert domaine OVH
    1. ne cocher rien d’autre à part si vous en avez besoin, OVH pousse à la consommation de services additionnels
  3. Attention, il ne faut pas que vous ayez créé votre nom de domaine sous les 60 premiers jours, sinon il faudra attendre 60 jours avant de pouvoir transférer votre nom de domaine.
    Si c’est votre cas et que vous devez lancer coûte que coûte votre activité ou votre produit, je vous conseil de créer un nom de domaine:

    • provisoire
      ou
    • très approchant du nom de domaine initial,
      le temps que le délais des 60 jours soit passé, mais au moins vous pourrez déjà avancer sur votre projet.
  4. Ce transfert de nom de domaine, OVH vous le facture moins de 10€ TTC pour un nom de domaine en « .com ».
  5. à une des étapes, il vous demande un code d’Autorisation ou
    Authorization Code

    que vous devez récupérer là où est enregistré votre nom de domaine à l’origine.
    Pour récupérer ce code, aller dans votre console d’administration là où est enregistré votre nom de domaine,
    par exemple chez Amen.fr:

    1. allez sur votre nom de domaine, puis
    2. Domaine et DNS, puis
    3. Code auth-info
    4. copier ce code, et placer le là où OVH le demande.
  6. Une fois que vous avez payé le service de transfert de nom de domaine, l’opération peut prendre jusqu’à 8 jours pour qu’il soit réellement effectif. C’est le temps nécessaire pour effectuer certaines vérifications (êtes vous bien le propriétaire, etc…) auprès du « Registrar » alias le bureau d’enregistrement.

 

Rattacher votre nom de domaine à votre hébergement OVH

une fois reçu le message de transfert effectif de votre nom de domaine chez OVH (par email ou votre console d’administration), vous pouvez effectuer les opérations de rattachement de votre nom de domaine. Pour ce faire, suivez les opérations suivantes :

Activé votre zone DNS

  • Rendez-vous dans votre interface client OVH.
  • Dans la rubrique Domaine,
  • Cliquez sur le nom de domaine <votre nom de domaine>
  • Cliquez sur l’onglet Zone DNS
  • Cliquez sur l’icône Activer la zone DNS
  • Cochez « Non, mais je veux activer ma zone DNS. » et validez.

là vous avez activé votre zone DNS,

Lié votre nom de domaine à votre hébergement OVH

Maintenant vous pouvez rattacher ce nom de domaine à votre hébergement OVH actuel en suivant ces étapes:

  • Rendez-vous dans votre interface client OVH.
  • Dans la rubrique Hébergements,
  • Cliquez sur le nom de votre hébergement auquel vous souhaitez le rattacher
  • Allez dans « Multisites » puis cliquer sur le bouton « Ajouter un domaine ou sous domaine »,
  • Sélectionnez votre domaine <votre nom de domaine> précédemment transféré,
  • Cliquez sur le bouton « Suivant »
  • Remplissez les champs avec les valeurs suivantes :
    • Domaine : Ne rien mettre.
    • Dossier racine : www (ou un autre dossier de votre choix)
      • exemple www/<votre repertoire>
    • Les autres champs sont facultatifs
  • Cliquez sur le bouton « Suivant »

Pour plus de détails ou avoir des copie d’écran voici les informations auprès d’OVH.

Générer les certificats SSL associés

après l’étape de rattachement précédente, vous vous retrouvez avec votre nouveau nom de domaine lié à votre hébergement OVH, mais il vous faut encore générer les certificats SSL:

OVH NOM DE DOMAINE SSL A GENERER v2

  • rendez-vous dans votre interface client OVH.
  • Dans la rubrique Hébergements,
  • Cliquez sur le nom de votre hébergement auquel vous souhaitez le rattacher,
  • Allez dans « Informations générales » puis,
  • au niveau de Configuration / Certificat SSL, cliquer sur le bouton « Actions »,
  • puis cliquez sur Régénérer le certificat SSL,
  • cela peut prendre un certain temps, jusqu’à 2H, signal OVH.
  • Une fois les certificats SSL régénéré, vous devriez obtenir ceci:

OVH NOM DE DOMAINE SSL REGENERE

Modifier / adapter votre WordPress

Si vous hébergez votre site sous WordPress, il vous reste à faire prendre en considération ce nouveau nom de domaine transféré en suivant les étapes suivantes :

  • Allez dans votre interface d’administration (back-office) de WordPress, puis
  • Réglages / Général, dans les deux champs ci dessous,
    • Adresse web de WordPress (URL) = https://<votre nouveau nom de domaine transféré>
    • Adresse web du site (URL) = https://<votre nouveau nom de domaine transféré
  • Cliquez sur le bouton Enregistrer les modifications, puis
  • Vous serez invité à vous reconnecter à votre back-office WordPress

Conclusion

Voilà, j’espère que ces différentes étapes répondront de façon exhaustive à vos questions de:

  • Transfert de nom domaine vers votre hébergement OVH existant,
  • Rattachement de nom domaine vers votre hébergement OVH existant,
  • Ré-génération des certificats SSL,
  • Prise en compte du nom de domaine pour votre site sous WordPress

Bonne journée!

 

 

 

ninja forms 300x225

Ninja Forms – garder la main sur le style de présentation de vos formulaires

By | CMS, Formulaire

Avant propos

Ninja Forms (1) est une extension (plug-in) WordPress (2) puissante afin de générer simplement et facilement des formulaires de saisies (Contact, Commentaires, eMailing, News Letter …).

Cette extension de base (version gratuite) est amplement suffisante pour gérer les cas simple voir complexe de gestion de vos formulaires.

Introduction

Comme toute extension qui a des ajouts payantes, Ninja Forms ne déroge pas à la règle, il pousse à la consommation pour installer Layout & Styles

mais en cherchant bien sur internet on trouve de l’information afin de contourner l’achat de ce plug-in parfaitement inutile dans la plus part des cas.

Tout d’abord sur le site même de Ninja Forms, l’on trouve suffisamment d’information pour démarrer ne serait-ce que le positionnement des champs sur plus d’une colonne :

Styler votre Formulaire (Anglais)

Exemple :

PS: multiplier les colonnes c’est bien, on gagne en ergonomie et l’on arrive à tout mettre (les champs) sur une seules page, mais garder à l’esprit tout de même qu’au delà de 2 colonnes, Ninja Forms perd de sa superbe et est moins Responsive Resign sur vos smartphone.

Positionner les paramètres de base en Français / Européen

Ninja Forms étant développé en anglais, les paramètres de bases (ex: Format de date = M/D/Y, devise=$) sont positionnés comme tel.

Afin de corriger cela, il suffit donc d’aller sur :

  1. Ninja Forms
  2. Réglages
    1. Format de date : « D/M/Y« , où D = Jour, M = Mois, Y = Année
    2. Devise = « Euros« 
    3. Captcha je conseil de passer par le Captcha Google, pour cela il suffit de se rendre dans votre console Google ici : ReCaptcha Google
      cela évite les SPAM sur votre formulaire de Contact

      1. Clé de site reCAPTCHA = « <Votre Clé du site >« 
      2. Clé secrète reCAPTCHA = « <Votre Clé secrète >« 
      3. Langue de reCAPTCHA = « fr« 

Retirer ou modifier le texte par défaut :

Les champs marqués d’un astérisque * sont obligatoires.

  1. Aller dans Ninja Forms
  2. Sélectionner votre formulaire à modifier
  3. Aller dans l’onglet : « Mode Avancée« 
  4. Rester dans « Paramètre d’affichage« 
  5. Déployer : « Mode Avancée« 
  6. Modifier ou supprimer le message:
    1. pour modifier le message: mettre « Votre Message Personnalisé » dans le champs : « Les champs marqués d’un astérisque * sont obligatoires. « 
    2. pour supprimer le message: mettre un  »  » « espace » dans le champs : « Les champs marqués d’un astérisque * sont obligatoires. « 

Pour aller plus loin

Contexte

Les bouts de code CSS suivants ont été testé dans le cadre d’un WordPress installer avec le Thème Salient (3) mais cela devrait fonctionner avec d’autres installations et Thèmes WordPress.

Le Thème Salient est dit « Responsive Multi-purpose »  c.a.d: qu’il est compatible avec tout type de terminaux PC, Mac, iPad, iPhone, Android…, et permet une faciliter d’édition des pages et des articles grâce entre autre à l’utilisation de l’extension intégrée : Visual Composer mais aussi de Snipets et autres bouts de codes.

Afficher le contour des champs textes

Salient est épuré, et parfois cela joue des tours, je m’explique, voulant intégrer une gestion de formulaire comme Ninja Forms, au démarrage les champs de type texte ne s’affichent pas ou sont invisible comme par exemple :

Formulaire Ninja Forms Salient champs invisible

PS: n’oubliez pas à chaque modification de paramétrage d’appuyer sur le bouton : « Enregistrer les modifications »

en changeant simplement dans l’écran d’administrateur de votre WordPress (Back Office) le paramètre suivant :

 

Salient  / Form StylingOverall Form Style  à inherit from theme skin

 

cela permet d’afficher les contours des champs de type texte comme sur l’exemple :

Formulaire Ninja Forms Salient champs visible

 

PS: n’oubliez pas à chaque modification de paramétrage d’appuyer sur le bouton : « Enregistrer les modifications »

Exemples de Codes CSS

les codes suivants sont à placer pour le Thème Salient

Salient > General Settings > CSS/Script Related > Custom CSS Code

à adapter en fonction de votre Thème WordPress

Changer les couleurs du bouton

input[type="button"].ninja-forms-field {
color: #11FF18!important;
background-color: #D011FF!important;
}

  • color : permet de changer le code couleur HTML du texte
  • background-color : permet de changer le code couleur HTML de l’arrière plan du bouton

Pour changer aussi la couleur de fond lorsque l’on passe au-dessus du bouton

input[type="button"].ninja-forms-field:hover{
background-color: #46000D!important;
}

  • background-color : permet de changer le code couleur HTML de l’arrière plan du bouton lorsque la souris passe dessus.

 

Pour changer un seul formulaire spécifique

Afin de ce référer par exemple à « Contact me » qui est le formulaire Ninja Forms par défaut, son nom unique est « form-1″, voici comment ne mettre que du code s’appliquant à ce formulaire:

#nf-form-1-cont {
color: black;
background-color: #939393;
}

Pour changer le style (effet d’ombre, couleur de fond …) d’un seul formulaire spécifique

Afin de donner un effet d’ombre à votre formulaire, voici un code d’exemple :

#nf-form-1-cont {
color: black;
background-color: #939393;
padding: 15px;
box-shadow: 0px 3px 5px #444; /* Creer une ombre autour du formulaire */
color: white;
border-radius: 9px; /* Creer des coins de bordure du formulaire incurves */
text-shadow: 2 5 1px #453f3f; /* effets sur les textes */
}

Résultat:

Formulaire Ninja Forms - fond gris - avec effet d ombre

Effet simple (couleur de fond, coins incurvés…) sur les champs d’un formulaire spécifique

#nf-form-1-cont .ninja-forms-field {
background-color: #0000FF!important; /* couleur bleu pour le fond du champs */
color:#58FAF4; /* couleur turquoise pour les textes a remplir */
border: 1px solid #0000FF; /* bordure des champs */
font-size: 16px; /* taille des caracteres */
border-radius: 5px; /* bordures des champs incurvees */
}

Résultat:

Formulaire Ninja Forms - fond bleu des champs et leurs coins incurves

Conclusion

Ce n’est pas exhaustif mais cela donne déjà un bonne aperçu de ce qui est possible de faire avec Ninja Forms.

J’espère que cela vous aidera bien à avancer sur le style de votre formulaire sans passer par les extensions payantes.

Amusez-vous bien !

 

Notes

(1) Ninja Forms

(2) extension (plug-in) WordPress

(3) Salient 

extension All-In-One WP Migration icon-256x256

Migration de site WordPress via l’extension All-In-One WP Migration, étape par étape

By | Hébergeurs, Migration

Introduction de l’extension All-In-One WP Migration

Je recherchai depuis un certain temps comment après avoir développé un site sur l’excellent système WAMP (*) et MAMP (*) qu’est LOCAL by Flywheel, de pouvoir l’importer dans un hébergement en ligne. J’avoue que l’extension All-In-One WP Migration a répondu a mes attentes en terme de simplicité.

Son gros avantage est qu’il exporte tout en une seule Archive, c.a.d. la Base de Données, les Fichiers, …. et vous n’avez pas besoin de vous occupez de paramètres compliqués comme par exemple les noms de domaine, impliquant les liens sur vos pages ..

L’extension WordPress All-In-One WP Migration a été testé sur plusieurs hébergeurs comme OVH, 1 and 1, GoDaddy … CF l’article sur choix d’un hébergeur.

Autres cas d’applications

  • Livrer un site à votre client
  • passer d’un site en Développement à un site en Production
  • migrer d’un nom de domaine à un autre

Prérequis pour l’extension All-In-One WP Migration

Il faut bien comprendre qu’un site Internet WordPress est composé de 2 éléments principaux résumé dans le schéma ci-dessous :

  • Une base de données
  • Un systèmes de fichiers avec les répertoires standards que sont : /www/wp-admin, /www/wp-content …

WordPress Schema de Migration

Schéma: de Migration d'un site WordPress à un autre

Vous avez donc besoin de 2 installations différentes de WordPress, l’une que l’on va nommer « Origine » l’autre « Destination »

  • l’installation WordPress « Origine » est celle qui contient votre site
  • l’installation WordPress « Destination » qui va recevoir le site d’origine
    devra être vierge car s’il y a un site existant, il va être effacé.

Maintenant l’on va installer l’extension « All-In-One Migration » sur les 2 sites WordPress

Installation de l’extension All-In-One WP Migration

A/ Dans votre site WordPress « Origine »

Comme pour chaque extension (plug-ins) WordPress, il suffit de se rendre sur la page dédier à cela depuis votre back-office WordPress :

  1. puis d’aller au menu : Extensions
  2. puis d’appuyer sur le bouton « Ajouter« 
  3. puis de recherhcer « All-in-One WP Migration« 
  4. puis d’appuyer sur le bouton « Installer« 
  5. puis d’appuyer sur le bouton « Activer« 

B/ Dans votre site WordPress « Destination »

Répéter ces actions dans votre site WordPress de Destination (Cible de la migration)

 

Voilà les phases d’installation et d’activation sont maintenant terminées.

Exportation

Dans votre Site d’« Origine »

All-In-One WP Migration Export

Les étapes à suivre:

  1. Aller dans le Menu « All-In-One Migration » de votre back-office WordPress
  2. puis cliquer sur Export
  3. Là vous avez la possibilité de choisir certains paramètres optionnels en cliquant sur « Advanced options »
    All-in-One WP Migration - Export - options
  4. puis cliquer sur « File » ou tout autre système où vous souhaiteriez exporter votre ficher d’export
  5. Là il va faire un certains nombres de vérifications
    All-In-One Migration - Export - Archive
    laisser le faire jusqu’à ce que vous avez cette écran :
    All-in-One WP Migration - Export - fait
  6. puis cliquer sur le bouton vert « Download …<Votre Site> » en enregistrer le fichier sur votre ordinateur, dropbox …

Voilà la phase d’exportation de votre site d' »Origine » est maintenant terminée.

Importation

Dans votre Site de « Destination »:

All-In-One WP Migration Export

La durée d’importation

La durée de la phase d’import dépend d’un certains nombres de facteurs comme:

  • la taille de votre sauvegarde,
  • votre bande passante

FYI (*) : Je suis sur un ADSL (tout pourri), l’import à durée 10 à 15 min pour une archive >200Mo

Les étapes à suivre:

  • Aller dans le Menu « All-In-One Migration » de votre back-office WordPress
  • puis cliquer sur Import
  • puis choisissez IMPORT FROM FILE ou copier/coller votre fichier précédemment exporté qui a l’extension « <nom de votre archive>.wpress« 
  • Un message d’avertissement  vous informe que si un site exite déjà sur votre site de « Destination » alors il sera effacé
    All-In-One Migration - Import Fin
  • puis cliquer sur « PROCEED« , Le transfert de l’archive « <nom de votre archive>.wpress » se lance:
  • Une fois le fichier téléchargé dans votre site WordPress de Destination, certaines vérifications sont à l’oeuvre:
    All-In-One Migration - Restauration verification
  • puis enfin le dernier écran vous demande de sauvegarder 2x vos permaliens:
    All-In-One Migration - Restauration Succès
  • pour cela cliquer sur le lien qu’il vous propose, connectez-vous, vous serez automatiquement amener sur l’interface d’administration de votre WordPress de « Destination« et cliquer bien 2x sur le bouton Enregistrer les modifications
    FYI: cette étape n’a duré que 2 minutes

Conclusion de l’extension All-In-One WP Migration

J’ai donc retrouvé mon site et il est maintenant en Production, près à être utilisé.

Il me semble que s’est l’une des extensions de migration de site WordPress les plus simple à utiliser.

Sauvegarde de votre site WordPress

Cerise sur le gâteau, l’option « BACKUP » dans le menu de « All-In-One Migration« , permet d’effectuer des sauvegardes de votre installation, très utile si:

  • vous avez été victime d’un piratage
  • avant de mettre à jour WordPress
  • avant de mettre à jour certaines extensions sensible comme WooCommerce …

 

Notes

MAMP: Macintosh Apache MySQL PHP

WAMP: Windows Apache MySQL PHP

FYI: For Your Information – Pour Votre Information

 

ninja forms 300x225

Labels Ninja Forms – jouer avec leurs positions dans vos champs de saisie

By | Formulaire

Introduction

Dans ce billet, nous allons nous focaliser sur la position des labels Ninja Forms par rapport à vos champs de saisie du formulaire.

Comparaison des positions des labels Ninja Forms

Les deux Formulaires suivant proviennent de Ninja Forms. Dans le premier les labels des champs sont en position par défaut en haut du champs de saisie, en revanche dans le deuxième formulaire les labels sont bien inséré directement dans les champs de saisie.

 

Labels Ninja Forms a l exterieur des Champs - Formulaire - Contact

Positionner vos Labels Ninja Forms par rapport à vos champs de saisie

Ninja Forms positionne par défaut les labels des champs du formulaire « au-dessus » du champs à remplir, comme sur l’exemple suivant:

Formulaire NinjaForms Salient Label Nom au-dessus du Champs

Suivant vos besoins il peut être placé ailleurs:

  1. à gauche
  2. à droite
  3. en-bas
  4. Masquer

Si l’on comprend aisément les 3 premiers cas, le dernier : « Masquer » est plus énigmatique mais est grandement important, car il permet de placer un label directement dans le champs de saisie

Pourquoi mettre le texte de vos Labels Ninja Forms à l’intérieur de vos champs de saisie

il peut s’agir d’une question de goût ou de présentation mais cette fonction intéressante qui est proposé pour gérer au mieux les labels Ninja Forms permettent aussi :

  • un visualisation plus moderne du formulaire
  • un gain de place, ce qui facilite le remplissage des champs sur son smartphone (*)
  • est donc plus Responsive Design

Positionner vos Labels à l’intérieur de vos champs de saisie

une fois que vous êtes connecté au Back-office de votre WordPress,

  1. Aller dans Ninja Forms
  2. Choisir le Formulaire à créer ou à modifier
  3. Aller sur le(s) champs à changer et
  4. mettre :
    POSITION DE TITRE = « Masquer« , dans cette exemple du champs « Nom »
    MODE AVANCE / ETIQUETTE = « le label que vous voulez« , dans cette exemple du champs « Nom » s’est: « Votre Nom« 
  5. puis bouton terminé et aussi publier le formulaire

 

Notes:

(*) Depuis Fin 2016 : Pour la première fois, Internet est plus utilisé sur mobile que sur PC

 

Hébergeur – erreurs PHP lors de l’installation de WordPress

By | Hébergeurs

PHP-100

Introduction

Il arrive parfois que des erreurs PHP surviennent lors de l’installation de WordPress chez votre hébergeurs. ses erreurs peuvent venir de différentes origines mais généralement cela est dû à une soucis de version PHP et/ou de base de données.

Contexte

Il arrive que les clients viennent déjà avec un site existant où il faut réutiliser son hébergeur actuel. Ce qui est somme toute logique puisqu’il a déjà un abonnement chez ce dernier et aussi certainement enregistré un voir plusieurs nom de domaine(s).  Le site peut être sous une ancienne version de WordPress, Prestashop, Joomla, Spip …

Qui dit anciennes version, souvent les clients n’ont aucune idée que la couche sous-jacente pour faire tourner leur site Web ou site Internet repose sur un CMS (Content Management System ou en français Gestionnaire de Contenu comme par exemple: WordPress) qui lui-même repose sur d’autres couches.

Exemples de ces couches (en technique on parle de « stack »):

  • un serveur physique qui se trouve dans un data center
  • une instance de Serveur Virtuel Mutualisée ou dédiée
  • Système d’exploitation, généralement Linux mais parfois Windows
  • Serveur d’application : généralement Apache mais parfois Nginx
  • Serveur de pages : HTML, PHP, JSP, …. dans le cas de WordPress il s’agit de PHP qui génère des pages dynamique au format HTML5 avec CSS3 comme feuilles de styles (pour la présentation).
  • Serveur de base de données : MySQL, PostgreSQL, SqlLite,… généralement c’est MySQL qui est choisi ou proposé comme seul choix par vos hébergeurs, en tout cas pour les packs d’entré de gamme.

Se sont des couches sous-jacentes qui sont masquées à l’utilisateur, donc le client n’a pas trop à s’en occuper. En revanche pour une migration de certains éléments des stacks ci-dessus, mieux vaut savoir de quoi on parle et où trouver les informations de versions des différents éléments.

Pour vérifier sous quelle version de PHP vous êtes (les plus récentes et les plus utilisées sont 5.6.x et la 7.0.x), par exemple dans la console d’administration d’OVH il suffit d’aller dans :

  • Web
  • Hébergement(s)
  • aller sur votre Nom de domaine : www.xxxxxx.yyy
  • Informations générales (normalement la première page)
  • Version PHP globale, dans mon cas c’est 5.4 qui est donc obsolète ce qu’indique clairement la console d’administration d’OVH avec un petit triangle rouge,
  • Vous devriez avoir un bouton juste à coté de cette ligne : « modifier la configuration »

Deux cas de figures s’offre à vous:

  • soit la version actuelle de votre installation (WordPress+votre thème,  Joomla, Prestashop …) supportera la monté de version de PHP voir de MySQL, si oui alors:
    •  appuyer sur le bouton « modifier la configuration », puis:
    • appuyer sur le bouton « Modifier le configuration courante », puis:
    • choisir ce qui vous correspond comme par exemple :
    • Configuration hébergement OVH
    • appuyer sur le bouton « Valider », comme indiqué cela prendra un certain temps (de quelques minutes à …)
    • si le site actuel génère des erreurs, la plus part des hébergeurs ont prévus de pouvoir revenir à la configuration précédente. mais effectuer tout de même une sauvegarde des fichiers et de votre/vos bases des données le cas échéant en amont.
  • soit elle ne le supporte pas:
    • là je vous conseil de faire vos développements/configurations du nouveau site web soit:
      • sur un espace temporaire
      • ou autre hébergement
      • ou sur un espace de développement dit « Local » comme par exemple Local by Flywheel (je ferai un autre article sur ce sujet),
    • et le jour où votre site passe de alpha puis beta et par la suite en livraison finale, alors vous débrancherez l’ancien site et placerez votre nouveau site web dans votre espace d’hébergement actuel avec évidemment les bonnes versions des éléments sous-jacents (cf ci-dessus).

Pour plus de détails veuillez vous référez à la procédure mise en place par votre hébergeur:

Voici des erreurs qui indique clairement un soucis de version de PHP alors que l’on vient d’installer WordPress:

Parse error: syntax error, unexpected T_OBJECT_OPERATOR in /../wp-admin/index.php on line 112

ou encore:

Parse error: syntax error, unexpected T_STRING in /../wp-includes/load.php on line 1073

Bon courage pour ces différentes manipulations techniques!

Si vous avez des questions, n’hésiter pas à me laisser votre message:


[recaptcha]


wordpress logo horizontal

Pourquoi utiliser WordPress pour faire son Site Web plutôt qu’un autre système ?

By | CMS

Un peu d’histoire

WordPress à l’origine permettait seulement de gérer des Blog. Avant que le rouleau compresseur Facebook n’écrase tout sur son passage, le Blog était le moyen le plus facile et le plus populaire pour écrire et fédérer sur un sujet, tenir un journal …, car les « billets » (ou articles) se succédaient dans un ordre chronologique.

Qui n’a pas connu les heures de gloire d’Over-Blog ou SkyRock lève le doigt ! WordPress entre autre est né du besoin pour certains d’être indépendant (voir Open Source) des plateformes qui hébergeaient justement ces plateformes de Blog comme SkyRock et consoeurs et en profitaient pour placer de la publicité intempestive qui en irritaient plus d’un.

Communauté active de WordPress

Comme WordPress (wordpress.org) est une plateforme Open Source : toute le monde peut l’utiliser gratuitement et aussi pour les développeurs y contribuer pour enrichir de fonctionnalités du système.

Toute plateforme dont la communauté est active est certain:

  • de garder la pérennité d’un support via des forums et autres blog dans le temps,
  • d’avoir accès à une bibliothèque d’extensions (1) qui s’agrandi de jour en jour
  • de trouver des ressources accessible rapidement

D’ailleurs les hébergeurs de Site Web l’ont bien compris puisqu’ils proposent pratiquement tous de créer vos Site Web sour WordPress pratiquement en 1 click.

Transformation de gestionnaire de Blog en CMS

Au début d’Internet, les pages HTML étaient dites « statiques », c’est à dire que le contenu et sa présentation étaient mélangés. L’apparition de système de gestion des pages dynamiques s’est fait vite sentir car elles permettent :

  • la séparation du contenu (articles, pages, images, videos …) de sa forme (de sa présentation ou le rendu graphique) permet une grande flexibilité lors de la création des pages et articles de votre Site Web.
  • un « Editeur » de contenu (Journaliste, rédacteur de blog, Freelance, patron de PME, responsable Marketing, Comm Internet ou externe…) n’a plus réellement besoin de connaitre la technique pour gérer un Site Web simple.

Grâce à cette communauté très active, des fonctions de créations de Site Web sont apparues dans WordPress au fil du temps, d’où la transformation de Blog vers la dénomination CMS (2)

WordPress sans nulle doute le numéro 1 mondial des CMS, il suffit de vérifier les chiffres chez X3techs :

  • 28% des Sites Web dans le monde
  • 59% des CMS dans le monde
Sites Web
28
CMS
59

 Conclusion

Pour toutes les raisons détaillés ci-dessus, le recourt à WordPress comme système gérant votre Site Web va de soi.

Notes :

(1) une bibliothèque d’extensions (plug-ins) permet d’enrichir  WordPress par exemple en lui ajoutant des fonctionnalités de SEO (Yoast…), de formulaires avancés (Forms 7, …) de protection contre le hack, phishing, ou autres squatting de

(2) CMS: Content Management System autrement dit : Gestionnaire de Système de Contenu

Hébergeurs mutualisés – Comparatif Technique et Fonctionnel

By | Hébergeurs

Introduction

Je n’ai pas voulu faire un comparatif exhaustif car il y a vraiment un grand nombre d’hébergeurs (1) dans notre WeboShpère, j’ai plutôt pris le partie pris de prendre les deux plus représentatif (à mes yeux) de notre panel d’hébergeurs et bien connu en France: OVH et Amen en vous présentant leurs offres mutualisés d’entré de gamme respectives.

Un hébergeur se choisi avec soin et il prend en compte un certains nombres de paramètres suivant vos besoins. Les paramètres retenus sont suffisamment conséquent pour que vous puissiez décider de ce qui est important pour vous comme par exemple:

  • l’espace de stockage web car votre site internet est orienté photos ?
  • vous avez besoin d’héberger plusieurs sites différents dans un même espace de stockage ?
    • La partie Multi-sites/Multi-domaine est à surveiller,
    • Le nombre de bases de données est un plus même s’il est possible d’héberger plusieurs sites WordPress différents dans une même base de données.
  • vous avez besoin d’un certain nombre de comptes eMails afin de gérer tous vos employés ?
  • la sauvegarde et la restauration de votre site est un sujet des plus importants ?
  • vos critères, …etc…

Tableau : Deux hébergeurs avec leurs offres comparables

Ce premier tableau sera factuel, ne prenant en compte que les informations que ces deux prestataires nous informent depuis leur site internet respectif.

OVH Logo Amen Logo
OVH Amen
 Nom de l’Offre Perso Pro Smart Advanced
Nom de domaine gratuit pendant 1 an Oui Oui
NB Sites internet (Multi-sites/Multi-domaine) 5 10 5 10
Espace Web (Stockage)
100 Go 250 Go 100 Go 200 Go
Trafic Illimité Illimité
SSL (gratuit) Let’s Encrypt Let’s Encrypt
NB Adresse Email 10 100 5×5 boites 10×10 boites
Taille max / boîte 5 Go 5 Go 2 Go 2 Go
Performance (processeur, mémoire)  NSP 2/5 3/5
Processeur NSP 1vCPU 1vCPU
Mémoire (Mo) NSP 512 1024
Processus NSP 20 30
Base de données – nombre 1 4 10 25
Base de données – taille 1x 200Mo 3x 400 Mo, 1x 2 Go 2Go 5Go
NB Visiteurs 75 simultanés 125 simultanés 25 000 mensuel 100 000 mensuel
Utilisateurs FTP NSP Illimité Illimité
FTPs Oui Oui
accès SSH Non Oui Non Oui
Géolocalisation France, et ailleurs (2)
Sauvegarde Fichiers Oui Oui
Sauvegarde Base de données Oui Oui
Restauration à la demande J-1 / J-2 / J-3 / J-7 / J-14 Oui
Support tel Tel gratuit NSP
Support ticket NSP Oui
Prix (mensuel) 2,99€ HT / 3,59€ TTC 5,99€ HT / 7,19€ TTC 3,97€ HT / 4,77€ TTC 6,95€ HT / 8,34€ TTC

 Liste non exhaustive d’autres hébergeurs (1)

Les autres hébergeurs :

Appréciation et retour d’expérience des Hébergeurs

Hébergeurs mutualisés – Appréciation et retour d’expérience

Notes:

(2) : Pour des raisons de confidentialités, de choix personnel, où tout simplement l’on ne veut pas dépendre de juridictions étrangères