Casa Terra
Uma loja pequena e completa: catálogo com categorias, pesquisa e ordenação, janela de cada produto com opções e preços, e um carrinho que calcula os portes e prepara o pedido para o cliente enviar por WhatsApp ou email. Não tem pagamento online: combinas o pagamento e a entrega com cada cliente. Os produtos de exemplo são desenhados com formas; trocas cada um pela tua fotografia.
Feito com
HTML5
CSS
JavaScript
WhatsApp
Preço
Desde 79 €
Personalização à parte, se precisares.
Não pagas nada agora: escreves-me, respondo por email e combinamos o pagamento por conversa.
Experimenta. Usa a loja, ao vivo
Demonstração simuladaA loja completa a funcionar dentro desta página: filtra e pesquisa, abre uma peça, escolhe o tamanho, enche o carrinho e prepara o pedido. Os produtos, os preços e os contactos são fictícios, por isso os botões de WhatsApp e email estão desativados nesta demonstração.
Características
- Catálogo sem servidor nem base de dados, com os produtos num único ficheiro de configuração
- Filtros por categoria criados sozinhos, pesquisa e ordenação por preço ou nome
- Janela de cada produto com descrição, opções (tamanhos ou versões) e quantidade
- Carrinho com quantidades, remoção, subtotal, portes (grátis a partir de um valor) e total
- O carrinho fica guardado no navegador do cliente
- Pedido pronto para enviar por WhatsApp ou email, com a lista, os portes e o total
- Cada produto aceita uma fotografia tua em vez do desenho de exemplo
- Sem pagamento online nem gestão automática de stock
- Animações suaves que respeitam a preferência «reduzir movimento» do sistema
Sobre este modelo
Responsivo
O layout adapta-se do telemóvel ao computador. Testei a página em ecrã de telemóvel (375 px) e de computador, sem deslocação lateral.
Conteúdo de demonstração incluído
Textos, preços, horários e testemunhos de exemplo (todos fictícios) para veres o site completo desde o primeiro minuto. Substituis pelos teus.
Documentação
Vem com um ficheiro LEIA-ME que explica, passo a passo, o que mudar para pôr os teus dados e como pôr o site online. Dúvidas de instalação e de utilização: respondo por email.
O que este modelo não faz
Não recebe pagamentos nem gere stock: os pedidos chegam por mensagem e confirmas cada um. Para pagamento online e stock automático é preciso uma plataforma de comércio eletrónico.
Testado
Testado no Chrome (motor Chromium).
Ficheiros, tipos de letra e créditos
- Ficheiros incluídos
- Ficheiro HTML
- Folha de estilos CSS
- Ficheiros JavaScript (site e configuração)
- Tipos de letra alojados no próprio site
- LEIA-ME com instruções
- Bibliotecas
- Nenhuma. É HTML, CSS e JavaScript puros, sem jQuery, Bootstrap nem outras bibliotecas.
- Tipos de letra
- DM Serif Display e Hanken Grotesk (licença aberta OFL), já incluídas no modelo; não pedem nada ao Google.
- Ícones
- Não usa ícones externos: só texto, e um ícone de separador desenhado para o modelo.
- Créditos de imagem
- Os produtos de exemplo são desenhos geométricos gerados no próprio site; não há fotografias nem ilustrações de terceiros. Usa só fotografias tuas ou com licença.
Personalização
O modelo vem com dados e imagens de exemplo. Se quiseres, adapto-o ao teu negócio (nome, textos, preços, cores, fotografias e contactos); a personalização tem orçamento à parte.
Entrega
Recebes os ficheiros do site, prontos a pôr online em qualquer alojamento simples. Se precisares, ajudo a pô-lo no ar com o teu domínio (a combinar).
Licença
Uma licença é para um negócio. Podes usar e alterar o site para esse negócio; não podes revender nem partilhar o modelo.