PrestaShop Gestão de catálogo

Configurador de Produto por Etapas: opções visuais, pré-visualização ao vivo e impacto no preço (PrestaShop 1.7, 8 e 9)

Cada produto passa a ser configurável, passo a passo

Cor, gravação, acessório: os seus clientes compõem o seu produto num percurso guiado, veem o resultado em tempo real camada a camada, e o preço certo é acrescentado ao carrinho, calculado no servidor e impossível de falsificar.

Em resumo
  • 10 tipos de campo (listas, cartões de rádio, amostras de cor, miniaturas, texto, envio de ficheiro, número, data) com campos condicionais «Mostrar apenas se…»
  • Um configurador para vários produtos ou categorias inteiras, duplicável num clique
  • Pré-visualização composta em tempo real (camadas PNG, tingimento, texto estilizado), ou desativada para manter as imagens do tema ou do page builder
  • Preço e peso calculados no servidor por opção: fixo, percentagem, por carácter ou fórmula, portes por peso nativos
  • Creative Elements: hook dedicado, link de informação que abre um modelo numa janela, janela de carrinho com o detalhe da personalização
PrestaShop 1.7, 8 e 9 Multimoeda Pré-visualização ao vivo Creative Elements Sem Composer
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Configurador de produto por passos no PrestaShop, com opções visuais e pré-visualização do preço em direto
v1.3.0 · atualizado 2026-10-11
O que faz

A versão curta.

01

Percurso guiado por etapas

Crie tantas etapas quantas cada produto exigir: 10 tipos de campo, escolhas visuais, gravação, envio de ficheiro, com campos condicionais que só aparecem quando uma opção é escolhida (a moldura só para uma impressão emoldurada). A numeração e a barra de etapas mostram-se ou ocultam-se conforme o seu design.

02

Pré-visualização composta em tempo real

Cada opção pode levar uma camada PNG transparente sobreposta à foto do produto, ou tingir a sua silhueta. O texto gravado aparece em direto com o tipo de letra, o tamanho e a cor escolhidos pelo cliente, em zonas de posicionamento que desenha com o rato. A pré-visualização desativa-se num clique quando as imagens são geridas por um page builder.

03

Preço calculado no servidor

Cada opção tem um impacto sem impostos (fixo, percentagem do preço base, por carácter, por unidade ou fórmula) e um peso. O total apresentado é indicativo; o cálculo real passa pelo mecanismo de preços nativo do PrestaShop com conversão de moeda e IVA, e o peso soma-se ao carrinho para os portes.

04

Pensado para page builders

Coloque o configurador onde quiser com o hook displayDfProductConfigurator, a partir do widget Módulos ou Shortcode do Creative Elements, sem mexer nas imagens nem nos blocos da página. Cada campo pode mostrar um link de informação («Guia de materiais») que abre numa janela um modelo paginado no Creative Elements.

05

Um configurador, todo um catálogo

Associe um configurador a vários produtos e a categorias inteiras, subcategorias incluídas: cada produto mantém o seu próprio preço base. Duplique um configurador num clique para criar uma gama; as condições entre campos são religadas automaticamente na cópia.

06

Carrinho limpo, oficina servida

Cada configuração cria uma personalização nativa do PrestaShop com um resumo legível, do carrinho à fatura. Depois de adicionar, uma janela mostra o produto, cada escolha e os totais do carrinho com «Continuar a comprar» e «Finalizar compra». O detalhe da encomenda reúne o resumo, os ficheiros do cliente e o visual final.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Configurador de Produto por Etapas: opções visuais, pré-visualização ao vivo e impacto no preço (PrestaShop 1.7, 8 e 9) funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Vender por medida sem fazer explodir o catálogo

Quadros de foto, garrafas gravadas, joias personalizadas, móveis configuráveis: assim que um produto se declina em tamanhos, acabamentos e opções pagas, as combinações nativas mostram os seus limites (explosão combinatória, stock ingerível, nenhuma gravação possível). O Configurador de Produto acrescenta um percurso guiado na página de produto: o cliente escolhe, vê e paga o preço certo, sem que crie uma única combinação a mais.

§ 02

Uma pré-visualização que vende por si, ou as suas próprias imagens

Cada opção pode levar uma camada PNG transparente sobreposta em tempo real à foto do produto, e o texto gravado aparece com o tipo de letra, o tamanho e a cor escolhidos. Se as suas páginas de produto são construídas com o Creative Elements, desative a pré-visualização: galerias e blocos ficam intactos, e o configurador coloca-se sob o título e o preço graças ao seu hook dedicado.

§ 03

O preço certo, aplicado onde ninguém pode fazer batota

Cada opção tem um impacto no preço sem impostos, positivo ou negativo, e um peso. O total atualiza-se em direto na moeda do visitante, mas esse montante é apenas uma apresentação: o suplemento real é aplicado pelo cálculo de preços nativo do PrestaShop, no servidor, com conversão de moeda e IVA do cliente. O peso das opções soma-se ao carrinho, o que mantém corretos os portes por peso e o limiar de portes grátis.

§ 04

Personalizações nativas, não uma camada frágil

Em vez de reinventar o carrinho, o módulo apoia-se nas personalizações nativas do PrestaShop: cada configuração validada cria a sua própria linha com um resumo legível (Tamanho: 40 × 60 cm · Tipo: Impressão emoldurada · Moldura: Nogueira) que acompanha a encomenda até à fatura e ao back-office. Depois de adicionar, uma janela resume as escolhas e propõe continuar a comprar ou finalizar a compra.

§ 05

Uma administração pensada para ir depressa

Um único ecrã por configurador: os produtos e categorias associados, depois os campos, que reordena arrastando e largando e recolhe para manter uma visão de conjunto. Cada campo tem as suas opções (etiqueta, preço, peso, referência, cor, miniatura), as suas condições de apresentação escolhidas numa lista e, se necessário, um link de informação. Um configurador duplica-se num clique para criar uma gama, e três conjuntos de demonstração importam-se a partir das definições do módulo.

129,00€
Pagamento único · 12 meses de atualizações
Ler a documentação
  • Instalações ilimitadas em dev e staging
  • Código-fonte incluído
  • Reembolso em 30 dias
  • Suporte em 24h · EN / FR
5,0/5 19 avaliações