Connexion unique pour les sites Wix

1. Activez le mode développeur pour votre site. C’est important pour suivre ensuite les étapes de ce guide.

   

2. Ajoutez un bouton de connexion Wix à votre site. Vous pouvez le faire depuis le menu Ajouter des éléments s’il n’existe pas déjà. Choisissez l’option Login Bar pour ajouter un bouton de connexion à votre site Wix. Vous devrez peut-être la rechercher dans la barre de recherche.

1. Commencez l’intégration du widget dans votre site Wix en cliquant sur le lien vers le widget. Si le lien ne fonctionne plus, veuillez afin de générer un nouveau lien. Le lien devrait ouvrir l’écran suivant :
   

   

   Cliquez sur « Install App » pour continuer.
2. Sélectionnez le site Wix sur lequel vous souhaitez installer le widget. Si vous avez plusieurs sites, le widget ne sera installé que sur celui que vous choisissez.
3. Acceptez les autorisations afin que le widget puisse être installé sur votre site Wix.
4. Le widget sera maintenant ajouté à votre site. Après son insertion dans la page, vous devriez voir un cadre flou avec le contour d’un agenda.
   
   Vous pouvez déjà redimensionner le cadre du widget, mais vous pouvez aussi le faire une fois l’installation terminée.
5. Accédez au tableau de bord SuperSaaS dans Wix. Vous pouvez souvent le faire directement depuis l’éditeur en cliquant sur le bouton Dashboard en haut du widget SuperSaaS. Si ce bouton n’est pas disponible, vous trouverez le tableau de bord SuperSaaS dans la section Apps du tableau de bord du site Wix :
   

   

6. Connectez-vous à votre compte SuperSaaS dans le tableau de bord SuperSaaS de Wix. Renseignez toutes les informations requises. Vous devrez copier et coller votre clé API SuperSaaS pour activer la connexion unique.
   Vous pouvez générer une clé API pour votre compte SuperSaaS en cliquant sur le bouton Generate en bas de la page Informations sur le compte dans SuperSaaS.
7. Cliquez sur « login » pour vérifier vos identifiants. Si vous avez correctement saisi le nom de votre compte, le mot de passe et la clé API, vous verrez un message de confirmation avec des informations supplémentaires. Vous n’avez besoin d’effectuer cette connexion au tableau de bord via Wix qu’une seule fois.

• L’option Basic récupère directement tous vos agendas SuperSaaS. Vous pouvez choisir l’agenda souhaité et il se chargera automatiquement. Lorsque vous êtes prêt, cliquez sur « Save » pour enregistrer vos modifications ou sur « Publish » pour publier votre page Wix en haut de l’éditeur.
• Dans l’option Advanced, vous pouvez utiliser notre créateur de widget pour générer un extrait de code. Copiez-collez-le dans l’écran Widget Configuration. Lorsque vous êtes prêt, cliquez sur « Save » pour enregistrer vos modifications ou sur « Publish » pour publier votre page Wix en haut de l’éditeur.

Si vous avez choisi l’option de base ou ajouté un cadre dans l’option avancée, l’affichage ressemblera probablement à l’agenda ci-dessous. Si vous souhaitez redimensionner le cadre, vous pouvez le faire directement dans l’éditeur.

Recharger automatiquement la page Wix lorsqu’un utilisateur se connecte

Si votre page Wix doit se recharger après la connexion de l’utilisateur afin qu’il soit également connecté automatiquement à SuperSaaS, copiez le code suivant sur la page où vous avez placé le widget.

import { authentication } from 'wix-members';
import wixLocation from 'wix-location';

$w.onReady(function () {
    authentication.onLogin(() => {
    wixLocation.to(wixLocation.url)
    });
});

Veillez à coller ce code au-dessus de tout autre code existant dans la section code, en bas de la page de l’éditeur Wix. Cela devrait ressembler à la capture d’écran ci-dessous :

Maintenant que vous avez ajouté la connexion unique, le cadre de l’agenda contiendra une barre de menu indiquant que l’utilisateur est connecté. Il devrait ressembler à ceci :