Como adicionar um widget para registro de cursos e login de contas de alunos
Com o criador de sites da SendPulse, você pode usar o widget "Login EDU" para permitir que os alunos se inscrevam em um curso ou façam login em uma conta de aluno para a página de inscrição com o seu próprio design.
Por exemplo, você pode criar um site de várias páginas sobre sua escola ou um especialista, vincular vários cursos a ele e apresentá-los no estilo necessário.
Você pode adicionar este widget apenas a um site com um curso vinculado. Para fazer isso, vá para o site do curso, crie uma nova página do seu site com um curso vinculado e adicione o widget a ela.
Adicionar o elemento
Adicione o widget de Login do curso ao seu modelo.
Selecione um curso
Selecione um curso para adicionar botões à sua página.
Selecionar e personalizar botões
No campo Opções de exibição do formulário, selecione seus formulários de widget (Entrar, Inscrever-se ou ambos).
Inscreva-se
Este botão leva à página de registro do seu curso. Você pode adicionar campos ao seu formulário de registro e personalizar o botão de registro.
Depois que um usuário preencher seu formulário de registro, eles receberão um e-mail de confirmação com seus dados de login. Eles poderão fazer login em sua conta e começar a aprender após seguir o link especificado em seu e-mail.
Saiba mais: Como permitir que os alunos se matriculem por conta própria.
Para configurar o botão e o formulário, vá para a aba Inscreva-se.
Configure seu formulário
Você pode configurar seus campos existentes, incluindo Email e Senha, ou adicionar os seus próprios.
Para adicionar um novo campo ao seu formulário, clique em Adicionar campo.
Para editar um campo existente, clique no ícone de lápis ao lado dele.
Na próxima janela, selecione um tipo de campo e insira seu nome. Você pode adicionar campos dos seguintes tipos:
Em cada campo de formulário, selecione um campo de contato CRM para o qual deseja salvar variáveis. O sistema também criará negócios para seus novos alunos.
Para tornar um campo obrigatório, ative o botão.
Configure seu botão
Este botão leva à página de registro do seu curso. Você pode exibir diferentes versões de texto do botão dependendo se um aluno estava previamente inscrito em algum curso do mesmo instrutor nesse domínio ou não.
Para ir às configurações do botão, no botão Inscreva-se, clique no ícone de lápis.
Na próxima janela, selecione um texto para cada cenário:
| Texto de login do curso | Esta versão do texto é exibida se o aluno não tiver feito login em sua conta. |
| Texto de inscrição no curso | Esta versão do texto é exibida se o aluno fez login, mas não se matriculou no curso. |
| Texto para ir ao curso | Esta versão do texto é exibida se o aluno fez login e se matriculou no curso. |
Insira um botão adicional
Você também pode adicionar um botão adicional na seção para adicionar informações extras. Clique em Adicionar botão. Clique no lápis para ir às configurações do botão.
Faça login
Este botão leva à página de login da conta do aluno. Os alunos podem fazer login em suas contas se tiverem se registrado para um curso do mesmo instrutor neste domínio.
Para configurar o botão e o formulário, vá para a aba Entrar.
Configure seu formulário
Você pode personalizar seus campos padrão (E-mail e Senha) editando seus nomes e espaços reservados. Para fazer isso, clique no ícone de lápis ao lado de cada campo.
Configure seu botão
Para editar o texto do seu botão, clique no ícone de lápis na seção de botão de Login.
Personalize a aparência do widget
Personalize a aparência do elemento. Escolha o alinhamento: esquerda, centro ou direita.
Na seção Aparência de campo, escolha como o widget aparecerá na página do seu site.
| Formulário estático | Exibe um formulário de autorização ou registro de curso expandido com campos de entrada de dados. |
| Formulário modal | Exibe botões de autorização e registro que abrem um formulário quando um usuário clica neles. |
Para alterar o estilo do seu botão, clique no ícone de lápis e selecione um estilo e tamanho de botão.
Para alterar o estilo do seu campo no formulário estático, clique em Estilos de campo.
Você pode personalizar seu botão usando as seguintes opções:
| Fundo da janela modal | Esta opção ajusta a cor de fundo do seu formulário. Selecione uma cor. |
| Arredondamento | Esta opção ajusta o arredondamento do seu formulário. Especifique um valor em pixels. |
| Preenchimento interno | Esta opção ajusta o preenchimento interno do seu formulário. Especifique um valor em pixels. |
| Cor dos textos do formulário | Esta opção ajusta a cor dos textos do seu formulário. Selecione uma cor. |
| Aparência de campo | Esta opção ajusta as formas dos campos do seu formulário. Selecione uma forma arredondada ou retangular. |
| Cor do texto do campo de entrada | Esta opção ajusta a cor do texto de entrada do seu formulário. Selecione uma cor. |
| Cor de fundo | Esta opção ajusta a cor de fundo do texto do seu formulário. Selecione uma cor. |
| Cor da borda | Esta opção ajusta a cor da borda do seu formulário. Selecione uma cor. |
| Tamanho do campo | Esta opção ajusta os tamanhos dos campos do seu formulário. Tamanhos disponíveis: pequeno (P), médio (M) e grande (G). |
| Cor do link | Esta opção ajusta a cor do link do seu formulário. Selecione uma cor. |
Você também pode escolher a localização do conteúdo da sua coluna — esquerda, centro ou direita — no campo de Alinhamento.
Configure os analytics
Você pode transferir seus objetivos do seu formulário para eventos do Google Analytics e Facebook Pixel. Clique em Configurações de analytics.
Se você ainda não ativou as análises, acesse o link Como configurar.
Para concluir a transferência de dados, adicione o código do Facebook Pixel e do Google Analytics às configurações do seu site.
Saiba mais: Como conectar o Google Analytics ao seu site e Como conectar o Facebook Pixel ao seu site.
Se suas análises já estiverem ativadas, você verá dois botões.
Ative a transferência do objetivo para o Google Analytics ou para o Facebook Pixel.
Se você ativou a transferência do objetivo para o Google Analytics, insira seus dados nos campos Categoria, Ação e Rótulo — esses parâmetros serão transferidos para o Google Analytics na seção Eventos.
Se você ativou a transferência do objetivo para o Facebook Pixel, o evento de Registro Completo será gerado automaticamente. Você poderá vê-lo no Gerenciador de eventos em sua Conta comercial do Facebook.
Copie o ID do seu elemento
Todo elemento tem um que o destingue na página . Com ele, você pode adicionar estilos e scripts, mostrar pop-ups, e rastrear eventos para esse elemento.
Para copiar um ID, clique nele. Para editar um ID, clique no ícone de lápis.
Saiba mais: Bloco e ID do widget.
Salve suas configurações, e depois publique o site.
Última Atualização: 23.05.2024
ou