Loja virtual para chocolateria: conheça o Cacau de Quintal

Chocolate artesanal se vende pelos olhos e pelo cuidado. A foto de uma barra quebrada desperta vontade, mas é a informação que fecha a compra: quais são os ingredientes, se há leite ou castanhas, qual é a validade, se a caixa chega inteira num dia quente. Uma loja virtual para chocolateria precisa equilibrar essas duas coisas, com uma vitrine bonita e uma página de produto honesta.

O Cacau de Quintal é um modelo demonstrativo da Tilde feito para chocolaterias pequenas, que produzem em pequenas levas e vendem barras, bombons e caixas de presente. O tema usa WordPress e WooCommerce, com uma capa escura, tons de cacau e creme e uma tipografia elegante, a Newsreader, combinada com a Karla no texto.

A marca é fictícia. Os produtos, os valores e as imagens são exemplos, e as fotografias foram geradas por inteligência artificial. Você pode conhecer a página do modelo Cacau de Quintal e ver as condições de contratação na página de preços da Tilde.

Uma capa escura com três imagens

A abertura usa um fundo escuro, cor de cacau, com o título à esquerda: “Chocolate feito em pequenas levas.” À direita, um mosaico de três fotografias: uma imagem alta, com barras e grãos sobre madeira, e duas menores, uma com bombons esfriando e outra com o chocolate sendo temperado no mármore. Uma das fotos menores tem o canto arredondado, um detalhe que suaviza a composição.

As três imagens são editáveis no painel. Uma chocolateria real pode usar a foto da vitrine, de uma caixa de presente ou da cozinha. O texto da capa convida a consultar os sabores da semana, ingredientes e prazos de encomenda, o que já prepara o visitante para uma loja que trabalha com produção limitada.

No celular, o mosaico desce para baixo do texto e mantém as proporções, sem cortar as fotos de forma estranha e sem rolagem lateral.

Como funciona, em carimbos

Logo depois da capa, quatro selos explicam como a loja funciona: ingredientes à vista, pronto para presente, orientações de conservação e envio ou retirada. Cada selo tem um ícone dentro de um círculo tracejado e levemente girado, como um carimbo de papelaria.

Os textos foram escritos para orientar, não para prometer. Em vez de garantir entrega em um prazo, o selo diz para consultar regiões e cuidados com o calor. Quando a chocolateria configurar a loja, pode trocar cada linha pelos seus diferenciais reais.

Categorias em arcos

As categorias aparecem como três arcos altos, cada um com uma foto e uma etiqueta sobreposta na base, com o nome e a quantidade de opções. A demonstração usa barras, bombons e caixas de presente, mas a lista vem das categorias do WooCommerce e pode crescer conforme o catálogo.

O formato em arco lembra uma vitrine de confeitaria e dá unidade visual à página. A etiqueta flutuante fica legível sobre qualquer foto, porque tem fundo próprio, e o link cobre a imagem inteira, o que facilita o toque no celular.

Vitrine com abas

A vitrine organiza os produtos em três abas: destaques, novidades e ofertas. O visitante troca de aba com um clique, e tudo funciona mesmo sem JavaScript, porque as abas são feitas com elementos nativos do navegador. Se não houver ofertas, aparece uma mensagem simples em vez de um espaço vazio.

Os cartões de produto usam sombra suave e foto vertical. A demonstração traz seis produtos: barra amarga, barra ao leite com castanhas, caixa com nove bombons, trufas, caixa de presente e nibs de cacau. Os preços são de exemplo.

Ingredientes, alergênicos e validade na página do produto

Para alimentos, a página do produto é o lugar mais importante da loja. Cada produto de exemplo traz na descrição a orientação para consultar ingredientes, alergênicos e validade. A barra ao leite com castanhas, por exemplo, avisa que contém leite e castanhas e pede para conferir a lista completa.

O modelo não inventa composição nem prazo de validade. Essas informações dependem da receita de cada chocolateria e precisam ser preenchidas por quem produz. O espaço de guia do produto, que nos temas de moda serve para tabela de medidas, aqui aparece como “Ingredientes”, pronto para receber a lista real.

Também vale lembrar a legislação de rotulagem de alimentos. A loja virtual não substitui o rótulo da embalagem, mas deve repetir as informações essenciais para quem compra sem ver o produto.

Uma carta da cozinha

A seção sobre a marca é apresentada como uma carta. A foto das mãos temperando o chocolate fica à esquerda, e um cartão de papel se sobrepõe a ela, com título, texto e a assinatura da marca em itálico. O efeito lembra um bilhete que acompanha uma caixa de presente.

O texto de exemplo explica que se trata de uma demonstração e conta a proposta da loja: dar espaço aos ingredientes, à conservação e às encomendas. Uma chocolateria real pode usar esse espaço para contar como começou, de onde vem o cacau que usa ou como escolhe os sabores da semana.

Presentes com laço

A chamada para encomendas de presente é uma das partes mais marcantes do tema. Um cartão branco fica no centro de uma faixa colorida cruzada por duas linhas, como uma fita de presente. No topo do cartão, um ícone de presente; abaixo, o convite para montar uma caixa para alguém especial.

O botão principal leva à loja. Quando a chocolateria cadastra um WhatsApp, aparece um segundo botão para encomendar pela conversa, com uma mensagem pronta. Datas como Páscoa, Dia das Mães e Natal concentram encomendas, e ter esse caminho visível na capa ajuda a organizar os pedidos com antecedência.

Blog e perguntas frequentes

O blog aparece na capa com um destaque grande e dois textos menores ao lado, todos com foto. A demonstração traz dois artigos: como guardar chocolate sem perder o sabor e como montar uma caixa de presente. Conteúdo útil como esse aproxima o cliente e ajuda a loja a aparecer nas buscas.

As perguntas frequentes ficam em fichas de duas colunas, com uma borda colorida à esquerda e um sinal de mais que gira ao abrir. As respostas de exemplo tratam de ingredientes, validade, envio, encomendas, escolha de sabores e preços, sempre orientando a consultar a chocolateria real. As perguntas também geram dados estruturados para o Google.

Calor, envio e retirada

Chocolate é sensível à temperatura, e o envio precisa ser pensado com cuidado. A loja vem com os plugins da Tilde para Correios e retirada, mas, na demonstração, ambos estão desativados. Não há origem, peso de embalagem ou regiões definidas.

Antes de ativar, a chocolateria precisa decidir para onde envia, em quais meses, com que embalagem térmica e em quanto tempo. Muitas preferem retirada no local ou entrega própria na cidade. O tema oferece uma página de entrega e retirada para explicar essas regras.

Uma boa prática é deixar essas condições visíveis antes do carrinho, para que ninguém descubra no fim da compra que a caixa não pode ser enviada para a sua cidade naquela semana. A barra do topo e os selos da capa podem ser usados para avisos sazonais, como prazos de Páscoa ou pausa nos envios no verão.

Como adaptar o Cacau de Quintal à sua chocolateria

Comece pelas fotos: chocolate pede luz lateral, fundo escuro ou de papel e foco nas texturas. Depois, crie as categorias e cadastre os produtos com ingredientes, alergênicos, peso e validade. Revise os selos, a carta, a chamada de presentes e as perguntas frequentes, e só então ative envio e pagamento.

O tema tem quatro paletas com contraste conferido: cacau e creme, pistache, framboesa e uma versão noturna. As fontes são servidas localmente, o que deixa a página mais rápida. O layout se reorganiza no celular e respeita a preferência por movimento reduzido.

Para ver o modelo funcionando, visite a página do Cacau de Quintal. Na página de preços você encontra as condições para colocar a sua chocolateria no ar. O tema dá a estrutura; os sabores, as fotos e o cuidado com cada caixa são seus.