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

Criar um processo de pagamento simples e intuitivo permite que você ofereça seus cursos sem se preocupar com o lado técnico da integração de um formulário de pagamento em sua landing page.

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

Por favor, observe!

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

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 navegando até a seção apropriada:

Em seguida, clique em "+Criar":

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

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

Se você já tem um site construído na plataforma MaviBot, 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 de várias páginas, várias páginas do seguinte tipo são criadas automaticamente:

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

Um cabeçalho e 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, para que você não precise 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 fazer isso, clique no botão com o mesmo nome, depois escolha um modelo de página, um formulário ou carregue uma página de um arquivo:

Carregar uma página de um arquivo permite transferir páginas do 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

Clicar em "Criar um modelo" abrirá uma janela onde você pode escolher qualquer modelo de página, incluindo um em branco:

Landing page (formulários, pesquisas e questionários)

Clicar em "Criar uma landing page" abrirá um formulário onde você pode escolher entre vários modelos de site:

Você pode escolher qualquer modelo de site que goste e personalizar várias configurações, como fontes, fundo e imagens. Você também pode adicionar quaisquer blocos (seções) adicionais do site que precisar.

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

Mais tarde, quando você clicar na guia da landing page,

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

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

O site se comporta de forma semelhante quando criado como formulário, pesquisa ou questionário. No entanto, ao contrário de outros tipos de site, nenhum modelo é oferecido na criação porque a página inclui automaticamente um bloco "Formulário" ou "Questionário", 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 de página, onde uma única seção "Formulário" é criada (ou questionários e pesquisas de várias páginas, dependendo do tipo de site selecionado).

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

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

A seção "Formulário" para inscrição no 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 de página permanece o mesmo.

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

Em seguida, encontre a seção "Formulário" no menu que se abre:

Depois, 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 inscrição de aluno no curso":

Esta caixa de seleção desbloqueia configurações adicionais de pagamento para o curso:

  1. Selecione o curso para o qual deseja criar um formulário no site:

  1. Escolha um plano:

Este campo é uma das configurações principais para pagamentos de planos de curso, pois permite escolher qual plano (ou todos os planos) o formulário no site se aplicará.

  1. 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 inscrição/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":

Esta pergunta também deve ser obrigatória; caso contrário, o aluno não conseguirá acessar seu curso ou concluir a inscrição automática.

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

Sua configuração principal para o formulário de inscrição e pagamento do curso está concluída.

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

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

Teste

Certifique-se de salvar as configurações do seu site após configurar o formulário de pagamento e inscrição.

Em seguida, vá para a visualização do site:

Você verá o formulário de inscrição/pagamento do curso no site.

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

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

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

A seção "Cartões de curso"

Você pode exibir informações sobre os cursos disponíveis em sua escola no site usando a seção "Cartões de curso":

Para adicionar a seção "Cartões de curso", clique no botão "+" no modo de edição do seu site:

Em seguida, encontre a seção "Cartões de curso" no menu que aparece e clique nela para adicionar a seção 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 "Cartões de Curso" envolve selecionar um ou mais cursos já criados no projeto para exibir no site, bem como personalizar os elementos do cartão.

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

Seleção de curso

Selecione os cursos que você gostaria de mostrar em seu site:

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

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

Personalização

Agora, vamos personalizar os elementos do cartão após selecionar os cursos desejados:

  1. Sombra

Você pode ajustar a intensidade da sombra para os cartões do curso na seção:

a) sem sombra:

b) sombra leve:

c) sombra forte:

  1. Paleta de cores para elementos do cartão

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

a) Cor da fonte: ajuda a alterar a cor principal do texto no cartão (excluindo seu botão):

b) Fundo do cartão: para alterar a cor de fundo de um cartão.

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

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 cartão 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 em seu site usando a seção "Cartões de curso".

Saiba mais sobre 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"

Juntamente com os cartões de curso 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 mouse 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 o bloco "Listas de aulas" lá:

Clique em "Cartões de curso" 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".

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

Personalização

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

Você pode configurar as seguintes opções:

  1. Estilo da lista de aulas

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

  1. Estilo de numeração

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

  1. Ícones das aulas

Exibido apenas se uma prévia foi carregada nas configurações da aula do curso.

Como adicionar ícones

Passo 1. Vá para as configurações da aula:

Para fazer isso, entre no modo de configurações do curso e encontre a guia "Aulas":

Em seguida, clique em "Editar" para abrir a página de edição da aula.

Passo 2. Abra as configurações da página da aula.

Nas configurações da página da aula, vá para a seção "Informações básicas":

Passo 3. Upload da prévia da aula

Nas configurações de "Informações básicas", expanda o menu suspenso de configurações de imagem:

Carregue uma imagem para a prévia da aula:

Salve suas configurações:

Pronto! Agora, as prévias das aulas serão exibidas como ícones na seção "Listas de aulas" do seu site.

  1. Padrão de fundo

Adiciona profundidade e exclusividade aos seus cartões de aula:

  1. Arredondamento de elementos

O valor é definido em pixels e arredonda os cantos dos cartões de aula:

  1. Estilo do cartão de aula

Ajuda a organizar os cartões de aula em uma única linha ou várias linhas, com ou sem quebra.

  1. Cor de fundo e texto

Você tem acesso a uma extensa paleta de cores para definir a cor de fundo e a cor da fonte no cartão de aula:

Agora você sabe como adicionar listas de aulas ao seu site e personalizar o conteúdo da seção.

Leia o artigo "Configurações universais de seção" para aprender sobre configurações de fundo e exibição. link