Comment intégrer la connexion aux réseaux sociaux facilement grâce à WordPress Social Login ? | Facem Web

Comment intégrer la connexion aux réseaux sociaux facilement grâce à WordPress Social Login ?

L’utilisation d’une interface de connexion en passant par les réseaux sociaux et de plus en plus répandu. Il permet à l’utilisateur de s’inscrire simplement, rapidement et lui permet de se connecter à de nombreux sites en mémorisant un seul identifiant/Mot de passe. C’est très tendance et cela est complémentaire au social media optimization (SMO).

WordPress Social Login, un outil simple et efficace

Première étape, installer le plugin en suivant ce lien. Nous pouvons ensuite nous rendre dans les réglages de WordPress : Cliquez sur WP Social login pour rentrer dans le vif du sujet.

Réglage de la partie Réseaux de WP Social Login

C’est dans cet onglet que nous allons régler les réseaux sociaux avec lesquels l’utilisateur pourra se connecter. Il est possible d’en ajouter un nouveau par « simple click » sur l’un des bouton de l’interface « Add more providers » situé sur la droite.

Interface d’ajout de réseaux sociaux

Exemple de configuration de WP Social Login avec Facebook

Pour chaque réseaux sociaux, 3 réglages nous sont proposés.

Interface de configuration d’un réseau social

  • « Activé » : cette liste permet d’activer ou non la connexion via le réseau (si vous souhaitez le désactiver, pensez à sauvegarder en bas de la page).
  • « Appplication ID » et « Application Secret » : ce sont les identifiants unique permettant de lier Facebook (ou autre réseau) à votre site WordPress.

Voici les différentes étapes pour créer une application Facebook :

1 – Aller sur le site Facebook Developer

2 – Créer une nouvelle app en cliquant sur le bouton : ajouter app facebook developpers puis remplissez le formulaire:

creer app facebook

Création de l’app Facebook

 

3 – Dans l’interface de votre application, cliquez sur « Paramètres », puis en bas « Ajouter une plate-forme ». Choisir « Site Web« .

Une nouvelle tuile « Site Web » apparaît. Remplissez le champ « URL du site » avec celle de votre site web puis cliquez sur « Enregistrer les modifications » en bas à droite.

champ site web app facebook developpers

Ajout de l’adresse internet du site web à l’app Facebook

4 – Rendez vous ensuite dans « Examen des apps » et rendez votre app publique.

Réglage de l’app Facebook sur « Publique »

5 – Rendez vous maintenant dans le « Tableau de bord« .

Vous pouvez y récupérer « l’ID de l’app » pour le champ « Application ID » et la clé secrète pour le champ « Application Secret » de WordPress Social Login. Pensez à sauvegarder les modifications en bas de l’écran.

Ajout des information de l’app Facebook au plugin WP Social Login

Ajout des information de l’app Facebook au plugin WP Social Login

 

Vous pouvez faire un test de connexion en vous rendant sur la page de connexion votresitewordpress/wp-login.

Test de connection avec le plugin

Test de connection avec le plugin

Répétez la création d’app pour les différents réseaux sociaux (la création diffère suivant le réseau).

Réglage du widget de WP Social Login

Dans cette partie nous allons régler l’apparence du widget, sa redirection, et son emplacement dans les pages.

En premier, les réglages Basics

Réglages de l’apparence du widget

Réglages de l’apparence du widget

  1. Entrez ici le texte qui apparaîtra en haut de votre widget.
  2. Choisissez le style de l’icône, ou sans icône (affichera le nom du réseau).
  3. Choisissez si vous souhaitez que l’avatar de la personne soit l’avatar du réseau.

En deuxième les réglages avancés

Réglages avancés du widget

Réglages avancés du widget

  1. Adresse de redirection de l’utilisateur si vous ne souhaitez pas qu’il soit redirigé vers son tableau de bord
  2. Activer ou non la redirection (vers l’adresse du 1.)
  3. Réglage de la page de connexion (Popup : une nouvelle page apparaît pour la connexion ; In Page : la connexion se fait sans nouvelle fenêtre.
  4. Choix de l’apparition du widget dans les pages. Il est possible de l’ajouter directement dans vos pages en utilisant le shortcode :
    [wordpress_social_login]

    ou en l’intégrant directement dans le PHP de votre thème enfant avec le code :

    <?php do_action( 'wordpress_social_login' ); ?>
  5. Choisir de recevoir ou non une notification lors de l’inscription d’un nouveau membre( uniquement pour l’administrateur du site).

En troisième, vous pouvez customiser le CSS du widget.

Réglage de la partie Bouncer de WP Social Login

Voilà! votre plugin WordPress Social Login est maintenant entièrement configuré et les utilisateurs pourront se connecter via les réseaux sociaux.

[Total : 0    Moyenne : 0/5]

A propos de l'auteur(e)

Centre de préférences de confidentialité

Google Analytics

Google Analytics est un outil Google d'analyse d'audience Internet permettant aux propriétaires de sites Web et d'applications de mieux comprendre le comportement de leurs utilisateurs. Cet outil peut utiliser des cookies pour collecter des informations et générer des rapports sur les statistiques d'utilisation d'un site Web sans que les utilisateurs individuels soient identifiés personnellement par Google. Le cookie "__ga" est celui qui est le plus utilisé par Google Analytics.
En plus d’établir des rapports statistiques d’utilisation des sites web, Google Analytics peut également être utilisé, conjointement avec certains des cookies publicitaires décrits précédemment, pour proposer des publicités plus pertinentes sur les services Google (comme Google Search), sur l’ensemble d’Internet et pour mesurer votre interaction avec les publicités que nous affichons.

Google Analytics
_ga, _gid, _gat

Publicité Google

Google AdSense est un programme de monétisation proposé par Google aux éditeurs de sites web pour générer des revenus publicitaires à la performance. Un éditeur de site web peut adhérer gratuitement au programme et bénéficier d’affichages publicitaires sur son site en y plaçant des tags publicitaires correspondant aux formats de son choix par simple copier / coller d’un code fourni par le programme.
Google utilise des cookies pour rendre la publicité plus attractive pour les utilisateurs et plus rentable pour les éditeurs et les annonceurs. Les cookies servent ainsi également à sélectionner les publicités en fonction de leur pertinence pour l'utilisateur, à améliorer les rapports sur les performances des campagnes et à éviter la diffusion d'annonces que l'utilisateur a déjà vues.

Google AdSense
NID,SID,DSID, FLC, AID, TAID