O layout Ipanema utiliza um sistema de seções e blocos que você pode adicionar, reordenar e personalizar em qualquer página da sua loja: Início, Categoria, Busca, Produto e a página de erro 404.
Este catálogo reúne todas as seções disponíveis, agrupadas por objetivo principal, com o detalhe do que você pode configurar em cada uma. Para os passos específicos de como acessar o editor e adicionar uma seção, consulte o tutorial da página que você quer personalizar.
Helpjuice Info Callout Title
O layout Ipanema aceita imagens em formato JPEG, PNG, GIF e WebP, com um tamanho máximo de 20 MB por arquivo, independentemente do formato escolhido.
Seções para destacar promoções e ofertas
Seção |
Quando usar? |
O que configurar? |
|---|---|---|
| Banners | Para mostrar blocos promocionais (como campanhas, coleções e histórias de temporada) em formato de grade ou carrossel. | Banner: cada bloco é uma promoção. Você define imagens para computador/celular, link, sobreposição de cor e posicionamento. Dentro dele, você pode adicionar blocos de Título, Texto, Botão, Imagem e Grupo. |
| Banner rotativo (Slideshow) | Para destacar grandes campanhas, promoções e coleções de forma impactante, ocupando a largura total da tela. | Slide: cada slide configura imagens (desktop e celular) e links. Você pode posicionar os blocos de Título, Texto, Botão ou Grupo sobre a imagem para criar chamadas para ação (CTAs). |
| Carrossel | Para alternar várias histórias visuais em uma única faixa, ideal para divulgar múltiplas ofertas sem precisar de um banner em tela cheia. | Slide (Carrossel): segue a mesma lógica do banner rotativo. Você adiciona a imagem, o link e completa com blocos de Título, Texto, Botão ou Grupo dentro do slide. |
| Banner principal (Hero) | Para mostrar uma imagem na largura total na página inicial, ideal para comunicar de imediato o conceito de uma nova campanha. | Título, Texto, Botão e Grupo: você define os textos e as ações. A função Grupo serve para agrupar esses blocos e manter a organização do layout. |
| Ofertas com cronômetro | Para acelerar a decisão de compra usando gatilhos de escassez e urgência (vendas relâmpago ou "termina em breve"). | Cronômetro, Produtos, Grupo, Imagem, Texto, Título e Botão: o Cronômetro gerencia o tempo final, a seção Produtos mostra a vitrine da promoção, e os demais blocos dão estilo aos textos informativos. |
| Pop-up promocional | Para reter seus visitantes quando eles tentam sair da loja ou dar as boas-vindas no primeiro acesso com um cupom de desconto. | Configuração da seção: não usa blocos. O gatilho de exibição (tempo), os textos e o comportamento do pop-up são definidos de forma global nas opções da seção. |
Helpjuice Info Callout Title
O Ipanema é um layout responsivo: não existe uma medida fixa recomendada para os banners. O que importa é a proporção configurada em cada seção, já que a imagem se adapta automaticamente a diferentes dispositivos. Carregue a imagem no editor e pré-visualize nas versões de computador e celular antes de publicar.
Seções para mostrar seus produtos
Seção |
Quando usar? |
O que configurar? |
|---|---|---|
| Produtos em destaque (Grade) | Para mostrar uma seleção de produtos de forma estratégica (mais vendidos, novidades, envios no mesmo dia), escolhidos manualmente ou pelo algoritmo. | Configuração da seção: não usa blocos individuais. A origem dos produtos e a estrutura visual são configuradas de forma automatizada pela seção. |
| Produto em destaque | Para atrair a atenção do seu cliente para um produto único e específico (um superlançamento, um campeão de vendas ou um kit exclusivo). | Configuração da seção: a escolha do produto e sua disposição na página são configuradas diretamente nas opções da seção. |
| Lista de produtos | É a grade principal de produtos exibida nas categorias e nos resultados de busca, onde os clientes navegam e comparam os itens. | Configuração da seção: não utiliza blocos soltos. As opções de filtros, ordenação e exibição da grade são ajustadas diretamente nas configurações da seção. |
| Título da página | Para dar contexto acima das listas de produtos (exibindo o nome da categoria, o termo pesquisado ou o título de uma campanha). | Título: um bloco focado no texto e no alinhamento do cabeçalho da página (útil quando o layout exige um título superior de destaque). |
| Informações do produto | É a área principal de compra da loja: exibe a galeria de fotos, preço, variações, botão de comprar e as opções de frete. | Mídia e Informações fixas: configura a exibição de imagens e miniaturas. A área de compra (título, preço e formulários) possui uma estrutura fixa definida pelo tema e não aceita a adição de blocos de textos livres. |
| Descrição do produto | Para detalhar especificações, cuidados, guia de medidas e a história do produto. Permite criar visuais ricos com abas e mídias. | Descrição, Título, Texto, Imagem, Botão, Vídeo e Sanfona: a Descrição é o bloco principal (com visualização opcional em formato de sanfona). Você pode adicionar os demais blocos para criar módulos extras de conteúdo. |
| Produtos relacionados | Para estratégias de vendas cruzadas ("Você também pode gostar") com o objetivo de aumentar o ticket médio do pedido. | Configuração da seção: não utiliza blocos. As regras de quais produtos devem aparecer são definidas diretamente nas opções da própria seção. |
Seções para gerar confiança
Seção |
Quando usar? |
O que configurar? |
|---|---|---|
| Perguntas frequentes (FAQ) | Para reduzir chamados de suporte, resolvendo rapidamente as dúvidas mais comuns sobre envios, devoluções e pagamentos direto na página. | Pergunta: cada bloco representa uma dúvida. Você preenche o título (pergunta), o conteúdo (resposta) e escolhe se ela deve aparecer aberta ou fechada por padrão. |
| Ícone com texto | Para destacar os benefícios e diferenciais da sua loja (como frete grátis, compra segura e devoluções), transmitindo confiança de forma fácil de ler. | Item de ícone com texto: cada bloco gera uma linha de benefício com um ícone (ou imagem própria), título, descrição e link opcional. |
| Depoimentos | Para mostrar as avaliações reais e a opinião positiva de outros compradores, ajudando a eliminar as objeções de compra de novos clientes. | Depoimento: cada bloco consolida a avaliação de uma pessoa, onde você preenche a foto, o nome, a pontuação (em estrelas), o título e a citação diretamente. |
| Feed do Instagram | Para gerar prova social e chamar a atenção dos seus visitantes usando o conteúdo visual da sua rede social. | Título e Posts do Instagram: o título funciona como cabeçalho da seção. As fotos são integradas automaticamente a partir da sua conexão com o Instagram. |
Seções para contar sua marca
Seção |
Quando usar? |
O que configurar? |
|---|---|---|
| Imagem com texto | Para criar composições com visual editorial (como lookbooks, história de marca ou introdução de uma categoria), posicionando foto e texto lado a lado. | Imagem, Título, Texto, Botão, Grupo (e extras): permite combinar os blocos de conteúdo essenciais e, se necessário, incorporar outros elementos da biblioteca do tema. |
| Editorial de texto | Para mostrar conteúdos contínuos e extensos, como a página "Quem somos", explicações detalhadas de políticas ou textos em formato de artigo. | Título, Texto, Botão e Imagem: use essa combinação de blocos principais para estruturar conteúdos de forma mais livre, com imagens inseridas no meio do texto. |
| Vídeo | Para mostrar o produto em uso real, publicar um vídeo de "unboxing" ou promover a campanha de marca com uma chamada de vendas. | Vídeo, Título, Texto, Botão e Grupo: o bloco de Vídeo incorpora e reproduz o conteúdo; use os outros blocos para acompanhar o vídeo com subtítulos e botões de ação. |
Seção para captar contatos
Seção |
Quando usar? |
O que configurar? |
| Newsletter | Para capturar e-mails de visitantes e convertê-los em clientes oferecendo descontos, lançamentos e ações segmentadas no futuro. | Formulário de Newsletter: Gera automaticamente o campo de e-mail e o botão de envio. Você constrói o apelo visual ao redor dele utilizando blocos de Imagem, Título, Texto e Grupo (podendo inserir avisos com letras miúdas). |
Pronto!
Agora você já conhece todas as seções que pode usar com o layout Ipanema. Aproveite a flexibilidade dos blocos para criar uma vitrine atrativa, comunicar campanhas de vendas e oferecer uma excelente experiência de navegação ao seu cliente.