O widget de produto interativo é uma galeria de cartão reversível comprável que transforma conteúdo de estilo de vida em recibos de produto. Os visitantes podem passar para virar cada cartão e instantaneamente ver detalhes do produto, nome, preço, descrição e uma CTA clara de Compre Agora, tornando-o perfeito para secções de “compre o look” que se sentem divertidas, táteis e prontas para conversão.
Recursos
-
Interação de cartão reversível: Passe para revelar o “verso” do cartão com detalhes do produto (ótimo para envolvimento em desktop)
-
Verso estilo recibo: Design limpo de “recibo” com nome do produto, preço, descrição e detalhe de código de barras
-
Comportamento de clique para comprar: CTA Compre Agora integrado para enviar compradores diretamente para a página do produto
-
Cartões frontais estilo Polaroid: Imagens de estilo de vida num visual de foto enquadrada para um visual curado e editorial
-
Cabeçalho instrutivo: Título da secção mais texto auxiliar como “Passe para virar. Clique para comprar.” melhora a usabilidade
-
Vitrine de vários cartões: Exiba vários produtos lado a lado num layout de linha limpo
-
Atribuição de marca/handle: Pequeno rótulo de fonte em cartões para autenticidade e consistência
-
Layout responsivo: Empilha ou rola suavemente em ecrãs mais pequenos (onde passar se torna toque/clique)
Casos de uso
-
Produtos em destaque na homepage: Torne os mais vendidos interativos e mais memoráveis do que uma grelha básica
-
Secções compre o look: Ligue imagem de estilo de vida diretamente à compra do produto
-
Lançamentos de coleção: Apresente um conjunto pequeno e curado com narrativa e compra rápida
-
Páginas de destino: Aumente o tempo de envolvimento e os cliques com cartões de produto interativos
-
Comércio impulsionado por UGC: Emparelhe imagens de criador/cliente com verso de produto comprável
Como incorporar
-
Adicione o seu catálogo de produtos ou links de produtos na EmbedSocial (ou mapeie produtos para as suas publicações/itens).
-
Escolha o modelo da biblioteca de modelos compráveis.
-
Personalize o título da secção, texto auxiliar e rótulo de botão (por exemplo, Compre Agora).
-
Atribua detalhes do produto (nome, preço, descrição, URL) a cada cartão.
-
Copie o código de incorporação (JavaScript ou iFrame).
-
Cole-o no seu sítio (Shopify, WooCommerce, Webflow, WordPress, Wix, Squarespace ou HTML personalizado) e publique.
Torne a compra interativa, incorpore o widget de exibição de produto interativo e deixe os visitantes virarem looks, descobrirem detalhes de produtos instantaneamente e clicarem em Compre Agora em segundos.
