Páginas do curso

Crie uma série de aulas guiadas e ofereça aos visitantes que buscam sua expertise.

Ultima atualização 17 de Dezembro de 2024

Crie um curso para ensinar uma nova competência, orientar alguém em um projeto ou repassar sua expertise. Para vender o acesso ao curso, adicione-o a um plano de preços.

Este guia cobre os fundamentos das páginas do curso; como adicionar uma página ao seu site e; como personalizar a página do curso.

Acessando o recurso

As páginas do curso estão disponíveis apenas na versão 7.1.

Dica

matricule-se no nosso webinar "Crie e venda cursos on-line com o Squarespace". Lá ensinamos a preparar um currículo, criar um curso on-line e monetizar um curso com os planos de preços.

Estrutura das páginas do curso

As páginas do curso têm a seguinte estrutura: uma página de visão geral do curso e as páginas de cada aula do curso. Existem alguns outros elementos na página do curso, incluindo capítulos e a barra de progresso.

Dica

para incluir imagens, texto, formulários e outros itens, adicione uma seção de página à página de visão geral do curso e à página da aula.

Página com a visão geral do curso

A página com a visão geral do curso é a página inicial do curso. Ela traz a descrição do curso, o botão Iniciar curso, uma barra de progresso e os capítulos e aulas do curso. Para descrever o conteúdo incluído, você pode adicionar seções à página de visão geral do curso. 

Se a página de visão geral do curso estiver na seção de navegação principal do painel "Páginas", ela ficará visível a todos os visitantes.

Página com a visão geral do curso

Página da aula

A página da aula inclui o conteúdo da aula e o botão Concluir e continuar. O botão Concluir e continuar leva o visitantes para a aula seguinte e atualiza a barra de progresso na página de visão geral do curso.

Somente os visitantes que se matricularem e fizerem login na conta verão as páginas das aulas.

página da aula

Capítulos

Cada capítulo contém as páginas e o título das aulas, e os capítulos aparecem na página de visão geral do curso, sendo opcionais à página do curso.

Capítulos

Navegação do curso

O menu de navegação do curso mostra as aulas, os capítulos, o progresso e a duração dos vídeos do curso. Para ver o menu, o visitante deve se matricular e clicar no botão "Iniciar curso". Para expandir o menu, o visitante deve clicar no ícone de navegação do curso.

Página de um curso no Squarespace com a navegação do curso expandida para mostrar o progresso, os capítulos e as aulas

Barra de progresso

A barra de progresso monitora quanto do curso um visitante concluiu. À medida que o visitante conclui uma aula, a barra de progresso reflete a porcentagem do progresso.

Enquanto você edita o site, a barra de progresso mostra 0%. Para testar a barra, veja a prévia da página, prossiga no curso e observe a atualização dela.

Adicione uma página de curso

Para adicionar uma página de curso:

  1. Abra o painel "Páginas"
  2. Clique em + ao lado da seção de navegação onde a página do curso deve aparecer.
  3. Em Coleções, selecione Curso.
  4. Selecione um layout.
  5. Adicione um título à página e pressione Enter.

Adicionada a página do curso, a página de visão geral do curso aparecerá no lado direito da tela.

Dica

você pode duplicar uma página do curso e todas as aulas que ela contém. Essa é uma ótima maneira de criar um novo conteúdo de curso ou fazer experiências com o conteúdo do curso que você oferece atualmente sem que os visitantes percebam as alterações.

Configurações da página do curso

Edite as configurações da página do curso para personalizar a página:

  1. No painel da página do curso, clique em o ícone de engrenagem.
  2. Altere as configurações da página, incluindo as configurações específicas da página do curso:
    • Nome do curso – o título que aparece na aba do browser
    • Resumo do curso - a descrição que aparece quando a página tem um link em outro lugar 
  3. Clique em Salvar.

Adicione as aulas

A aula é o conteúdo do curso e inclui vídeos e seções de página com imagens e texto. Você pode adicionar até 250 aulas por página do curso.

Para adicionar uma aula à página do curso:

  1. Abra o painel "Páginas"
  2. Clique na página do curso desejada.
  3. No painel da página do curso, clique em Conteúdo do curso e depois em +
  4. No menu suspenso, selecione Aula.
  5. Na aba Geral, dê um título à aula (até 200 caracteres). Você também pode adicionar e editar os seguintes recursos opcionais:
    • Trecho - uma breve descrição da aula; ela aparece na página de visão geral do curso e nos blocos de sumário. Recomendamos uma descrição com até 500 caracteres.
    • URL personalizado - criamos um URL com o título da aula. Você pode editar o URL.
    • Miniatura - Adicione uma imagem que represente a aula. Isso é exibido na página de visão geral do curso, no menu de navegação do curso e nos blocos de sumário. No menu de navegação do curso, um símbolo de reprodução aparece sobre a imagem em miniatura.
  6. Na aba Vídeo, você pode adicionar um vídeo à aula. Se a aula não tiver vídeos; ou para que o topo da aula seja uma seção de página, desative Mostrar vídeo da aula.
  7. Se a aula incluir vídeo, clique em Adicionar um vídeo e: 
    • Para carregar um arquivo de vídeo diretamente para o site, clique em Carregar arquivo
    • Para reutilizar um vídeo que você já carregou, clique em Selecionar da videoteca.
    • Para incorporar um vídeo externo, clique em Adicionar do link e cole um link de vídeo do Vimeo ou do YouTube.
  8. Na aba Status, clique em Publicar ou em Agendar para publicar a aula. Você também pode deixar a aula como Rascunho e continuar trabalhando nela.
  9. Clique em Salvar.
  10. Clique em Editar (canto superior esquerdo) e adicione seções de página que incluam o conteúdo da aula.

Dica

confira nossas recomendações para imagens e crie uma miniatura interessante.

Vídeos na página da aula

Esse vídeo aparece em forma de banner no topo da página. Você pode adicionar um vídeo a cada página da aula. Para isso, adicione um bloco de vídeo a uma área de bloco da página.

Se você não adicionou nenhum vídeo ao criar a página da aula, siga estes passos para adicionar um vídeo na página de uma aula já criada:

  1. Abra o painel "Páginas" e clique na página do curso. 
  2. Clique em Conteúdo do curso.
  3. Passe o cursor sobre a aula desejada, clique em ... e depois clique em Editar aula.
  4. Clique em Vídeo e depois em Adicionar um vídeo para carregar um vídeo; adicionar um vídeo já carregado na sua videoteca; ou incorporar um vídeo de um serviço externo.
  5. Clique em Salvar.

Dica

confira nossas dicas para vídeos acessíveis e garanta que todos possam interagir com o conteúdo do curso.

Imagem em destaque personalizada

Se você carregar um vídeo, poderá adicionar uma imagem em destaque personalizada que será exibida antes da reprodução do vídeo. 

Para adicionar uma imagem personalizada em destaque:

  1. Após o upload do vídeo, ative a opção Imagem personalizada em destaque.
  2. Clique em Adicionar uma imagem.

Essa opção está disponível apenas para vídeos carregados no Squarespace. Os vídeos incorporados do YouTube ou do Vimeo extraem a imagem em destaque do serviço externo.

Limites de armazenamento de vídeos na página da aula

Os vídeos adicionados à aba Vídeo da página da aula podem ter até três horas de duração, dependendo do espaço de armazenamento. Saiba mais sobre os requisitos dos vídeos em Adicionando vídeos ao seu site.

Cada site Squarespace vem com 30 minutos de armazenamento de vídeos em todas as páginas e vídeos carregados. Para mais armazenamento, adquira um plano Produtos Digitais.

Adicione um capítulo (opcional)

Os capítulos agrupa as aulas, organizando o conteúdo do curso. Visualmente, os capítulos associam aulas semelhantes ou sequenciais. Você pode adicionar até 250 aulas a um capítulo.

Para adicionar um capítulo à página do curso:

  1. No painel da página do curso, clique em Conteúdo do curso e depois em +
  2. No menu suspenso, selecione Capítulo.
  3. O novo capítulo aparecerá no painel da página do curso. Passe o cursor sobre Novo capítulo, clique em e dê um título ao capítulo (até 200 caracteres).
  4. Clique em Salvar.
  5. Clique e arraste as aulas para o capítulo.

Organize as aulas e os capítulos

As aulas e os capítulos aparecem na página de visão geral do curso com base na ordem em que são listados no painel da página do curso. Você pode clicar e arrastar as aulas para incluir ou retirar de um capítulo ou para mudar a ordem. Também é possível clicar e arrastar os capítulos para trocar de ordem. 

Ajuste o estilo de uma página do curso

Na página do curso, as cores e fontes seguem os ajustes de fonte e de cores gerais do site. Para acessar os estilos da página de visão geral do curso ou da página da aula:

  1. Clique em Editar na página de visão geral do curso ou da aula. 
  2. Clique em Editar layout para abrir as configurações de estilo da visão geral do curso ou da página da aula.

Editar estilo da visão geral do curso

Após clicar em Editar layout para abrir as configurações de estilo na visão geral do curso:

  1. Na guia Elementos, use os botões de alternância para escolher quais elementos estão visíveis ou ocultos na página de visão geral do curso. As opções incluem o título do cursoa descrição do curso, o botão do cursoas miniaturas da aula e os trechos da aula.
  2. Na guia Design, estilize o espaçamento, o alinhamento, os estilos de botão, o layout e muito mais da visão geral do curso.
  3. Em Layout em Design, selecione Lista ou Grade. No layout de lista, as aulas são exibidas em uma coluna como uma lista vertical. No de grade, elas são exibidas em linhas para criar uma grade.
  4. Na guia Cores , escolha um tema de cores para a visão geral do curso.

Lembre-se de que os layouts de lista e grade têm diferentes opções de estilo. Por exemplo, você pode alterar a proporção da imagem de miniatura da aula no layout de lista, mas não no de grade.

Editar estilo das páginas de aula

Após clicar em Editar layout para abrir as configurações de estilo na visão geral do curso:

  1. Na guia Elementos, use os botões de alternância para exibir o título do curso, a descrição do curso, o botão do curso, as miniaturas das aulas e os trechos das aulas.
  2. Na guia Design, é possível estilizar o cabeçalho do curso, o espaçamento dos elementos da página, o alinhamento, os estilos de botão, a exibição de miniaturas da página da aula, os estilos de seção e as configurações do contorno do curso. Você também pode ativar e estilizar um divisor entre as seções na página da aula.
  3. Na guia Cores, escolha um tema de cores para a página da aula.

Opções adicionais de estilo de página da aula

Você pode encontrar mais configurações de estilo quando um curso estiver em andamento. Para acessar essas configurações:

  1. Clique em Iniciar curso ou Continuar curso na página da aula que você deseja estilizar.
  2. Clique em Editar e, em seguida, em Editar layout.
  3. Na guia Design, estilize as configurações do botão para desktop, as configurações do botão para celular, a navegação do curso, os elementos da lição e o divisor.

As alterações de estilo que você faz afetam todas as páginas de aula da página do curso. Isso serve para garantir a consistência do estilo e do design de uma página da aula para outra.

Cobre pelo acesso à página do curso

Para cobrar pelo acesso ao curso, crie um plano de preços. Você pode oferecer um plano gratuito e exigir que os visitantes informem um endereço de e-mail.

Ao adicionar a página de um curso a um plano de preços, você pode ocultar toda a página do curso com um paywall ou apenas as páginas das aulas. Nesse caso, a página da visão geral do curso ficará acessível a todos os visitantes do site.

Quando as páginas das aulas estão atrás de um paywall, você pode disponibilizar aulas específicas para os visitantes que ainda não cadastraram nenhum plano de preços. Para isso, passe o cursor sobre a aula no painel lateral, clique em ... e depois em Deixar como prévia aberta ao público. Se você ocultar toda a página de visão geral do curso atrás de um paywall, os visitantes não terão acesso às aulas abertas ao público.

Dica

adicione um bloco de produto digital à página de visão geral do curso para incentivar os visitantes a se matricularem.

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.