01

Hero

A abertura da landing. É a única família em que a escolha muda o propósito da página inteira: uma arte pronta, uma captação ou um anúncio. Nenhuma delas leva trilha de navegação — landing page não tem para onde subir.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Hero · Variação 1 de 4

Carrossel de imagens de fora a fora

Quando usar: A campanha já tem as artes prontas: uma ou várias peças passam de fora a fora, sem texto do site por cima.

Campos editáveis: por arte: imagem, texto alternativo, link (opcional) · altura (tela ou faixa) · intervalo do avanço automático

hero/carrossel
Arte 1 de exemplo: público reunido em um evento da CDL/BH

Hero · Variação 2 de 4

Texto e formulário

Quando usar: A landing existe para captar: o visitante precisa deixar os dados antes de qualquer rolagem.

Campos editáveis: rótulo · título · subtítulo · atributos com check · campos do formulário · texto do aceite · botão · mensagem de sucesso

hero/formulario

Inscrições abertas

Um programa para vender mais no fim do ano

Quatro encontros práticos sobre vitrine, estoque, equipe e caixa, com quem vive o varejo de Belo Horizonte todos os dias.

Vagas limitadasCertificado de participaçãoEncontros presenciaisMaterial de apoio

Garanta sua vaga

Preencha os dados e a equipe entra em contato com os próximos passos.

Seus dados não são compartilhados com terceiros.

Hero · Variação 3 de 4

Imagem de fundo com texto

Quando usar: A landing anuncia algo — um evento, um produto, uma data — e o título precisa ser a primeira coisa lida.

Campos editáveis: imagem de fundo · rótulo · título · subtítulo · botão principal · botão secundário · alinhamento (esquerda ou centro) · altura (tela ou faixa)

hero/sobreposto

12 de novembro · Centro de Convenções

O encontro do varejo que planeja o próximo ano

Um dia de painéis, dados e conversas sobre o que muda no consumo, no crédito e na loja física.

Hero · Variação 4 de 4

Texto e mosaico de fotos

Quando usar: O lugar é o produto: um espaço para locação, uma unidade, uma sede. Texto, até três números e os botões de um lado; até três fotos em mosaico do outro — nítidas mesmo quando a foto original é pequena.

Campos editáveis: rótulo (opcional) · título · texto · até três números: valor e rótulo · uma a três fotos · botão principal e secundário (opcionais) · nota abaixo dos botões (opcional)

hero/mosaico

Espaços para locação

Centro de Convenções CDL/BH

Auditório e três salões a poucos passos da Praça da Liberdade, no coração de BH. Um espaço moderno e tecnológico para coquetéis, eventos corporativos, palestras, formaturas e seminários.

lugares no auditório
277
salões para até 260 pessoas
3
de desconto para associados
20%

Aberto a associados e não associados.

02

Comparativo

Cards ou tabela para o visitante comparar opções — planos, modalidades, níveis de participação. O preço é um campo como outro qualquer: aparece quando é preenchido e some quando não é.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Comparativo · Variação 1 de 3

Cards com preço

Quando usar: Há planos com valor e o preço é o argumento. É o mesmo card de plano da página Associe-se.

Campos editáveis: título · ressalva (opcional) · por plano: nome, descrição, preço, período, selo de recomendado, benefícios, botão

comparativo/precos

Escolha o plano da sua empresa

Valores de exemplo. Cada card aceita até quatro benefícios visíveis; os demais abrem em um painel.

Individual

Para quem vai participar sozinho

R$ 190por pessoa
Escolher este plano

O que está incluído

  • Acesso a todos os painéis
  • Material digital
  • Certificado de participação
  • Coffee break

Mais escolhido

Equipe

Para levar até cinco pessoas da mesma empresa

R$ 790até 5 pessoas
Escolher este plano

O que está incluído

  • Acesso a todos os painéis
  • Material digital
  • Certificado de participação
  • Coffee break

Associado

Para empresas associadas à CDL/BH

R$ 0incluído no plano
Quero me associar

O que está incluído

  • Acesso a todos os painéis
  • Material digital
  • Certificado de participação
  • Coffee break

Comparativo · Variação 2 de 3

Cards sem preço

Quando usar: As opções se diferenciam pelo que incluem, não pelo valor — modalidades, turmas, formatos.

Campos editáveis: título · subtítulo · por opção: nome, descrição, selo de recomendado, atributos (incluído ou não), botão

comparativo/sem-preco

Qual formato combina com a sua rotina?

Três modalidades do mesmo programa. O conteúdo é o mesmo; muda como você participa.

  • On-line ao vivo

    Encontros semanais por videochamada, com gravação disponível.

    • Quatro encontros ao vivo
    • Gravação por 90 dias
    • Material de apoio
    • Visita técnica a uma loja
    • Mentoria individual
    Escolher on-line
  • Recomendado

    Presencial

    Encontros na sede da CDL/BH, com visita técnica ao final.

    • Quatro encontros presenciais
    • Gravação por 90 dias
    • Material de apoio
    • Visita técnica a uma loja
    • Mentoria individual
    Escolher presencial
  • Presencial + mentoria

    O programa presencial mais duas sessões individuais com um consultor.

    • Quatro encontros presenciais
    • Gravação por 90 dias
    • Material de apoio
    • Visita técnica a uma loja
    • Mentoria individual
    Escolher com mentoria

Comparativo · Variação 3 de 3

Tabela comparativa

Quando usar: A lista de atributos é longa e o leitor precisa comparar linha a linha. Preço e botão são opcionais por coluna.

Campos editáveis: título · subtítulo · rótulo da primeira coluna · por coluna: nome, preço (opcional), período, selo, botão (opcional) · por linha: atributo e um valor por coluna (sim, não ou texto)

comparativo/tabela

Compare os planos ponto a ponto

A coluna com selo ganha fundo próprio. Valores de exemplo.

O que está incluído
BásicoR$ 49por mês
Mais escolhido
CompletoR$ 99por mês
Sob medida
Consultas mensais50500Ilimitadas
Usuários15Sem limite
Relatórios em PDFIncluídoIncluídoIncluído
Integração por APINão incluídoIncluídoIncluído
Atendimento prioritárioNão incluídoIncluídoIncluído
Gerente de contaNão incluídoNão incluídoIncluído
AssinarAssinarFalar com a equipe
03

Depoimentos

A prova social. A fala vem primeiro, em corpo maior, e a assinatura depois — é o que separa um depoimento de mais uma grade de cards. Retrato é opcional: sem foto, entra a inicial do nome.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Depoimentos · Variação 1 de 3

Grade de três

Quando usar: Há três falas de peso parecido e a landing quer mostrá-las de uma vez.

Campos editáveis: título · subtítulo · por depoimento: fala, nome, cargo ou empresa, tempo (opcional)

depoimentos/grade

Quem participou da última turma

Depoimentos de exemplo, com nomes fictícios.

  • Saí do primeiro encontro com uma lista de coisas para mudar na loja na semana seguinte. Não era teoria: era o que a gente vive no balcão.

    Mariana Costa

    Loja de calçados, Savassi

  • A visita técnica valeu o programa inteiro. Ver como outra loja organiza estoque e equipe muda a forma como você olha para a sua.

    Rafael Nogueira

    Papelaria, Centro

  • Eu achava que o problema era vender pouco. Era o caixa. Refiz o fluxo em dois meses e fechei o ano sem o aperto de sempre.

    Lúcia Andrade

    Confeitaria, Barreiro

Depoimentos · Variação 2 de 3

Destaque único

Quando usar: Uma fala é forte o bastante para carregar a faixa sozinha — a mais citada, a do cliente mais conhecido.

Campos editáveis: fala · nome · cargo ou empresa · retrato (opcional) · fundo

depoimentos/destaque
Foi a primeira vez que um curso falou a língua de quem tem loja de rua. Em três meses, o ticket médio subiu e a equipe parou de girar.
Beatriz LemosLoja de presentes, Pampulha

Depoimentos · Variação 3 de 3

Carrossel

Quando usar: São mais de três falas e empilhá-las viraria parede. O visitante rola de lado; as setas ajudam no desktop.

Campos editáveis: título · subtítulo · por depoimento: fala, nome, cargo, empresa (opcional)

depoimentos/carrossel

O que dizem as empresas que já passaram por aqui

Arraste para o lado, ou use as setas.

04

Chamada para ação

O bloco que pede o clique. Fecha a landing ou separa dois argumentos no meio dela. Botão sem destino não aparece — é a regra do portal inteiro, e vale aqui.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Chamada para ação · Variação 1 de 3

Faixa com botões

Quando usar: A chamada seca: título, uma frase e os botões, centrados sobre o azul.

Campos editáveis: rótulo (opcional) · título · frase · botões · fundo

cta/faixa

Últimas vagas

As inscrições fecham na sexta-feira

Garanta a sua e receba o material de preparação ainda esta semana.

Chamada para ação · Variação 2 de 3

Com imagem

Quando usar: Texto à esquerda e foto à direita — a chamada que já existe nas páginas internas do portal.

Campos editáveis: título · frase · foto · botões · fundo

cta/imagem

Sua empresa pode participar da próxima turma

Fale com a equipe de relacionamento e receba a agenda completa antes da abertura pública das inscrições.

Chamada para ação · Variação 3 de 3

Com formulário

Quando usar: A ação é deixar o e-mail, não ir para outra página — baixar um material, entrar numa lista.

Campos editáveis: título · frase · campos do formulário · botão · nota abaixo do botão · mensagem de sucesso · fundo

cta/formulario

Receba o guia de preparação para o fim do ano

Um PDF com o checklist de vitrine, estoque e equipe que usamos nos encontros.

Sem spam. Você cancela quando quiser.

05

Formulário

O bloco cujo assunto é o formulário: contato, inscrição, pedido de proposta. Os campos são configuráveis — quem monta a página decide o que perguntar — e a validação, o aceite de privacidade e a mensagem de sucesso já vêm prontos. O destino do envio é definido no WordPress.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Formulário · Variação 1 de 3

Contato completo

Quando usar: A landing pede uma conversa: nome, empresa, contato, assunto e mensagem, em painel centrado.

Campos editáveis: título · subtítulo · campos do formulário · texto do aceite · botão · mensagem de sucesso · fundo

formulario/contato

Fale com a equipe do programa

Responda em até um dia útil. Os campos com asterisco são obrigatórios.

Formulário · Variação 2 de 3

Com canais ao lado

Quando usar: Além do formulário, a landing oferece os outros jeitos de falar: WhatsApp, e-mail, telefone, endereço.

Campos editáveis: título · subtítulo · canais (ícone, rótulo, valor, link) · campos do formulário · botão · mensagem de sucesso · fundo

formulario/canais

Prefere falar direto?

Use o canal que for mais fácil para você. O formulário chega na mesma equipe.

Garanta sua vaga

Preencha os dados e a equipe entra em contato com os próximos passos.

Seus dados não são compartilhados com terceiros.

Formulário · Variação 3 de 3

Inscrição rápida

Quando usar: Só o essencial, numa fileira sobre o azul — nome e e-mail, e o botão. Para quem quer converter sem sair da rolagem.

Campos editáveis: título · subtítulo · campos do formulário · botão · nota abaixo do botão · mensagem de sucesso · fundo

formulario/compacto

Inscreva-se em menos de um minuto

Nome e e-mail bastam. A agenda completa chega na sua caixa de entrada.

Sem spam. Você cancela quando quiser.

06

Cards

A grade que sustenta a landing entre a abertura e a chamada final: o que a campanha entrega, quem participa, os números que provam. Três ritmos, e a escolha depende do que cada card carrega — um ícone, uma foto ou um número.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Cards · Variação 1 de 3

Com ícone

Quando usar: Atributos e benefícios — o que o visitante ganha. É a grade mais usada do portal.

Campos editáveis: título · subtítulo · por card: ícone, título, corpo · colunas · botão da faixa (opcional) · alinhamento

cards/icones

O que você leva do programa

Quatro frentes, uma por encontro.

  • Vitrine e loja

    Como a disposição dos produtos muda a entrada de gente e o tempo que ela fica.

  • Estoque

    Quanto comprar, quando repor e o que fazer com o que não gira.

  • Equipe

    Escala, meta e comissão em um mês em que tudo acontece ao mesmo tempo.

  • Caixa

    Fluxo de caixa para dezembro e o que sobra para janeiro.

Cards · Variação 2 de 3

Com imagem

Quando usar: Programas, turmas, produtos — o que tem cara. Foto no topo, título, corpo e link.

Campos editáveis: título · subtítulo · por card: foto, rótulo (opcional), título, corpo, link (opcional) · colunas · alinhamento

cards/imagem

Os encontros do programa

Um por semana, sempre às terças. Fotos de exemplo.

Cards · Variação 3 de 3

Números

Quando usar: A prova de escala: o número é o card. Quatro no máximo, com rótulo curto.

Campos editáveis: título (opcional) · subtítulo · por card: valor, rótulo · colunas · fundo

cards/numeros

O programa em números

Valores de exemplo, para mostrar o bloco preenchido.

6 turmas
Realizadas desde o início do programa
240
Empresas participantes
4,8 de 5
Avaliação média dos encontros
92%
Recomendariam a um colega lojista
07

Imagens

Fotos como argumento: o evento que aconteceu, o espaço que se visita, a prova visual ao lado do texto. Toda foto pede texto alternativo; legenda é opcional.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Imagens · Variação 1 de 3

Galeria

Quando usar: Várias fotos de uma vez, em grade ou mosaico. A primeira do mosaico ganha o dobro de espaço.

Campos editáveis: título (opcional) · subtítulo · por foto: imagem, texto alternativo, legenda (opcional) · colunas · formato (grade ou mosaico)

imagens/galeria

Como foi a última edição

Mosaico de exemplo com cinco fotos: a primeira ocupa o dobro de largura e de altura, e as quatro seguintes fecham as duas fileiras.

Imagens · Variação 2 de 3

Imagem e texto

Quando usar: Um argumento com prova visual: foto de um lado, texto do outro. É a seção de duas colunas do portal.

Campos editáveis: foto · título · parágrafos · atributos com check (opcional) · botões (opcional) · lado da foto · fundo

imagens/texto

Os encontros acontecem em uma loja de verdade

O Espaço Varejo Inteligente, na sede da CDL/BH, reproduz uma loja completa: vitrine, gôndola, caixa e estoque. É lá que cada encontro termina — aplicando na prática o que foi discutido.

Nada de slide sobre vitrine: você monta uma, e o grupo avalia.

Sede da CDL/BHLoja-modelo completaTurmas de até 20

Imagens · Variação 3 de 3

Carrossel

Quando usar: Muitas fotos, uma por vez, com miniaturas para navegar. Quando a galeria viraria parede.

Campos editáveis: título (opcional) · subtítulo · por foto: imagem, texto alternativo, legenda (opcional) · fundo

imagens/carrossel

Edições anteriores

Use as setas ou clique nas miniaturas.

Evento da década de 2010
Década de 2010

1 de 4

08

Espaços

Para apresentar um lugar com vários ambientes — auditório, salões, salas, rooftop. O visitante diz quantas pessoas vão ao evento e vê quais ambientes comportam.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Espaços · Variação 1 de 1

Explorador de ambientes

Quando usar: O espaço tem ambientes de tamanhos diferentes e a pergunta do visitante é "cabe o meu evento?".

Campos editáveis: título, texto e nota (opcionais) · filtro de lotação — aparece com mais de um ambiente com lotação: pergunta, aviso de nenhum comporta ({maior} vira a maior lotação), público inicial · por ambiente: nome, lotação, rótulo da lotação, área, resumo, recursos, fotos · fundo

espacos/ambientes

Escolha o espaço do seu evento

Alugue o auditório ou só um dos salões. Diga quantas pessoas você espera e veja quais ambientes comportam o evento.

4 de 4 espaços comportam 120 pessoas

Capacidade considerando o salão sem mobiliário, que não está incluído na locação. Agende uma visita técnica para planejar a montagem.

Reservar Auditório
Plateia do auditório com as poltronas fixas e o palco ao fundo

Auditório

Plateia com poltronas fixas e palco para palestras, convenções, formaturas e grandes apresentações.

Ver o vídeo do auditório
Capacidade
277 pessoas
Área
354 m²
  • Painel de LED e projeção em alta definição
  • Transmissão ao vivo para o YouTube e para os salões
  • Iluminação e áudio e vídeo automatizados
  • 6 microfones digitais
  • 2 câmeras de alta definição
  • 2 TVs 4K UHD
09

Faixas do portal

As faixas aprovadas das páginas internas, oferecidas à landing como são: os passos na faixa azul, a ficha prática de um lugar e as perguntas frequentes com o card de apoio.

Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.

Faixas do portal · Variação 1 de 3

Passos (Como funciona)

Quando usar: O visitante precisa entender o caminho até contratar: três ou quatro passos e um botão.

Campos editáveis: título · texto (opcional) · por passo: título e texto · botão (opcional)

portal/passos

Como reservar o seu espaço

Associados CDL/BH têm 20% de desconto na locação.

  1. 1

    Escolha o espaço

    Alugue o auditório ou só um dos salões, conforme o seu evento.

  2. 2

    Peça o orçamento

    Conte a data, o público e o formato do evento.

  3. 3

    Pré-reserve a data

    A data fica pré-reservada por até sete dias.

  4. 4

    Faça a visita técnica

    Conheça o espaço e planeje a montagem com a equipe.

Solicitar orçamento

Faixas do portal · Variação 2 de 3

Ficha do lugar

Quando usar: Endereço, acesso, telefone e os botões de visita e rota, juntos e escaneáveis.

Campos editáveis: título · por campo: ícone, rótulo e valor · por botão: texto, destino, ícone · fundo

portal/ficha

Onde fica o Centro de Convenções

Endereço
Sede da CDL/BH — Av. João Pinheiro, 495 — Boa Viagem, Belo Horizonte — MG, 30.130-185
Referência
A poucos passos da Praça da Liberdade, no coração de BH
Incluído na locação
Segurança, limpeza e consumíveis
Período de locação
10 horas por período
Acessibilidade
Elevador, rampa de acesso e local reservado no auditório
Telefone
(31) 3249-1666

Faixas do portal · Variação 3 de 3

Perguntas frequentes

Quando usar: As dúvidas que travam a decisão, respondidas antes do formulário.

Campos editáveis: título · por pergunta: pergunta e resposta · card de apoio: título, texto, botão · fundo

portal/perguntas

Perguntas frequentes

Ainda tem dúvidas?

Fale com a equipe de eventos da CDL/BH.

Falar com a CDL/BH
Sim. Você pode alugar os espaços de acordo com a sua necessidade: o auditório, um dos salões ou mais de um ambiente.
Sim. O Centro de Convenções CDL/BH é aberto para associados e não associados. Associados têm 20% de desconto na locação.
As capacidades variam conforme o ambiente e a configuração. O catálogo informa auditório para 277 pessoas, Salão Praça da Liberdade para até 260, Salão Pampulha para 250 e Salão Serra do Curral para 195 pessoas, considerando os salões sem mobiliário.
Não. O mobiliário não é incluído, para você ter liberdade de uso e de escolha na montagem. O auditório conta com poltronas fixas.
Sim, por até sete dias.
Sim. A equipe da CDL/BH recebe você para conhecer o espaço e planejar o evento.
Sim. Um técnico de som acompanha todo o evento e dá o suporte necessário ao responsável.
Sim. É cobrada uma taxa única pelo uso da cozinha e dos utensílios. O coffee break precisa da cozinha, porque não é permitido manusear alimentos fora dela.
Não.
A CDL/BH não faz gravação. O auditório tem tecnologia para transmissão ao vivo para o YouTube e para os outros salões.

O contrato que o WordPress vai entregar

Uma landing page é uma lista ordenada de blocos. Cada item diz a família, a variação e o conteúdo. O front percorre a lista de cima para baixo e renderiza cada bloco com o componente desta biblioteca.

  • O identificador da variação é família/variação, como aparece na tarja de cada bloco.
  • Os campos editáveis listados na tarja são as chaves de props daquela variação.
  • A mesma variação pode repetir na mesma página: dois CTAs, duas grades de cards.
  • O primeiro bloco costuma ser um hero, mas não é obrigatório.
  • Toda imagem é um objeto com o endereço e o texto alternativo.
[
  {
    "type": "hero",
    "variant": "sobreposto",
    "props": {
      "title": "Título da campanha",
      "body": "Uma frase sobre o que a página oferece.",
      "image": {
        "src": "/images/campanha.jpg",
        "alt": "Descrição da imagem para leitores de tela"
      },
      "primaryCta": { "label": "Quero participar", "href": "#inscricao" }
    }
  },
  {
    "type": "cards",
    "variant": "icones",
    "props": {
      "title": "O que você recebe",
      "items": [
        { "icon": "RocketLaunchLight", "title": "Benefício 1", "body": "…" },
        { "icon": "ChartLineUpLight", "title": "Benefício 2", "body": "…" }
      ]
    }
  },
  {
    "type": "cta",
    "variant": "faixa",
    "props": {
      "title": "Garanta sua vaga",
      "body": "As inscrições fecham em breve.",
      "actions": [{ "label": "Inscrever-se", "href": "#inscricao" }]
    }
  }
]

Receba notícias e novidades da CDL/BH

Acompanhe conteúdos sobre comércio e serviços, capacitação, soluções e iniciativas da CDL/BH.