Cada programa online tem uma página do programa dedicada no seu site. Na página do programa, os participantes encontram uma visão geral do programa, as etapas e seu progresso. Novos visitantes do site podem visualizar as informações do programa nessa página e pedir para participar.
Você pode escolher o layout que deseja e personalizar o design da sua página do programa com base em quem a está visualizando.
Confira como acessar minha página do programa
- Vá para a página do seu programa no seu Editor:
- Editor Wix:
- Clique em Páginas e menu
no lado esquerdo do Editor. - Clique em Páginas do programa.
- Clique em Página do programa.
- Editor X:
- Clique em Páginas
na parte superior do Editor X. - Clique em Página do programa abaixo de Páginas do programa.
Neste artigo, saiba como personalizar sua página do programa:
Alterar o layout da página do programa
Depois de adicionar Programas Online ao seu site, cada página do programa é uma página dinâmica. Quando você edita o conteúdo no aplicativo Programas Online, cada página do programa exibe o conteúdo do programa relevante.
Escolha o layout que melhor mostra o conteúdo do seu programa. Você pode usar um layout diferente para visitantes do site e participantes.
Para alterar o layout:
- Vá para a página do seu programa no seu Editor:
- Editor Wix:
- Clique em Páginas e menu no lado esquerdo do Editor.
- Clique em Páginas do programa.
- Clique em Página do programa.
- Editor X:
- Clique em Páginas na parte superior do Editor X.
- Clique em Página do programa abaixo de Páginas do programa.
- Clique no elemento Página do programa no seu Editor.
- Clique em Configurações.
- Clique na aba Layout.
- Escolha um layout, dependendo se for para um visitante ou um participante atual:
Personalize o layout da sua página do programa para pessoas que ainda não participam do seu programa.
- Clique em Visitante na parte superior.
- Selecione um layout para o cabeçalho da página: Clássico ou Lado a lado.
- Personalize o layout do cabeçalho e da página inteira:
- Alinhamento da imagem: selecione onde você deseja inserir a foto da capa do programa no cabeçalho.
- O espaçamento entre as partes do cabeçalho: arraste o slider para adicionar espaço entre os diferentes elementos no cabeçalho.
- Descrição: escolha como alinhar as informações do programa e defina o preenchimento ao redor delas.
- Imagem/vídeo: defina a altura e a posição da imagem/vídeo do seu programa.
- Posição da imagem: escolha o ponto focal da imagem do seu programa.
- Corpo: defina o alinhamento, preenchimento e espaçamento para o conteúdo do seu programa.
- Barra lateral: adicione uma barra lateral à página do programa. Vá para a aba Seções para escolher quais informações a barra lateral exibe.
Observação: as opções disponíveis variam de acordo com o layout do cabeçalho escolhido.
Personalize o layout da sua página do programa para os participantes do seu programa.
- Clique em Participante na parte superior.
- Personalize o layout da barra lateral e de toda a página:
- Proporções da barra lateral: defina as proporções entre a barra lateral e as informações expandidas da etapa.
- Espaço entre seções: escolha quanto espaço adicionar entre a barra lateral e as informações expandidas da etapa.
- Alinhamento: escolha se você deseja que a barra lateral fique à esquerda ou à direita das informações expandidas.
- Preenchimento lateral: defina a quantidade de preenchimento ao redor das bordas da barra lateral.
- Espaço entre etapas: escolha a quantidade de espaço entre cada etapa na barra lateral.
- Preenchimento lateral: defina a quantidade de preenchimento ao redor das informações expandidas da etapa.
- Espaço do topo: escolha quanto espaço você deseja incluir na parte superior da seção.
Personalizar as seções da página do programa
Sua página do programa é composta por seções de informações, como "Visão geral", "Instrutor", "Preço" e outras. Você pode escolher o que exibir nessas seções e controlar a ordem na página.
Para personalizar as informações:
- Vá para a página do seu programa no seu Editor:
- Editor Wix:
- Clique em Páginas e menu no lado esquerdo do Editor.
- Clique em Páginas do programa.
- Clique em Página do programa.
- Editor X:
- Clique em Páginas na parte superior do Editor X.
- Clique em Lista de programas em Páginas do programa.
- Clique no elemento Página do programa no seu Editor.
- Clique em Configurações.
- Clique na aba Seções.
- (Opcional) Altere a ordem das seções usando o recurso de arrastar e soltar.
- Personalize o título e as informações que aparecem em cada seção:
Esta seção apresenta seu programa e mostra sua descrição.
- Clique no ícone de seta
ao lado de Sobre. - Clique na alavanca Mostrar título:
- Ativada: um título aparece na seção Sobre. Insira o título desejado em Título da seção.
- Desativada: nenhum título aparece na seção Sobre.
- (Opcional) Ative a alavanca Mostrar botão "Participar" para incentivar as pessoas a participar do seu programa. Você pode escolher o texto que aparece no botão.
Esta seção mostra uma visão geral do conteúdo e das etapas do seu programa.
- Clique no ícone de seta ao lado de Visão geral.
- Clique na alavanca Mostrar título:
- Ativada: um título aparece na seção Visão geral. Insira o título desejado em Título da seção.
- Desativada: nenhum título aparece na seção Visão geral.
- Personalize outras configurações de layout da seção Visão geral:
- Preenchimento da caixa: defina o preenchimento ao redor da caixa que exibe as informações na visão geral do seu programa.
- Etapas exibidas: insira o número de etapas que você deseja exibir.
- Carregar botão de Todas as etapas: insira o texto a ser exibido no botão que incentiva as pessoas a ver todas as etapas do seu programa.
Essa seção mostra os instrutores do seu programa (por exemplo: Instrutores ou Mentores).
- Clique no ícone de seta ao lado de Instrutor.
- Clique na alavanca Mostrar título:
- Ativada: um título aparece na seção Instrutor. Insira o título desejado em Título da seção.
- Desativada: nenhum título aparece na seção Instrutor.
- Selecione uma Forma da imagem para a foto do instrutor: Quadrado ou Redondo.
- (Opcional) Marque a caixa de seleção Mover para a barra lateral para exibir sua lista de instrutores no painel lateral da página do programa.
Observação: essa opção só está disponível se você tiver ativado a opção da barra lateral na aba Layout.
Esta seção mostra o preço do seu programa.
- Clique no ícone de seta ao lado de Preço.
- Clique na alavanca Mostrar título:
- Ativada: um título aparece na seção Preço. Insira o título desejado em Título da seção.
- Desativada: nenhum título aparece na seção Preço.
- (Opcional) Ative a alavanca Mostrar botão "Participar" para incentivar as pessoas a participar do seu programa. Você pode escolher o texto que aparece no botão.
- (Opcional) Marque a caixa de seleção Mover para a barra lateral para exibir o preço do programa no painel lateral da página.
Observação: essa opção só está disponível se você tiver ativado a opção da barra lateral na aba Layout.
- Clique no ícone de seta ao lado de Discussão do grupo.
- Clique na alavanca Mostrar título:
- Ativada: um título aparece na seção Discussão do grupo. Insira o título desejado em Título da seção.
- Desativada: nenhum título aparece na seção Discussão do grupo.
- (Opcional) Ative a alavanca Mostrar imagem de grupo para adicionar a imagem do grupo à seção.
- (Opcional) Marque a caixa de seleção Mover para a barra lateral para exibir o grupo no painel lateral da página do programa.
Observação: essa opção só está disponível se você tiver ativado a opção da barra lateral na aba Layout.
Essa seção incentiva as pessoas a compartilhar a página do programa no Facebook, Twitter, LinkedIn ou através de um link direto.
- Clique no ícone de seta ao lado de Compartilhar.
- Clique na alavanca Mostrar título:
- Ativada: um título aparece na seção Compartilhar. Insira o título desejado em Título da seção.
- Desativada: nenhum título aparece na seção Compartilhar.
- (Opcional) Marque a caixa de seleção Mover para a barra lateral para exibir as opções de compartilhamento no painel lateral da página do programa.
Observação: essa opção só está disponível se você tiver ativado a opção da barra lateral na aba Layout.
Essa seção mostra a data de início do seu programa. Se você permitir que os participantes escolham sua própria data de início, é aqui que eles podem escolher.
- Clique no ícone de seta ao lado de Data de início.
- Clique na alavanca Mostrar título:
- Ativada: um título aparece na seção Data de início. Insira o título desejado em Título da seção.
- Desativada: nenhum título aparece na seção Data de início.
- (Opcional) Ative a alavanca Mostrar botão "Participar" para incentivar as pessoas a participar do seu programa. Você pode escolher o texto que aparece no botão.
- (Opcional) Marque a caixa de seleção Mover para a barra lateral para exibir a data de início no painel lateral da página.
Observação: essa opção só está disponível se você tiver ativado a opção da barra lateral na aba Layout.
Escolher o que exibir na página do programa
Escolha quais informações e opções você deseja mostrar na página do programa. Por exemplo, você pode decidir se deseja ou não exibir a imagem, os participantes e a duração do programa. Você também pode controlar a opção de participar do programa no mobile, a opção de compartilhá-lo nas redes sociais e muito mais.
Para escolher quais informações serão exibidas:
- Vá para a página do seu programa no seu Editor:
- Editor Wix:
- Clique em Páginas e menu no lado esquerdo do Editor.
- Clique em Páginas do programa.
- Clique em Página do programa.
- Editor X:
- Clique em Páginas na parte superior do Editor X.
- Clique em Página do programa abaixo de Páginas do programa.
- Clique no elemento Página do programa no seu Editor.
- Clique em Configurações.
- Clique na aba Exibição.
- Escolha quais informações você deseja exibir, dependendo se for para um visitante ou um participante:
- Clique na aba Visitante.
- Marque a caixa de seleção ao lado dos detalhes que você deseja mostrar no Cabeçalho:
- Imagem: a imagem de capa do programa.
- Duração: a duração do programa (por exemplo: 18 dias).
- Etapa: o número de etapas no programa.
- Participantes: o número de participantes do programa.
Observação: o número de participantes não é exibido na página se não houver pessoas registradas. - Recompensas: os certificados e/ou selos que as pessoas ganham quando concluírem o programa.
- Botão "Participar": um botão que permite que as pessoas participem do programa.
Dica: por definição, um botão adicional "Participar" sempre aparece na parte inferior da página.
- Ative as alavancas em Adicional para adicionar outras opções à página:
- Participar pelo app: inclua uma frase convidando os visitantes do site para participar do seu programa através dos apps de membros Wix.
- Informações do proprietário: inclua o nome e a foto do proprietário do programa.
- Visão geral do conteúdo: inclua uma visão geral do conteúdo e das etapas do seu programa.
- Mostrar seção de preços para programas gratuitos: se o seu programa for gratuito, você pode mostrar "Gratuito" em "Preço" para incentivar os visitantes a participar.
- Compartilhamento social: permita que os visitantes compartilhem a página do programa nas redes sociais.
- Clique na aba Participante.
- Marque a caixa de seleção ao lado das informações que você deseja mostrar na Visão geral:
- Etapas: o número de etapas do programa.
- Participantes: o número de participantes do programa.
Observação: o número de participantes não é exibido na página se não houver pessoas registradas. - Grupo: o grupo que você conectou ao programa.
- Ative as alavancas em Adicional para adicionar outras opções à página:
- Visão geral: inclua uma visão geral do conteúdo e das etapas do seu programa.
- Compartilhamento social: permita que os visitantes compartilhem a página do programa nas redes sociais.
Fazer o design da página do programa
Faça o design da sua página do programa ao escolher entre uma variedade de cores, estilos de fonte e tamanhos.
Para fazer o design da página do programa:
- Vá para a página do programa no Editor:
- Editor Wix:
- Clique em Páginas e menu no lado esquerdo do Editor.
- Clique em Páginas do programa.
- Clique em Página do programa.
- Editor X:
- Clique em Páginas na parte superior do Editor X.
- Clique em Página do programa abaixo de Páginas do programa.
- Clique no elemento Página do programa no seu Editor.
- Clique em Configurações.
- Clique na aba Design.
- Faça o design da página do programa para os visitantes do site e participantes:
- Clique na aba Visitante.
- Faça o design de cada parte individual da página do programa:
- Background e separadores: personalize a cor e a opacidade do background da página e dos separadores.
- Vídeo: se o seu programa incluir um vídeo, escolha a cor e a opacidade da sobreposição, assim como do ícone reproduzir.
- Estilo do texto: personalize a cor, a fonte e o estilo dos elementos de texto dentro da página do programa (por exemplo: nome do programa, título/nome da seção).
- Botão: personalize o design dos botões que aparecem na página. Você pode criar uma aparência diferente para quando as pessoas passarem o mouse sobre os botões.
- Visão geral: personalize a seção de visão geral do seu programa. Você pode fazer o design do background, da borda, dos separadores e do texto nesta seção.
- Barra lateral: personalize o painel lateral que aparece na página do programa. Você pode fazer o design do background, do separador e do texto nesta seção.
- Clique na aba Participante.
- Faça o design de cada parte individual da página do programa:
- Background e separadores: personalize a cor e a opacidade do background da página e dos separadores.
- Estilo do texto: personalize a cor, a fonte e o estilo dos elementos de texto dentro da página do programa (por exemplo: nome do programa, título/nome da seção).
- Botão: personalize o design dos botões que aparecem na página. Você pode criar uma aparência diferente para quando as pessoas passarem o mouse sobre os botões.
Editar o texto do botão na página do programa
Sua página do programa inclui um botão que permite que as pessoas participem, assim como um botão que permite que os participantes concluam uma etapa. Você pode inserir seu próprio texto para esses botões para que eles combinem com o seu estilo.
Para personalizar o texto do botão:
- Vá para a página do seu programa no seu Editor:
- Editor Wix:
- Clique em Páginas e menu no lado esquerdo do Editor.
- Clique em Páginas do programa.
- Clique em Página do programa.
- Editor X:
- Clique em Páginas na parte superior do Editor X.
- Clique em Página do programa abaixo de Páginas do programa.
- Clique no elemento Página do programa no seu Editor.
- Clique em Configurações.
- Clique na aba Texto.
- Insira seu texto em Botão Participar e Botão de etapa concluída.
