Catégorie : Plugins

Informations sur la mise en place et des tutoriels sur les plugins / modules / extensions sur le système de création de site internet Wordpress

Publié le

WooCommerce 3 : Inclûre le nom des variations de produits lors de l’ajout au panier

Message d'ajout au panier avec Variations dans WooCommerce 3
Message d'ajout au panier avec Variations dans WooCommerce 3
WooCommerce 3 Variations de produits dans le message de l’ajout au panier

Notre client Prestodeco® nous a demandé d’inclure les variations de produits dans le message d’ajout au panier de WooCommerce.

Dans le fichier functions.php de votre thème, ajoutez le code suivant :

Ce code se chargera de récupérer les variations de produits et de les ajouter dans le message d’ajout au panier de WooCommerce.

add_filter ( 'wc_add_to_cart_message_html', 'filter_wc_add_to_cart_message_html', 10, 2 );
function filter_wc_add_to_cart_message_html( $message, $products ) {
    
    $product_id = key($products);
    $count = 0;
    
    $variation_id = isset( $_REQUEST[ 'variation_id' ] ) ? $_REQUEST[ 'variation_id' ] : null;
    
    // si on ne récupère pas de variations, alors on retourne simplement le message
    if ($variation_id == null) {
         return $message;   
    }
    
    $var_product = wc_get_product( $variation_id );
    $variations = $var_product->get_variation_attributes();
    $attributes = $var_product->get_attributes();
            
    $variations_str = '';

    // on récupère toutes les variations    
    if ( is_array( $variations ) ) {

        foreach( $variations as $key => $value ) {

            $key = str_replace( 'attribute_', '', $key );

            $attribute = $attributes[$key];
                    
            $variations_str .= ', ' . $attribute; 
            
        }

    }
    
    // on récupère la quantité
    foreach ( $products as $product_id => $qty ) {
		$titles[] = ( $qty > 1 ? absint( $qty ) . ' × ' : '' ) . sprintf( _x( '“%s”', 'Item name in quotes', 'woocommerce' ), strip_tags( get_the_title( $product_id ) ) );
		$count += $qty;
    }


    $product_title = '' . get_the_title( $product_id ) . ''; // Get the main product title
    $product_url = get_permalink( $product_id );
    $product_title .= $variations_str;

    //$product_title .= substr($variations_str, 0, -1);

    $added_text = sprintf( '%s X %s ajouté au panier !' , $count, $product_url, $product_title );

    $message = sprintf( '%s %s', wc_get_page_permalink( 'cart' ), __( 'View Cart', 'woocommerce' ), $added_text );
    
    return $message;
}
Publié le

WP Polls : Créer des sondages sur un site WordPress

WP Polls sondage pour WordPress
WP Polls : Créer des sondages sous WordPress

WP Polls est un outil de sondage pour WordPress ; il vous permet de créer de nombreuses questions auxquelles les internautes pourront répondre par des réponses prédéfinies que vous aurez créées.

Ajouter une nouvelle question

Pour ajouter un nouveau sondage : dans le menu  « Polls », cliquez sur « Add Poll ».

WP Polls ajouter un nouveau sondage
Ajouter un nouveau sondage WordPress

Options de sondage disponibles

Allows Users To Select More Than One Answer?

« Autoriser les internautes à sélectionner plus d’une réponse ». Cette option, si mise à « Yes », peut permettre de cocher plusieurs réponses.

Maximum Number Of Selected Answers Allowed?

Si vous autorisez la réponse multiple, vous devez spécifier un nombre maximum de réponses à cocher. « Nombre maximum de sélection à autoriser pour ladite question ».

Start Date/Time

Permet de lancer le sondage à partir d’une date précise dans l’avenir.

End Date/Time

““ signifie « Ne pas expirer le sondage », c’est-à-dire que tout le monde pourra répondre au sondage dans l’avenir. Si vous décochez cette case, vous devrez spécifier une date de fin pour le sondage.

Créer un sondage

Une fois le sondage ajouté, le logiciel créera automatiquement un shortcode à disposer dans une page.

Shortcode pour ajout sondage WP Polls
Génération shortcode pour l’ajout d’un sondage

Ajouter un sondage dans une page

Avec le shortcode généré lors de l’étape précédent ou via le sous-menu “Manage Polls“, récupérez l’id du sondage et ajoutez-le à la place du “n”.

[poll id="n"]

Ajout du sondage dans une page

Tout simplement, on ajoute le shortcode dans la page comme cela :

WP Polls nouveau sondage sur une page
Ajout d’un nouveau sondage dans une page WordPress

Ce qui nous donne la page suivante :

Créer une page de sondage avec WP Polls
Page de vote pour WP Polls

Voir les résultats d’un sondage

Vous avez différentes manières de procéder :

  1. vous vous rendez dans “WP Polls” > “Manage Polls” depuis l’administration, puis vous cliquez sur “Edit” sur le sondage que vous souhaitez. À droite, les résultats du sondage apparaîtront ;
  2. vous vous rendez sur votre sondage et cliquez sur “View results” en bas du bouton “Vote“.
Résultats sondage WP Polls
Résultats du sondage WP Polls
Publié le

SiteOrigin – Page Builder & Widgets Bundle : Sectionner ses pages

Widgets dans des pages WordPress
SiteOrigin Widget pour WordPress

SiteOrigin Page Builder permet de sectionner ses pages en section. D’ordinaire, une page WordPress n’est qu’un seul gros bloc. Avec ce plugin, on peut séparer une page en plusieurs divisions.

SiteOrigin Widgets Bundle nous permet de rajouter des widgets (habituellement réservés à la sidebar ou au footer) dans un bloc d’une page.

Ces plugins permettent d’utiliser le même système de mise en page que Drupal.

Mise en place d’une page multi-blocs

Tout simplement, ajouter une nouvelle page ou un nouvel article.

Dans l’onglet haut droit, cliquez sur “Page Builder“.

  • Une rangée correspond à une ligne (composé de sections) ;
  • Un widget permet de rajouter du contenu dans une section.

Visuellement, voici ce que l’on peut faire.

SiteOrigin page builder multibloc pour WordPress
Page multiblocs sur WordPress

Ce système permet de créer des pages simples et complexes à partir de section. On peut donc inclure des widgets dans nos pages.

Widget dans une page site Origins
Ajouter un widget dans une page WordPress

Voici un exemple de segmentation de page en deux parties.

Publié le

Jetpack : Booster son site internet WordPress

Utiliser Jetpack pour booster son site sous WordPress
Plugin Jetpack pour WordPress

Jetpack est un plugin WordPress réunissant énormément de fonctionnalités pour optimiser son site internet. Nous allons voir bon nombre d’entre d’elles durant ce tutoriel sur Jetpack pour WordPress.

Installation & inscription

Jetpack requiert pour être installé un accès à WordPress.com pour l’enregistrement. Aucune information confidentielle n’est communiquée ; c’est un accès pour récupérer des informations utiles au plugin.

Jetpack WordPress connexion
Connexion WordPress.com avec Jetpack

Décollage et boosting du site internet !

L’option « décollage » va vous permettre d’activer les modules principalement utilisés dans Jetpack. Pour ce tutoriel, nous ne l’activerons pas, car nous préférons activer manuellement les modules dont nous avons besoin pour le grand public.

Abonnements

Permet de créer un système de notifications des nouveaux articles ou de commentaires ; vous pouvez créer un widget d’abonnements pour votre site.

“Apparence” > “Widgets” > Abonnement de blog (Jetpack)

Articles similaires

Elle permet de proposer au lecteur d’autres contenus en rapport avec la page qu’il vient de lire. Si cette option n’est pas déjà présente dans votre thème, nous vous recommandons grandement son utilisation.

Activez et configurez le plugin en choisissant : « Utilisez une mise en forme large et visuellement attrayante ».

Carrousel

Si non présent sur votre thème, ce module permet d’activer une jolie mise en page sur les images hébergées sur votre site (lorsque l’on clique dessus).

Codes de substitution

Inclut du contenu depuis des sites connus comme Youtube, Facebook. S’utilise sous forme de shortcode à insérer dans vos articles.

Commentaires

Ce module permet d’enregistrer des commentaires sur votre site en passant par d’autres services comme Facebook, WordPress.com ou encore Twitter.

Ce qui est pratique, car cela dérange l’utilisateur de s’inscrire pour poster un simple commentaire ; son activation est donc grandement recommandée !

Distribution Améliorée

Se charge de prévenir les services de partage et les moteurs de recherche qu’un nouvel article est disponible sur votre blog. À utiliser !

Extra Widgets

Peut vous être utile pour afficher du contenu depuis d’autres sites comme vos derniers Tweets, une like box Facebook pour votre page, etc.).

Options de Partage

Une option géniale qui permet de partager tous vos derniers articles via les réseaux sociaux automatiquement ; cela simplifie grandement la vie du community manager.

Jetpack for WordPress amélioration site web
Améliorer son site internet WordPress avec Jetpack

Jetpack permet de rajouter d’un coup pas mal de petites fonctionnalités utiles pour votre site internet. Si vous souhaitez en savoir plus sur les autres modules, utilisez le bouton « Réglages » de Jetpack.

Publié le

Newsletter : Envoyer des lettres d’informations à ses abonnés

Envoyer une newsletter depuis son site internet
Newsletter pour ses abonnés

Newsletter est un plugin WordPress vous permettant de récupérer les e-mails des internautes, de créer un modèle de newsletter et de leur envoyer votre lettre d’information.

Configuration des adresses e-mails

Dans le menu « Newsletter », cliquez sur « Settings and more » pour accéder aux paramètres.

Nous allons modifier les informations suivantes :

  • sender email address  (d’où vient le mail) ;
  • sender name (le nom de l’organisation / de la personne qui envoie ce mail) ;
  • return path (retour des erreurs renvoyées par le serveur : problèmes temporaires, adresse e-mail inexistante…) ;
  • reply to (lorsque le destinataire cliquera sur « répondre », il y verra cette adresse.

Ces champs sont très importants car ils vous permettront de réussir vos campagnes e-mailings.

Configuration des messages

Rendez-vous dans « Newsletter », « List Building ». Ici, nous avons plein de traductions à faire.

Attention à bien récupérer les liens entre crochet dans vos copier-collers !

Confirmation > Confirmation required message

Vous venez de vous inscrire à notre newsletter ! Vous allez sous peu recevoir une confirmation d’abonnement.

Merci de suivre le lien présent dans l’e-mail.  Pensez à consulter votre dossier SPAM si vous n’avez pas reçu ce courriel d’ici 15 minutes.

Confirmation >Confirmation email > Title

Confirmation de souscription – {blog_title}

Confirmation >Confirmation email > Body

Bonjour {name} !

Merci de vous être abonné à notre lettre d’informations !

Merci de cliquer sur ce lien pour confirmer.

{subscription_confirm_url}

Cordialement,

{blog_url}

Subscription > Error page content

Oh, une erreur s’est produite !

Cette adresse e-mail est soit bloquée, soit déjà utilisée ðŸ™

Vérifiez votre saisie ou contactez le propriétaire de l’adresse.

Welcome > Welcome message

Merci {name} ! Votre abonnement a été confirmé 🙂

Welcome email > Title

Bienvenue, {name}

Welcome email > Body

Ce message confirme votre inscription à la newsletter de notre blog  {blog_title} !

Merci 🙂

{blog_url}

Pour vous désinscrire, cliquez ici. Vos options sont configurables, ici.

Profil > Profile page

Vous pouvez changer vos préférences.

Si vous changez d’adresse e-mail, vous devrez confirmer cette dernière à nouveau.

{profile_form}

Pour annuler votre abonnement, cliquez-ici.

Profil > Other messages > Email changed notice

Votre e-mail a bien été changé ! Un message d’activation vous a été envoyé.

Profil > Other messages > Generic error

Votre adresse e-mail n’est pas valide ou déjà utilisée ! Merci de vérifier vos informations, contactez-nous en cas de problème persistant.

Créer une nouvelle lettre d’information

Pour créer une nouvelle Newsletter, rendez-vous dans le sous-menu « Newsletters » ; cliquez sur « New newsletter ».

Choisissez ici le template (le visuel) de la newsletter :

  • Base color (le coloris de base de votre newsletter) ;
  • Disable social links (non recommandé, permet de désactiver les profils des réseaux sociaux) ;
  • posts > add latest posts, thumbnails, excerpts  (ajouter les derniers articles, miniatures, extraits) ;
  • post types to include (les types de postes à inclure dans la lettre).

Une fois le template défini, cliquez sur « Proceed the edit » pour changer le contenu de la lettre.

Créer du contenu dans sa newsletter

Sur la page suivante, on peut voir un éditeur de texte classique, vous pouvez y ajouter votre texte et le mettre en forme, rajouter des images…

Message textual

Nous en avons changé le contenu :

Si vous ne visualisez pas cet e-mail correctement, rendez-vous en ligne :

{email_url}.

Cordialement,

Mon association

Vous pouvez changer votre profil ici : {profile_url}

Targeting

Cet onglet est super important ; il vous permettra de choisir à qui vous souhaitez dédier cette newsletter.

  • Homme, Femme, Non spécifié ;
  • La liste de diffusion à utiliser ;
  • Statut d’inscription (confirmé ou non) ;
  • Seulement pour les utilisateurs du site.

Vous pouvez paramétrer l’envoie de la newsletter à une date donnée. Dans l’onglet « Other ».

Vous pouvez ensuite sauvegarder « Save » ou envoyer « Send » ?

Mise en place d’un champ de souscription

Pour mettre en place le formulaire d’inscription, rendez-vous dans « Apparence », puis « Widgets ».

Vous disposez d’un nouveau widget à mettre dans votre sidebar.

Mise en place d'une newsletter sur son site
Mise en place d’une zone de souscription à la newsletter