Venda de cursos por meio de um site

Ao configurar preços e pagamento do curso em uma mini landing page impulsionada pelo MaviBot, você pode simplificar bastante o processo de compra para seus clientes e otimizar o gerenciamento de transações financeiras.

Criar um processo de pagamento simples e intuitivo permite oferecer seus cursos sem se preocupar com a parte técnica de integrar um formulário de pagamento à sua landing page.

Neste artigo, você aprenderá como configurar preços e pagamento de cursos de forma rápida e fácil no seu site, sem complicações desnecessárias.

Atenção!

Antes de adicionar um formulário de inscrição do curso à sua página, certifique-se de configurar primeiro o seu plano de preços.

Explicamos como configurar planos de preços para cursos online em um artigo separado. link

Como criar um site para o curso

Antes de começar, prepare seu site acessando a seção apropriada:

Depois, clique em "+Criar":

Escolha o tipo de site: "Site de várias páginas", "Landing page" ou "Formulário":

As instruções detalhadas sobre como criar um site a partir de seções usando o construtor podem ser encontradas na seção "Sites de negócios". link

Se você já tiver um site criado na MaviBot plataforma, vá para a edição das seções do site clicando no cartão do site:

Site de várias páginas

Ao criar um site com várias páginas, várias páginas do seguinte tipo são criadas automaticamente:

Página inicial;
Nossa equipe;
Sobre nós.

Um cabeçalho e um rodapé são gerados automaticamente, onde você pode adicionar informações importantes sobre sua empresa. Tanto o cabeçalho quanto o rodapé aparecem em todas as páginas do site, então você não precisa criar os mesmos blocos em cada página individual.

Para entrar no modo de edição de qualquer página do site, clique na linha da página desejada.

Você também pode criar páginas adicionais para o site. Para isso, clique no botão com o mesmo nome e, em seguida, escolha um modelo de página, um formulário ou faça o upload de uma página a partir de um arquivo:

Enviar uma página a partir de um arquivo permite transferir páginas de site de outro projeto.

Para mais detalhes sobre como exportar e importar páginas do site, veja a seção abaixo "Exportar / Importar páginas do site." link

Ao clicar em "Criar um modelo", será aberta uma janela onde você poderá escolher qualquer modelo de página, inclusive um em branco:

Landing page (formulários, pesquisas e quizzes)

Ao clicar em "Criar uma landing page", será aberto um formulário onde você poderá escolher entre vários modelos de site:

Você pode escolher qualquer modelo de site de sua preferência e personalizar diversas configurações, como fontes, fundo e imagens. Também é possível adicionar quaisquer blocos adicionais do site (seções) de que precisar.

Ao contrário de um site com várias páginas, criar uma landing page leva você diretamente ao editor da página.

Mais tarde, ao clicar na aba da landing page,

você será levado para a seção com envios, informações principais e configurações da landing page. Ao contrário de um site com várias páginas, você não verá várias páginas porque uma landing page consiste em apenas uma página.

Se algum dia precisar adicionar mais páginas à sua landing page, transformando-a em um site com várias páginas, vá até as configurações do site, altere o tipo de site para "Site de várias páginas" e salve as alterações:

O site funciona de maneira semelhante quando criado como formulário, pesquisa ou quiz. No entanto, diferentemente de outros tipos de site, nenhum modelo é oferecido na criação, porque a página inclui automaticamente um bloco de "Formulário" ou "Quiz", dependendo do tipo de site escolhido.

Como mostrado no exemplo, para acessar as configurações de um site do tipo "Formulário", você precisa clicar no botão "Editar".

Isso o levará ao modo de edição da página, onde uma única seção "Formulário" é criada (ou quizzes e pesquisas com várias páginas, dependendo do tipo de site selecionado).

Você pode adicionar seções "Formulário", "Quiz" e "Pesquisa" ao seu site (tanto com várias páginas quanto landing) a qualquer momento.

Para configuração adicional, vá para o modo de edição do site.

A seção "Formulário" para matrícula em um curso

Não importa qual tipo de site você escolha — "Site de várias páginas", "Landing page" ou "Formulário" — o modo de edição da página permanece o mesmo.

Para criar uma seção "Formulário" para matrícula em curso (ou qualquer outra seção no construtor de sites), passe o cursor sobre a seção após a qual você deseja adicionar o formulário de pagamento. Em seguida, clique no botão "+" que aparece para abrir o menu de seções:

Depois, encontre a seção "Formulário" no menu que se abrir:

Em seguida, clique em "Formulário" para adicionar a seção ao seu site:

Agora, vamos configurar o formulário:

Aqui, você precisa ativar a caixa de seleção chamada "Formulário para matrícula de alunos no curso":

Essa caixa de seleção desbloqueia mais configurações de pagamento para o curso:

Selecione o curso para o qual você deseja criar um formulário no site:

Escolha um plano:

Este campo é uma das configurações principais para os pagamentos do plano do curso, pois permite escolher qual plano (ou todos os planos) será aplicado ao formulário no site.

Dica do formulário:

Você pode deixar o texto de dica padrão ou escrever o seu próprio:

Se você não quiser que a dica apareça no formulário de matrícula/pagamento do curso, use a caixa de seleção "Ocultar dica":

Perguntas do formulário

Ao criar um formulário, é obrigatório adicionar campos para o e-mail, número de telefone e nome do usuário.

Para adicionar um campo de entrada de dados para seus usuários, clique no botão "Criar uma pergunta":

Em seguida, o formulário de configuração da pergunta aparecerá:

Você precisa selecionar o tipo de campo "Nome" na lista suspensa:

E ativar a caixa de seleção "Pergunta obrigatória":

Em seguida, crie a segunda pergunta:

Para a segunda pergunta, selecione o tipo de campo "E-mail":

Essa pergunta também deve ser obrigatória; caso contrário, o aluno não poderá acessar seu curso nem concluir a matrícula automática.

Da mesma forma, adicione a próxima pergunta com o tipo de campo "Número de telefone":

Sua configuração principal do formulário de matrícula e pagamento do curso agora está concluída.

Em seguida, você pode personalizar a seção como quiser: alterar as cores do fundo e dos botões e adicionar outros campos de perguntas.

Para saber mais sobre personalização e todos os recursos da seção "Formulário", veja a seção "Respostas do formulário". link

Testes

Não se esqueça de salvar as configurações do seu site depois de configurar o pagamento e o formulário de matrícula.

Depois, vá para a pré-visualização do site:

Você verá o formulário de matrícula/pagamento do curso no site.

Vamos testar o formulário preenchendo seus dados nos campos em branco:

Agora, envie os dados para o sistema e prossiga para o formulário de solicitação e pagamento.

O formulário funcionou corretamente: redirecionou o cliente para a página de processamento do pedido e, em seguida, exibiu uma janela de pagamento por meio do serviço de pagamento selecionado.

A seção "Cards dos cursos"

Você pode exibir informações sobre os cursos disponíveis na sua escola no site usando a seção "Cards dos cursos":

Para adicionar a seção "Cards dos cursos", clique no botão "+" no modo de edição do seu site:

Em seguida, encontre a seção "Cards dos cursos" no menu que aparecer e clique nela para adicioná-la ao seu site:

A seção será adicionada ao seu site e o menu de configurações de conteúdo será aberto para você:

Conteúdo do bloco

Configurar o bloco "Cards dos cursos" envolve selecionar um ou mais cursos já criados no projeto para exibir no site, além de personalizar os elementos do card.

Como criar cursos na plataforma MaviBot é explicado na seção "Cursos online". link

Seleção de curso

Selecione os cursos que você gostaria de destacar no seu site:

Para isso, marque a caixa ao lado do nome de cada curso que você deseja incluir:

Os cursos selecionados aparecerão imediatamente na página do seu site com a imagem de capa definida nas configurações do curso.

Personalização

Agora, vamos personalizar os elementos do card após selecionar os cursos desejados:

Sombra

Você pode ajustar a intensidade da sombra dos cards de cursos na seção:

a) sem sombra:

b) sombra leve:

c) sombra forte:

Paleta de cores dos elementos do card

Você pode alterar as cores do fundo, do texto (tanto no próprio card quanto nos botões) e adicionar interatividade mudando as cores dos elementos ao passar o cursor sobre eles:

a) Cor da fonte: ajuda a mudar a cor do texto principal no card (exceto o botão):

b) Fundo do card: para alterar a cor de fundo de um card.

c) Cor da borda: para alterar o esquema de cores das bordas do card.

d) Texto do botão: para alterar a cor do texto do botão em seu estado normal (estático).

e) Fundo do botão: permite alterar a cor de fundo do botão do card do curso.

Para adicionar interatividade ao seu site, você também pode alterar as cores do botão ao passar o mouse. Use as configurações de cor de hover para isso.

Agora você sabe como exibir seus cursos existentes do MaviBot no seu site usando a seção "Cards dos cursos".

Saiba mais sobre as configurações de fundo e opções de exibição no artigo "Configurações universais de seção". link

A seção "Listas de aulas"

Junto com os cards dos cursos online, você pode adicionar listas de aulas à página do seu site. Basta selecionar o curso desejado na seção, e todas as aulas serão exibidas:

Para adicionar um bloco para exibir a lista de aulas do curso, entre no modo de edição do site, passe o cursor sobre a área de trabalho e clique no botão "+":

Um menu com as seções disponíveis do site será aberto à direita. Você deve encontrar lá o bloco "Listas de aulas":

Clique em "Cards dos cursos" para abrir o menu de configurações de conteúdo do bloco:

Basta selecionar o curso desejado (já criado no MaviBot) no menu suspenso e clicar em "Salvar."

Depois, vá para as configurações para personalizar o conteúdo do bloco.

Personalização

Passe o cursor sobre a seção e clique em "Configurações" para abrir o painel de personalização tanto do conteúdo quanto da aparência do bloco.

Você pode configurar as seguintes definições:

Estilo da lista de aulas

Por padrão, a lista de aulas é exibida no novo formato. Se preferir, você pode mudar para um estilo de exibição mais conciso e clássico.

Estilo de numeração

Essa configuração está disponível apenas para o novo layout da lista de aulas. O tipo de numeração selecionado é aplicado dentro de cada card de aula.