PrestaShop Design & Navegação

Product Story: Blocos de Storytelling na Ficha de Produto

Fichas de produto que contam uma história, sem page builders pesados

Transforme as suas descrições de produto planas em secções de storytelling imersivas: imagem e texto alternados, vídeo click-to-play, tabela comparativa e grelha de benefícios, montados em poucos minutos num construtor por arrastar e largar e depois distribuídos pelos produtos ou categorias certos.

At a glance
  • 5 tipos de blocos: imagem e texto alternados, vídeo, tabela comparativa, ícones de benefícios e texto livre
  • Construtor por arrastar e largar no back-office, 100 % JavaScript vanilla e sem dependências
  • Segmentação por produto (prioritária) ou por categoria (recurso automático)
  • Apresentação por baixo da descrição ou num separador dedicado, à escolha
  • Vídeos do YouTube e do Vimeo em fachada click-to-play, amigáveis para os Core Web Vitals
PrestaShop 8 PrestaShop 9 Multiloja Multilingue Sem jQuery
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Blocos de storytelling arrastados e largados numa ficha de produto PrestaShop
v1.1.0 · atualizado 2026-08-12
O que faz

A versão curta.

01

Construtor por arrastar e largar intuitivo

Empilhe, reordene e duplique os seus blocos com o rato ou com o teclado. Separadores de idiomas integrados para traduzir cada bloco sem sair da página.

02

Segmentação inteligente

Atribua uma história a produtos específicos ou a categorias inteiras. As atribuições a produtos têm prioridade e as categorias servem de recurso: uma única história pode cobrir toda uma secção.

03

Desempenho preservado

CSS e JS carregados apenas nas fichas de produto, vídeos em fachada click-to-play (youtube-nocookie e Vimeo dnt=1) e imagens em lazy loading. Sem impacto nos seus Core Web Vitals.

04

A alternativa aos page builders

Sem shortcodes, sem renderizações pesadas e sem bloqueio proprietário: blocos estruturados e uma apresentação limpa que herda o estilo do seu tema.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Product Story: Blocos de Storytelling na Ficha de Produto funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Porque é que o storytelling de produto vende

Uma ficha de produto comum alinha um preço, uma descrição e umas características. Uma ficha de produto que converte conta porque é que o produto existe, mostra os detalhes que justificam o seu preço e tranquiliza no momento da dúvida. As grandes marcas D2C perceberam isso há muito: as suas páginas de produto alternam imagens imersivas, argumentos curtos e provas concretas. O Product Story traz exatamente esse formato ao PrestaShop, sem refazer o tema nem contratar um programador.

§ 02

Cinco blocos, combinações infinitas

Componha cada história com blocos de imagem e texto alternados para desenrolar a sua narrativa visual, um bloco de vídeo para a demonstração, uma tabela comparativa para ajudar na escolha entre as suas gamas, uma grelha de ícones de benefícios para os argumentos-chave num relance, e secções de texto livre para tudo o resto. Cada bloco desloca-se com o rato, duplica-se num clique e traduz-se em todos os seus idiomas através de simples separadores.

§ 03

Uma história, dezenas de produtos

Não é preciso escrever produto a produto: atribua uma história a uma categoria inteira e todos os seus produtos a herdam automaticamente. Precisa de um conteúdo específico para um campeão de vendas? Atribua-lhe a sua própria história, que ficará por cima. O sistema de prioridade permite-lhe até acumular várias histórias na mesma ficha, pela ordem que decidir.

§ 04

Leve onde os page builders são pesados

Os page builders genéricos injetam centenas de kilobytes de CSS e de JS em todas as suas páginas e fecham o seu conteúdo em shortcodes proprietários. O Product Story carrega os seus ficheiros apenas nas fichas de produto, substitui os iframes do YouTube e do Vimeo por fachadas click-to-play respeitadoras do RGPD, e produz um HTML limpo que herda a tipografia do seu tema. Os seus Core Web Vitals mantêm-se verdes.

§ 05

Pensado para lojas internacionais

Cada título, texto, coluna de tabela e item de benefício traduz-se de forma independente. O título do separador do produto também é multilingue, com valores predefinidos fornecidos em francês, inglês, espanhol, alemão e italiano. Em multiloja, uma história pode ser partilhada por toda a rede ou reservada a uma loja.