Como funciona
O Alva Courses adiciona um bloco de Botão como um único botão de chamada para ação, como um link para a sua página de agendamento. Um bloco HTML coloca a sua própria marcação na aula exatamente como você a digita, o que é ideal para códigos de incorporação em iframe de formulários e calendários. Os dois blocos estão incluídos em todos os planos.
Botão fica no menu Adicionar conteúdo tanto do editor de aulas padrão quanto do construtor em tela cheia. HTML só é oferecido no construtor em tela cheia, mas um bloco HTML que você já adicionou ainda pode ser editado no editor de aulas padrão.
Adicionar um bloco de Botão ou HTML
1. Abra a aula
No admin do Shopify, abra o Alva Courses, clique em Cursos, selecione um curso e abra a aula. Para um bloco HTML, clique também em Tela cheia no cabeçalho da página: o construtor em tela cheia abre nessa aula.
2. Adicione um bloco de Botão
Clique em Adicionar conteúdo e escolha Botão. Os blocos novos vão para o fim da aula; use as setas para cima e para baixo no bloco para movê-lo. No editor de aulas padrão, as setas de um bloco novo só funcionam depois que você salva a aula.
3. Informe o texto e o link do botão
Digite o rótulo em Texto do botão e o endereço em URL do botão. O rótulo aparece exatamente como você o digita, então caracteres como < e & aparecem como digitados. Os alunos só veem o botão quando Texto do botão tem um valor. Preencha também URL do botão: um botão sem endereço ainda aparece, mas clicar nele apenas abre a mesma página de novo em uma nova aba.
Endereços que começam com http:// ou https://, links de e-mail que começam com mailto: e caminhos da sua própria loja que começam com / (como /pages/contact) são usados como digitados. Qualquer outra coisa recebe https:// na frente, então www.example.com funciona, mas links de telefone e #âncoras não.
4. Escolha o alinhamento
Em Alinhamento, clique em Esquerda, Centro ou Direita; um botão novo começa centralizado. Quando os dois campos têm um valor, uma visualização aparece no bloco. A visualização é sempre azul; o player de curso usa as cores do seu curso.
5. Adicione um bloco HTML no construtor em tela cheia
No construtor em tela cheia, clique em Adicionar conteúdo na barra de ferramentas da aula e escolha HTML. Cole seu código em Conteúdo HTML. Uma caixa Visualizar: abaixo do campo é atualizada cerca de meio segundo depois que você para de digitar.
6. Salve e pré-visualize a aula
No construtor em tela cheia, clique em Salvar esta aula; no editor de aulas padrão, clique em Salvar na barra de salvamento. Depois, clique em Visualizar para abrir a aula salva na sua loja, onde se aplicam os estilos próprios do player de curso.
O que um bloco HTML pode e não pode fazer
Um bloco HTML é exibido exatamente como você o salvou. O Alva Courses não verifica nem limpa o código, então cole apenas código em que você confia, como avisa a nota abaixo do campo. No player de curso:
- Os scripts não são executados. O código dentro de tags <script> é ignorado na visualização do editor e no player de curso, então incorporações que precisam de um script não carregam. Se uma ferramenta oferecer uma versão em iframe do código de incorporação, use essa.
- Os iframes funcionam. A maioria dos frames incorporados é esticada até a largura total da aula, então defina no código a altura de que você precisa. Para um vídeo do YouTube, o bloco YouTube é a opção mais simples.
- Os links recebem a cor de link do seu curso e abrem em uma nova aba.
- As imagens preenchem a largura da aula, a menos que tenham uma largura inline, e os alunos podem clicar nelas para ampliá-las.
- Os estilos do player vencem muitos estilos inline. Títulos, parágrafos, listas e elementos div perdem as próprias cores, fundos, bordas, espaçamentos e peso de fonte, e o texto usa a fonte do curso quando há uma definida. Para mudar o estilo deles, veja O CSS personalizado não é aplicado ao player de curso.
O que os alunos veem
Os alunos veem um bloco de Botão como um botão na cor do seu curso. Se a Personalização avançada de cores estiver ativada para o curso, ele usa as cores Button Background, Button Text e Button Hover em Interactive Colors — veja Personalizar a marca do player de curso. Clicar no botão abre o link em uma nova aba, então a aula continua aberta atrás dela. O conteúdo HTML aparece no lugar, entre os outros blocos da aula.
Perguntas frequentes
Por que o HTML não aparece no menu Adicionar conteúdo?
O editor de aulas padrão não o oferece. Clique em Tela cheia, selecione a aula e abra Adicionar conteúdo na barra de ferramentas da aula, onde o HTML aparece na lista. Os blocos HTML que você já adicionou continuam editáveis no editor de aulas padrão.
Por que meu botão fica azul no editor?
A visualização dentro do bloco sempre usa um azul padrão. No player de curso, o botão assume a cor do seu curso, ou as cores Button Background, Button Text e Button Hover quando a Personalização avançada de cores está ativada.
Um link em um bloco HTML pode abrir outra aula?
O bloco HTML não tem seletor de aulas. Para criar um link para outra aula, adicione o link em um bloco de Texto e escolha a aba Lesson no editor de links dele. A aula então abre dentro do player de curso.
A pesquisa de aulas encontra texto nesses blocos?
Sim. A pesquisa de aulas no editor do curso encontra o texto visível dos blocos HTML e os rótulos dos botões. Ela não encontra endereços de links nem o código, os scripts e os estilos dentro de um bloco HTML.
Veja também
Isso foi útil?
Última atualização em 2026-10-12