O construtor visual da Marketek oferece dezenas de elementos que você pode arrastar e soltar para criar funis, sites e landing pages profissionais sem escrever código. Neste guia, apresentamos todos os componentes disponíveis organizados por categória.
Elementos de Layout
Os elementos de layout definem a estrutura visual da sua página:
- Seção — Bloco principal que contém colunas e elementos. Cada página é composta por múltiplas seções empilhadas verticalmente.
- Colunas — Divisões horizontais dentro de uma seção. Configure layouts como 1 coluna, 2 colunas (50/50), 3 colunas (33/33/33), ou combinações assimétricas.
- Divisor — Linha horizontal para separar visualmente seções de conteúdo. Personalizável em espessura, cor e estilo.
- Espaçador — Espaço em branco com altura configurável para dar respiro ao layout.
Elementos Básicos
| Elemento | Descrição | Personalizações Disponíveis |
|---|---|---|
| Texto | Bloco de texto com editor rich text completo. | Fonte, tamanho, cor, alinhamento, espaçamento, links |
| Título | Texto de destaque para títulos e subtítulos (H1-H6). | Nível, fonte, cor, sombra, animação |
| Imagem | Imagem estática com upload ou URL externa. | Tamanho, bordas, sombra, link, alt text, lazy loading |
| Vídeo | Incorpora vídeo do YouTube, Vimeo ou upload direto. | Autoplay, controles, thumbnail personalizada |
| Botão | Botão de call-to-action com link ou ação. | Texto, cor, ícone, tamanho, borda, hover, animação |
| Ícone | Biblioteca de ícones vetoriais para enriquecer o design. | Tamanho, cor, fundo, link |
Elementos de Formulário
Esses elementos permitem coletar dados diretamente na página:
- Formulário Inline — Incorpora um formulário da Marketek diretamente no layout da página.
- Campos Individuais — Adicione campos soltos que você pode posicionar livremente no design.
- Botão de Envio — Personalizável em estilo, texto e ação após o envio.
Elementos Avançados
| Elemento | Descrição |
|---|---|
| Countdown Timer | Temporizador regressivo para criar urgência. Pode ser fixo (data específica) ou evergreen (por visitante). |
| FAQ / Accordion | Seção de perguntas frequentes com blocos expansíveis de pergunta e resposta. |
| Tabela de Preços | Comparação de planos ou produtos em formato visual com destaque para o plano recomendado. |
| Slider de Depoimentos | Carrossel de depoimentos com foto, nome, cargo e texto do cliente. |
| Carrossel de Imagens | Galeria deslizante de imagens com navegação automática ou manual. |
| Abas (Tabs) | Conteúdo organizado em abas horizontais. Ideal para exibir múltiplas informações sem ocupar espaço vertical. |
| Código Personalizado | Bloco para inserir HTML, CSS ou JavaScript customizado. Use para integrações de terceiros ou funcionalidades específicas. |
Elementos de Pagamento
Para páginas de vendas e checkout:
- Formulário de Pedido — Checkout completo com campos de pagamento integrado.
- Bump de Pedido — Oferta adicional exibida no checkout para aumentar o ticket médio.
- Seletor de Produto — Permite ao cliente escolher entre múltiplas opções de produto ou plano.
- Cupom — Campo para aplicação de códigos de desconto no checkout.
Elementos de Membership
Para áreas de membros e cursos online:
- Lista de Cursos — Exibe os cursos disponíveis para o aluno.
- Player de Aula — Reprodutor de vídeo com controle de progresso.
- Barra de Progresso — Indicador visual do avanço do aluno no curso.
- Botão de Conclusão — Marca a aula como concluída e libera o próximo conteúdo.
💡 Dica: Combine elementos de layout com elementos básicos e avançados para criar designs únicos. Salve combinações que você usa com frequência como seções salvas para reutilizar em outras páginas.
🤖 Ficou com alguma dúvida?
Converse com o TekBot, nosso assistente IA especialista em Marketek. Ele pode te ajudar com configurações, dúvidas técnicas e melhores práticas — 24h por dia.