Suporte
Documentação
Início Suporte Integração Login único Wix

Login único para sites Wix

Esta página explica como integrar uma agenda SuperSaaS em um site baseado no Wix, permitindo que seus usuários façam login apenas uma vez para acessar tanto seu site quanto a agenda do SuperSaaS dentro dele. O widget do Wix conecta automaticamente seus usuários à conta deles no SuperSaaS usando os dados de login do Wix.

Você também pode usar este widget sem o login único, apenas para facilitar a instalação. Mas, se quiser que os usuários façam login separadamente no SuperSaaS, é recomendável usar nosso gerador de widget geral.
Nosso widget para Wix atualmente não está disponível na Loja de Aplicativos da Wix, mas pode ser instalado usando este link para o widget. Antes de instalar, leia todas as instruções desta página. O link para instalar o widget pode ser usado apenas 80 vezes. Caso esteja expirado, entre em contato com para gerar um novo link.

Preparando o Wix para instalação do widget


Antes de instalar o widget, vá até o Wix e abra o Editor de Sites Wix para preparar seu site para a integração.
  1. Ative o modo desenvolvedor no seu site. Isso é importante para as etapas seguintes.
    Ativar modo desenvolvedor
  2. Adicione um botão de login do Wix ao seu site. Use o menu Adicionar Elementos se ainda não houver um. Adicionar elemento ao site Escolha a opção Barra de Login para adicionar o botão de login ao seu site. (Você pode precisar procurá-la usando a barra de busca.)
Importante: só é possível adicionar a Barra de Login se o aplicativo Área de Membros do Wix já estiver instalado. Caso contrário, o Wix solicitará que você o adicione primeiro.

Instalação do widget no Wix


As etapas abaixo mostram como instalar o widget do Wix no seu site. Esta é a parte mais técnica, então leia com atenção antes de começar.
Antes de começar, feche outras janelas do editor de sites no navegador, pois isso pode interferir na instalação.
  1. Inicie a integração do widget ao seu site Wix clicando neste link para o widget. Caso não funcione, para solicitar um novo link.
    Instalar widget
    Clique em “Instalar App” para prosseguir.
  2. Selecione o site onde deseja instalar o widget. O widget será instalado apenas no site selecionado.
  3. Aceite as permissões para que o widget funcione corretamente no Wix.
  4. O widget será adicionado à sua página. Você verá um quadro desfocado com o contorno de uma agenda. Você já pode redimensionar esse quadro agora ou após concluir a instalação.
    Você já pode redimensionar o quadro do widget agora, mas também poderá fazer isso após concluir o processo de instalação.
  5. Acesse o Painel do SuperSaaS dentro do Wix. Normalmente isso é feito no editor do site, clicando em “Painel de Controle” no topo do widget. Se não encontrar, vá até a seção Apps no painel do site Wix. Painel SuperSaaS no Wix
  6. Faça login com sua conta SuperSaaS no painel. Insira todas as informações necessárias, incluindo a chave API, que deve ser copiada do SuperSaaS.
    Você pode gerar uma chave API na página Informações da Conta do SuperSaaS clicando em “Gerar”.
  7. Clique em “login” para validar suas credenciais. Se os dados estiverem corretos, você verá uma mensagem de confirmação com informações adicionais. Este processo só precisa ser feito uma vez.

Configurando o widget no Wix

Após inserir suas credenciais, volte ao editor e clique em “Configurar Agenda”. Se tudo estiver correto, será possível configurar o widget.

Existem duas opções disponíveis: Básico e Avançado
  • A opção Básico busca todas as suas agendas SuperSaaS. Basta selecionar a agenda desejada, clicar em “Salvar” ou “Publicar” no topo do editor do Wix.
  • A opção Avançado permite usar nosso gerador de widget para gerar um código. Copie e cole o código na tela de configuração do widget. Salve ou publique ao final.

Se você selecionou a opção básica ou adicionou um frame na opção avançada, ele provavelmente se parecerá com a agenda abaixo. Se quiser redimensionar o frame, você pode fazer isso diretamente no editor.
Publicar site

Recarregar página Wix automaticamente após login

Para que a página recarregue automaticamente após o login e o usuário entre também no SuperSaaS, cole o código abaixo na página onde o widget foi adicionado: 

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

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

Certifique-se de colar o código acima de qualquer outro código existente no editor do Wix. Ele deve aparecer como na imagem abaixo: Adicionar script

Depois de ativar o login único, a moldura da agenda exibirá uma barra com o nome do usuário logado. Ficará assim: Login automático

Atualizando suas credenciais ou chave API no banco de dados

IMPORTANTE! O banco de dados do SuperSaaS é configurado como “Privado” por padrão para proteger suas credenciais. Não altere essa permissão para evitar expor informações pessoais.

Caso precise alterar suas credenciais no futuro (por exemplo, ao mudar o nome da conta), isso pode ser feito diretamente no Editor de Sites Wix.

Ao fazer login pela primeira vez no Painel do SuperSaaS via Wix, um identificador único é criado no banco de dados. Para alterar depois: Vá até a seção Bancos de Dados no editor do Wix.

Edite suas credenciais na coleção @SuperSaaS. Se já tiver adicionado a chave API, ela aparecerá aqui. Caso contrário, poderá inseri-la manualmente a qualquer momento.