Construtor e Design de Páginas

Com o construtor de páginas do Quick Event, você pode criar páginas de eventos profissionais visualmente, sem nenhum conhecimento de programação. Cada página é composta por uma biblioteca de 96 presets de seção prontos em 11 categorias — hero, ingressos, conteúdo, CTA, galeria, pessoas, linha do tempo, FAQ, contagem regressiva, mapa e vídeo. Escolha um preset, adicione-o a um slot e edite o conteúdo diretamente. Pacotes de temas em nível de seção e planos de fundo em camadas permitem que cada seção pareça distinta, mantendo a identidade da marca. Navegue pela biblioteca completa na galeria de presets para ver o que você pode construir.

Visão Geral

Cada página de evento é uma pilha vertical de seções. O construtor v3 é baseado em slots: cada preset de seção declara slots (título, imagem, botão, lista, galeria, etc.) e você os preenche diretamente. Adicione novas seções da biblioteca de presets — escolha por categoria (hero, ingressos, conteúdo, CTA, galeria, pessoas, linha do tempo, FAQ, contagem regressiva, mapa, vídeo) ou navegue pelo conjunto completo na galeria de presets. As seções podem ser movidas, duplicadas ou excluídas por arrastar e soltar. Selecionar uma seção abre o painel de configurações para tema, plano de fundo, layout e espaçamento.

Todas as alterações são imediatamente visíveis na prévia ao vivo. Você pode desfazer ou refazer edições a qualquer momento. O editor salva automaticamente.

Seções e presets

As seções são os blocos de construção de cada página, e o v3 vem com uma biblioteca selecionada de 96 presets em 11 categorias. Cada preset é um layout projetado com slots nomeados — em vez de organizar colunas manualmente, você escolhe o layout que deseja e adiciona seu conteúdo nos slots.

  • Hero — seções de primeira impressão com título, subtítulo, imagem ou plano de fundo de vídeo e uma chamada para ação principal.
  • Ingressos — tabelas de preços e seletores de ingressos que se conectam diretamente aos seus contingentes.
  • Conteúdo — blocos de texto e imagem, citações editoriais, layouts de revista, combinações de imagem e corpo de texto.
  • CTA — blocos de conversão focados com título, texto de apoio e um ou dois botões.
  • Galeria — layouts de grade, alvenaria e carrossel para coleções de fotos.
  • Pessoas — grades de palestrantes, cartões de anfitriões e layouts de equipe.
  • Linha do Tempo — layouts de agenda e programa em orientações horizontal ou vertical.
  • FAQ — layouts de acordeão e grade com saída de dados estruturados para rich snippets.
  • Contagem Regressiva — temporizadores ao vivo que antecedem a data do evento.
  • Mapa — mapas de localização incorporados com detalhes do local.
  • Vídeo — incorporações de YouTube e Vimeo com quadros de pôster personalizados.

Cada preset pode ser tematizado independentemente com um pacote de temas — um conjunto coordenado de cores de plano de fundo, texto e destaque — para que seções adjacentes possam parecer distintas, mantendo a identidade da marca. Navegue pela biblioteca completa na galeria de presets.

Fundos de seção

O fundo de cada seção consiste em até quatro elementos em camadas. Cada camada pode ser exibida ou ocultada independentemente, e sua opacidade pode ser ajustada de 0 a 100%. A combinação dessas camadas cria efeitos visuais sofisticados que não exigem edição de imagem.

Nível de cor

Uma camada de cor que você pode configurar livremente: como uma cor sólida ou como um gradiente entre duas cores. A opacidade de toda a camada pode ser ajustada continuamente — assim, a cor pode, por exemplo, funcionar como um véu semitransparente sobre uma imagem de fundo.

Plano de imagem

Uma imagem de fundo que preenche toda a seção. Ela é dimensionada e ajustada para ficar bem em todos os tamanhos de tela. Você pode ajustar a opacidade para escurecer ou clarear a imagem, garantindo que o texto acima dela permaneça facilmente legível.

Nível de vídeo

Um vídeo de fundo silencioso, com reprodução automática. Ideal para seções principais que visam transmitir dinamismo e atmosfera — por exemplo, imagens do local, eventos passados ou demonstrações de produtos. O vídeo é reproduzido em loop contínuo e não afeta o tempo de carregamento da página.

Nível de efeito

Efeitos decorativos de movimento que se sobrepõem a outras camadas. As opções incluem gradientes Aurora e padrões de pontos. A opacidade e a intensidade são ajustáveis. Esses efeitos adicionam profundidade vibrante a uma seção sem distrair o conteúdo.

Transições decorativas (máscaras)

Nas bordas superior e inferior de cada seção, você pode ativar transições decorativas: ondas, curvas ou formas em ziguezague que criam uma transição suave para a seção adjacente. As formas são personalizáveis em cor e tamanho, conferindo à página uma textura fluida e moderna.

Elementos de conteúdo

Você pode inserir quantos elementos de conteúdo desejar dentro das colunas. Todos os elementos são projetados especificamente para cada evento e podem ser configurados através do painel de configurações.

Texto e formatação

Os títulos e parágrafos estão disponíveis em vários níveis hierárquicos e podem ser formatados em negrito, itálico, como link ou destacados. Listas com marcadores e numeradas ajudam a apresentar os pontos ou serviços do programa de forma clara.

Os botões direcionam os visitantes para o formulário de inscrição, para outra subpágina do seu evento ou para um URL externo. Você escolhe o estilo (preenchido, contornado, transparente), o tamanho e o alinhamento. Vários botões podem ser dispostos lado a lado.

Imagens, galeria e vídeo

Imagem única : Uma imagem com título e descrição opcionais. Você escolhe a largura de exibição (um terço, metade, três quartos ou largura total), a proporção e a posição da imagem dentro do quadro. Você pode fazer upload de imagens ou pesquisar diretamente por fotos de banco de imagens livres de direitos autorais usando a busca integrada do Pexels — milhões de imagens profissionais, tudo sem sair do editor.

Galeria de imagens : Várias imagens exibidas em uma única grade. Três opções de layout estão disponíveis: grade uniforme, layout em mosaico (escalonado, como o Pinterest) ou carrossel com virada automática de página. O número de colunas pode ser definido de duas a oito, assim como a proporção das imagens (quadrada, retrato, paisagem).

Vídeo : Incorporação de vídeos do YouTube ou Vimeo com uma imagem de pré-visualização. O vídeo só carrega ao clicar, garantindo que a página permaneça rápida. Você pode definir sua própria imagem de pré-visualização e ajustar o tamanho da exibição.

Elementos interativos e especiais

Contagem regressiva : Um cronômetro ao vivo que faz a contagem regressiva para a data do evento. Dias, horas, minutos e segundos são atualizados em tempo real. O fuso horário é exibido opcionalmente, para que os participantes internacionais possam ver imediatamente quando o evento começa em sua região.

Contador : Números animados para estatísticas e destaques — como "500 participantes", "12 palestrantes" ou "3 palcos". Os números aumentam à medida que aparecem, chamando a atenção para o evento.

FAQ (Acordeão) : Perguntas e respostas frequentes apresentadas em formato de lista suspensa. Os visitantes podem abrir e fechar cada entrada individualmente. As seções de FAQ recebem automaticamente dados estruturados para mecanismos de busca e podem aparecer como snippets avançados nos resultados de pesquisa.

Linha do tempo : Uma lista cronológica de itens da agenda com horário e descrição — ideal para agendas diárias, conferências de vários dias ou marcos de projetos. Cada entrada pode incluir um título, horário e descrição.

Mapa : Uma visualização do Google Maps incorporada que mostra a localização do evento diretamente na página do evento. Os visitantes podem ampliar o mapa e obter rotas a partir de sua localização sem sair da página.

Elementos de layout

Espaçadores : Um elemento invisível que cria espaço vertical entre outros conteúdos. A altura é livremente ajustável. Isso permite controlar o ritmo e o espaçamento da página sem precisar ajustar o espaçamento em cada elemento individualmente.

Grade de colunas : Um elemento de grade adicional que permite criar mais colunas dentro de uma coluna. Isso possibilita a criação de layouts complexos e com várias camadas — por exemplo, uma coluna com três pequenos ícones ao lado de uma grande coluna de texto.

Pacotes de temas e temas por seção

O editor de páginas expõe um pacote de temas em nível de seção: cada preset pode usar o tema da marca de toda a página, ou substituí-lo por suas próprias cores coordenadas de plano de fundo, texto e destaque. Combinado com camadas de plano de fundo em nível de seção (cor, imagem, vídeo, efeito de movimento), você pode criar seções hero de alto contraste, passagens editoriais suaves e CTAs ousados sem tocar nas configurações de estilo individuais.

A mesma biblioteca de presets alimenta o gerador de páginas de IA: quando a IA cria uma landing page a partir da descrição do seu evento, ela seleciona os presets mais adequados por categoria e preenche seus slots com conteúdo relevante. Veja Recursos de IA para o fluxo completo.

Navegue pela biblioteca de presets

A galeria de presets mostra a biblioteca completa de 96 presets de seção em 11 categorias. Cada preset é renderizado com conteúdo realista para que você possa ver exatamente o que é possível — variações de hero, grades de ingressos, layouts de galeria, estilos de linha do tempo, formatos de FAQ, blocos de contagem regressiva, mapas e muito mais.

Quando o assistente de IA cria uma landing page para você, ele escolhe desta mesma biblioteca — então, tudo o que você vê na galeria é algo que a IA pode gerar, e tudo o que a IA gera você pode trocar ou reestilizar por conta própria.

Várias páginas por evento

Um evento não se limita a uma única página inicial. No estúdio, você pode criar quantas subpáginas quiser — por exemplo, uma página de "Palestrantes", uma página de "Local" ou uma página de "Programação". Todas as páginas compartilham o mesmo design (cores, fontes, logotipo) e são acessíveis pelo menu de navegação da página do evento. A página inicial principal está vinculada ao formulário de inscrição.

Design Corporativo

Na seção de design do estúdio, você define a aparência visual. Essas configurações se aplicam a todas as páginas, e-mails e ingressos em PDF do evento.

paleta de cores

Você define uma cor primária e uma cor de destaque, bem como as cores de fundo e de texto. Essas cores controlam botões, links, títulos e planos de fundo em todo o evento. Opcionalmente, você pode carregar um logotipo ou imagem e ter as cores dominantes extraídas automaticamente a partir dele — o Quick Event sugerirá então uma paleta adequada.

Escritos

Mais de 1.900 fontes do Google estão disponíveis. Você escolhe uma fonte para títulos e outra para o corpo do texto. Se sua marca usa uma fonte própria, faça o upload dos arquivos de fonte (WOFF2 ou TTF) — eles serão aplicados a todas as páginas, assim como acontece com as fontes do Google.

Logotipo e Favicon

Seu logotipo aparecerá no cabeçalho da página do evento. Arquivos PNG, SVG e JPEG são suportados. O tamanho da exibição se ajusta automaticamente a diferentes tamanhos de tela, mas também pode ser ajustado manualmente. Além disso, você pode fazer o upload de um favicon que aparecerá na aba do navegador e nos favoritos, dando à página do seu evento uma aparência profissional e facilmente reconhecível.

Modo escuro

Cada página de evento pode ser exibida no modo claro ou escuro — a configuração é feita individualmente para cada evento. No modo escuro, as cores de fundo e do texto são ajustadas automaticamente para que todo o conteúdo seja facilmente legível mesmo em um fundo escuro. As cores de texto personalizadas são ajustadas de forma inteligente: se uma cor for muito escura para o fundo escuro, ela será clareada automaticamente. Você não precisa definir valores de cores separados para o modo escuro.

Design responsivo

Todas as páginas são otimizadas automaticamente para desktop, tablet e smartphone. As colunas se empilham umas sobre as outras em telas pequenas, os tamanhos das fontes são dimensionados proporcionalmente e as imagens são entregues como arquivos WebP com carregamento lento. Você só precisa manter uma versão — o Quick Event ajusta o layout automaticamente.

Otimização de SEO

O Quick Event gera automaticamente meta tags (título, descrição, Open Graph) a partir dos dados do seu evento. A marcação de eventos do Schema.org fornece aos mecanismos de busca informações estruturadas sobre data, local e preço. As seções de perguntas frequentes (FAQ) recebem seu próprio esquema de FAQ e podem aparecer como snippets avançados nos resultados de busca do Google. URLs canônicas evitam conteúdo duplicado. Com seu próprio domínio, suas páginas também se beneficiam da confiabilidade da sua marca.

Perguntas frequentes sobre o Construtor de Páginas

Pronto para experimentar? Comece agora gratuitamente →