Widget de Card de Produto para seu Site

Crie uma grade responsiva de cards de produto para ofertas, lançamentos, guias de presentes e coleções em destaque. Adicione imagens, nomes, descrições, preços, preços antigos, selos promocionais e botões de CTA aos produtos e, em seguida, estilize os cards sem código.

Como criar um widget Cartões de Produtos

Add product cards

Adicione cards de produto

Insira nomes de produtos, imagens, descrições, preços, preços antigos, selos promocionais, texto de CTA e links de produtos para até seis produtos.

Customize the layout

Personalize o layout

Escolha o modo grade ou carrossel, defina as colunas do desktop, ajuste a proporção e o espaçamento das imagens e controle a visibilidade no desktop ou mobile.

Embed it on your website

Incorpore ao seu site

Visualize os cards de produto, salve seu widget e copie o código de incorporação gerado para sua loja, landing page ou blog.

Transforme produtos selecionados em uma seção de cards limpa e clicável

Selecione até seis produtos

Monte manualmente um conjunto de produtos focado com imagens, URLs de produtos, preços, preços antigos, descrições e selos. Use-o para itens em promoção, mais vendidos, novidades, kits e coleções de campanha.

Curate up to six products

Estilize cada detalhe do card

Escolha o modo claro ou escuro, atualize as cores de fundo, texto, selo, preço, borda e botão, ajuste o raio dos cards e das imagens, adicione sombras e use CSS personalizado com escopo quando precisar de mais controle.

Style every card detail

Adapte o layout para cada dispositivo

Defina as colunas da grade, o espaçamento dos cards, a proporção das imagens, a largura do widget, a visibilidade no desktop e a visibilidade no mobile para que seus cards de produto permaneçam legíveis em celulares, tablets e páginas de vitrine largas.

Adapt the layout for every device

Leve os compradores às páginas de produtos

Cada card pode exibir um botão de CTA e abrir seu link de produto em uma nova aba, ajudando os visitantes a irem de uma campanha, guia ou seção da página até o item que desejam.

Send shoppers to product pages

Como incorporar seu widget Cartões de Produtos ao WordPress

1Obtenha seu código de incorporação

Após personalizar seu widget de site do Jotform, clique em Experimente no seu site gratuitamente e copie o código de incorporação gerado.

2Abra o editor de página

Acesse o post ou a página do WordPress onde deseja exibir o widget e adicione um novo bloco.

3Adicione um bloco de HTML Personalizado

Selecione HTML Personalizado e cole o código de incorporação do widget de site do Jotform no campo HTML.

4Atualize e visualize

Clique em Atualizar ou Publicar e abra a página para verificar seu widget incorporado.

Por que os Widgets para Sites Jotform se destacam

Os widgets da Jotform tornam seu site mais interativo e aumentam as conversões. Há diversas opções disponíveis, desde avaliações com estrelas e deslizadores de depoimentos até pop-ups de prova social e incorporações de mídia. Adicione widgets aos seus formulários ou landing pages para coletar dados, exibir provas sociais e capturar leads — tudo sem precisar programar.

Incorpore widgets sem precisar programar

Adicione widgets da Jotform ao seu site com um simples código de incorporação. Personalize o widget, veja uma prévia de como ele ficará e cole-o em qualquer página que aceite HTML personalizado ou blocos de incorporação, sem precisar de um desenvolvedor.

Crie páginas mais interativas

Use os Widgets para Sites Jotform para coletar leads, exibir avaliações de clientes, expor provas sociais, incorporar mídia ou adicionar ferramentas úteis às suas páginas. Cada widget ajuda os visitantes a interagir com sua empresa diretamente no site.

Receba suporte sempre que precisar

Se precisar de ajuda para configurar, personalizar, incorporar ou solucionar problemas com o seu widget, a equipe de suporte Jotform está disponível 24h. Assim, você pode seguir em frente com confiança, sabendo que terá ajuda sempre que precisar.

Onde usar seu widget de cards de produto

Use o widget em qualquer lugar onde um conjunto visual e conciso de produtos possa ajudar os visitantes a comparar itens ou acessar as páginas de produtos mais rápido.

Seções da página inicial para destacar novidades, produtos em destaque ou ofertas atuais.

Landing pages de campanha para apresentar uma pequena coleção promocional ou lançamento com links diretos para os produtos.

Guias de presentes e posts de blog para conectar conteúdo editorial com produtos relevantes que os visitantes podem comprar.

Páginas de coleção para destacar mais vendidos, kits, acessórios ou ofertas por tempo limitado.

Vitrines de pequenas empresas que precisam de uma grade de cards de produto sem desenvolvimento frontend personalizado.

Promoções sazonais em que selos promocionais e preços antigos ajudam os compradores a avaliar a oferta rapidamente.

Converta leads em clientes pagantes com o Criador de Formulários Jotform

Transforme engajamento em ação usando Jotform. Crie formulários poderosos para captar leads, receber pagamentos e automatizar respostas, tudo em um só lugar. Cada envio chega à sua Caixa de Envios Jotform, onde você pode fazer o acompanhamento ou conectar seus apps favoritos.

Comece jáé grátis!
Convert leads into customers

Perguntas Frequentes

  • O que é um widget de cards de produto?

    Um widget de cards de produto é uma seção de cards responsiva que mostra produtos selecionados com imagens, descrições, preços, preços antigos, selos e links.

  • Quantos cards de produto posso mostrar?

  • Posso personalizar o design?

  • Cada produto pode ter link para uma página de produto?

  • Funciona como grade e carrossel?

  • Funciona em dispositivos móveis?

  • Este widget escaneia páginas de produtos automaticamente?

  • Preciso escrever código?