--- title: "Paginas de produto com JetWooBuilder em 5 passos" description: "Criar paginas de produto com JetWooBuilder é editar o template da ficha no Elementor, com widgets do WooCommerce e sem tocar em PHP." url: https://full.services/paginas-de-produto-com-jetwoobuilder/ date: 2026-06-28 author: "Clayton Margiotti" --- # Paginas de produto com JetWooBuilder em 5 passos Criar **paginas de produto com JetWooBuilder** no Elementor é montar um template visual de Single Product no lugar do layout padrão do WooCommerce. Segundo o [Baymard Institute](https://baymard.com/lists/cart-abandonment-rate) (2025), a taxa média de abandono de carrinho é de 70,22% em 50 estudos. Um template sem o botão de compra nativo agrava esse número. Use os widgets do JetWooBuilder e preserve os hooks do WooCommerce. Criar paginas de produto com JetWooBuilder é editar o template da ficha no Elementor, com widgets do WooCommerce e sem tocar em PHP. O JetWooBuilder é o addon da Crocoblock para isso. Em vez de aceitar o layout fixo do tema, você arrasta widgets como título, preço e botão de compra e define onde cada elemento aparece. Quem trabalha com lojas no WordPress sabe que a página de produto é onde a decisão de compra acontece, e o controle visual desse template muda a taxa de conversão. Este guia mostra como criar paginas de produto com JetWooBuilder em cinco passos, do template à condição de exibição, com os erros que mais geram ticket no suporte. --- ## Por que paginas de produto com JetWooBuilder mudam a conversao Editar paginas de produto com JetWooBuilder importa porque a ficha concentra a intenção de compra, e o template padrão do WooCommerce raramente reflete a marca da loja. O JetWooBuilder substitui esse layout fixo por um template no Elementor, com 8 widgets dedicados ao WooCommerce. Na prática, você reorganiza preço, avaliações e botão de compra sem tocar em código. Segundo a [documentação oficial do WooCommerce](https://woocommerce.com/documentation/), a página de produto único depende de hooks como `woocommerce_single_product_summary`; o JetWooBuilder mapeia esses hooks em widgets visuais, o que protege a [taxa de conversão](https://full.services/glossario/taxa-de-conversao-wordpress/). Quem nunca montou uma loja ganha um atalho: o [tutorial de WooCommerce da FULL](https://full.services/woocommerce-tutorial/) cobre a instalação, e o JetWooBuilder personaliza o produto depois. A gente vê no suporte da FULL que boa parte dos chamados de "produto feio" some quando o lojista assume o controle do template em vez de brigar com o CSS do tema.

Legenda: o template de Single Product editado no Elementor mostra como cada widget do JetWooBuilder substitui um bloco nativo do WooCommerce.

--- ## Anatomia do template: Widgets e tipos no JetWooBuilder Montar paginas de produto com JetWooBuilder funciona em dois níveis: o tipo de template (Single Product, Archive, Cart, Checkout, My Account, Thank You) e os 8 widgets que preenchem cada tipo. Para a ficha de produto, os widgets centrais vão de Single Product Title a Single Related Products. Cada um renderiza um hook nativo do WooCommerce, então remover um tem consequência funcional. A tabela mapeia os widgets do JetWooBuilder mais usados na ficha e o impacto de cada um na decisão de compra.
Widgets do JetWooBuilder na pagina de produto e impacto na conversao
Widget Função no template Impacto na decisao
Single Add to CartBotao de compra e seletor de variacoes.Sem ele, nao ha checkout.
Single PricePreco e preco promocional.Preco acima da dobra reduz hesitacao.
Product ImagesGaleria com zoom e miniaturas.Sustenta a percepcao de valor.
Single Product MetaSKU, categoria e tags.Mantem estoque e variacao em sincronia.
Single TabsDescricao, dados e avaliacoes.Responde objecoes na própria ficha.
A escolha do tipo define onde o JetWooBuilder atua: um template de Single Product nunca aparece no carrinho, e um de Archive controla a vitrine. Manter esses papéis separados dá previsibilidade ao layout. --- ## Passo a passo: Criar a página de produto no JetWooBuilder Criar paginas de produto com JetWooBuilder leva cinco passos, e o que mais trava é o último: a condição de exibição. Em ordem, você cria o template, escolhe o tipo Single Product, adiciona os widgets, ajusta o estilo e define onde ele se aplica. O JetWooBuilder salva cada template como registro próprio, então dá para ter um layout por categoria. ### Passo 1: Ative o JetWooBuilder e crie o template Instale o JetWooBuilder pela Crocoblock e abra o menu do plugin no painel para criar um novo template do tipo Single Product. O template nasce vazio, pronto para receber os widgets no Elementor. Mantenha o Elementor PRO 3.x atualizado, porque versões antigas do editor não reconhecem alguns controles de estilo dos widgets do WooCommerce. ### Passo 2: Adicione os widgets nativos de produto Arraste Single Product Title, Single Price, Product Images e Single Add to Cart para a tela do Elementor. Esses quatro widgets formam o núcleo da ficha; sem o Single Add to Cart, o produto vira uma página informativa que não vende. Posicione o botão de compra acima da dobra, ao lado da galeria de imagens. ### Passo 3: Estruture descricao, abas e relacionados Inclua Single Short Description perto do preço e Single Tabs mais abaixo, para descrição completa e avaliações. Feche a página com Single Related Products, que puxa produtos da mesma categoria. Esse bloco final aumenta o ticket médio sem esforço adicional do lojista. ### Passo 4: Ajuste o estilo e a responsividade Configure tipografia, cores e espaçamento direto nos controles de cada widget, e revise o layout no modo mobile do Elementor. Lojas com muitas variações precisam de testes no celular, porque o seletor de variação se comporta diferente em telas pequenas. Se precisar de ajuste fino, o guia de [CSS personalizado no Elementor](https://full.services/como-adicionar-css-personalizado-no-elementor-5-metodos-infaliveis/) mostra onde colocar regras sem quebrar o template. ### Passo 5: Defina a condicao de exibicao Abra as configurações de exibição do template e aponte para "todos os produtos" ou para uma categoria específica. Esse é o passo que falta na maioria dos tickets: sem condição definida, o WooCommerce ignora o template do JetWooBuilder e continua servindo o layout do tema. Salve, abra um produto no front e confirme que o template novo carregou. --- ## Erros comuns ao montar paginas de produto com JetWooBuilder Três falhas respondem pela maior parte dos chamados sobre paginas de produto com JetWooBuilder, e todas têm causa técnica clara. A primeira é a condição de exibição esquecida: o template existe, mas o WooCommerce nunca o aplica. A segunda é remover o widget Single Add to Cart e perder o botão em produtos variáveis. A terceira é duplicar hooks, quando o tema e o template injetam a descrição duas vezes. O caso mais sutil aparece em escala. Em lojas acima de 1.000 SKUs com variações, montar o template sem o widget Single Product Meta e sem manter os hooks `woocommerce_single_product_summary` costuma travar a atualização de estoque por variação no front; manter os widgets nativos no lugar dos hooks resolve. A gente vê no suporte da FULL que a maioria desses casos não é bug do plugin, e sim template incompleto. Quem revisa as paginas de produto com JetWooBuilder antes de publicar evita quase todos esses chamados. --- ## Ferramentas e alternativas no ecossistema WooCommerce O JetWooBuilder não é a única forma de editar a ficha de produto, e escolher a ferramenta certa depende do seu stack. Quatro caminhos disputam essa função: o próprio JetWooBuilder com Elementor, os WooCommerce Blocks no editor de blocos, os templates prontos de temas premium como Astra e os builders concorrentes que também montam Single Product. Cada um compete por uma dimensão diferente de valor. Para criar paginas de produto com JetWooBuilder você não é refém de uma única ferramenta. JetWooBuilder compete por edição visual do template no Elementor; os WooCommerce Blocks competem por integração nativa no editor de blocos; os templates de tema premium competem por velocidade de setup sem builder. Para quem já vive no Elementor, o JetWooBuilder reduz a curva. Vale combinar com outros [plugins de Elementor para WooCommerce](https://full.services/plugins-para-elementor-que-funcionam-bem-com-woocommerce/) para filtros, e comparar o checkout com o [melhor plugin de checkout para WooCommerce](https://full.services/melhor-plugin-de-checkout-para-woocommerce/). A [base de conhecimento da Crocoblock](https://crocoblock.com/knowledge-base/) detalha cada widget, e a [Elementor Academy](https://elementor.com/academy/) cobre o estilo. --- ## Quando vale automatizar com o bundle da FULL Criar paginas de produto com JetWooBuilder exige a licença da Crocoblock e do Elementor PRO juntas, e é aí que o custo avulso pesa para quem tem mais de um site. No plano PRO da FULL, por R$849, você ativa Crocoblock, Elementor PRO e os outros plugins do bundle em até dez sites, o que dá R$85 por site. Para uma agência que entrega lojas WooCommerce em série, esse R$85/site por loja substitui duas assinaturas anuais separadas e centraliza a renovação. Conheça os detalhes em [FULL.services/planos](https://full.services/planos). A gente vê no suporte da FULL que o lojista que centraliza as licenças no bundle reduz o tempo gasto com renovações e chaves de ativação, e ganha previsibilidade de custo por projeto. --- ## Perguntas frequentes sobre paginas de produto com JetWooBuilder
É possível criar páginas de produto com JetWooBuilder sem saber programar?

Sim, o JetWooBuilder foi feito para edição visual no Elementor, sem PHP. Você arrasta os widgets de produto, como Single Add to Cart e Single Price, e define o layout no editor. A única exigência técnica é manter o Elementor PRO 3.x e o WooCommerce instalados. Ajustes de CSS são opcionais e servem só para detalhes finos de espaçamento ou tipografia.

Por que o template do JetWooBuilder não aparece no produto da loja?

Porque a condição de exibição não foi definida. O JetWooBuilder salva o template, mas o WooCommerce só aplica o layout quando você aponta a condição para "todos os produtos" ou uma categoria. Sem essa configuração, o tema continua servindo o template padrão. Abra as configurações de exibição do template, defina o alvo, salve e recarregue um produto no front.

Qual a diferença entre o JetWooBuilder e o editor padrão do WooCommerce?

O editor padrão do WooCommerce usa o template fixo do tema e oferece pouco controle de layout. O JetWooBuilder substitui esse template por um construído no Elementor, com widgets dedicados como Single Tabs e Product Images. Na prática, o JetWooBuilder dá controle visual sobre cada bloco da ficha, enquanto o editor nativo depende de hooks e código do tema para qualquer mudança estrutural.

Quanto custa usar o JetWooBuilder em uma loja WooCommerce?

O JetWooBuilder vem na assinatura da Crocoblock, que avulsa custa em dólar por ano, somada à licença do Elementor PRO. No plano PRO da FULL, por R$849, os dois entram no bundle para até dez sites, o que dá R$85 por site. Para quem mantém mais de uma loja, centralizar as licenças no bundle sai mais barato que assinar Crocoblock e Elementor PRO separados.

O que o JetWooBuilder permite editar na página de produto?

O JetWooBuilder permite editar todos os elementos da ficha: título, preço, galeria de imagens, botão de compra, descrição curta, abas de avaliação e produtos relacionados. Cada um é um widget que renderiza um hook nativo do WooCommerce. Você reorganiza a ordem, ajusta estilo e remove blocos, desde que mantenha o Single Add to Cart para não quebrar a compra em produtos variáveis.

--- ## Próximos passos para personalizar sua loja Criar paginas de produto com JetWooBuilder deixa de ser um exercício de CSS e vira controle visual real sobre a ficha que mais converte na loja. Com o template Single Product no Elementor, as paginas de produto com JetWooBuilder passam a refletir a marca sem depender do tema. O caminho é direto: crie o template Single Product, adicione os widgets nativos, ajuste o estilo e nunca esqueça a condição de exibição. Se você está começando, vale firmar a base no [tutorial de Elementor para iniciantes](https://full.services/elementor-tutorial-iniciantes/) e estruturar o schema com o guia de [FAQPage schema em página de produto](https://full.services/faqpage-schema-em-pagina-de-produto/), para a ficha aparecer bem na busca. Para aprofundar o Elementor e o WooCommerce em um só lugar, o hub de [artigos de Elementor da FULL](https://full.services/elementor/) e o [guia para dominar o Elementor](https://full.services/guias/domine-o-elementor/) reúnem o passo a passo completo. Continue explorando com o [FULL Academy](https://full.services/academy/), que organiza tutoriais, guias e reviews de WordPress no mesmo lugar. --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "TechArticle", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#article", "headline": "Paginas de produto com JetWooBuilder em 5 passos", "description": "Criar paginas de produto com JetWooBuilder é editar o template da ficha no Elementor, com widgets do WooCommerce e sem tocar em PHP.", "url": "https://full.services/paginas-de-produto-com-jetwoobuilder/", "datePublished": "2026-06-28T09:00:00-03:00", "dateModified": "2026-06-28T09:00:00-03:00", "inLanguage": "pt-BR", "articleSection": "Elementor", "keywords": [ "paginas de produto com jetwoobuilder", "Elementor", "WordPress Page Builders", "Web Design" ], "author": { "@id": "https://full.services/#person-clayton" }, "publisher": { "@id": "https://full.services/#org" }, "about": [ { "@type": "Thing", "name": "Elementor", "@id": "https://www.wikidata.org/wiki/Q96322879", "sameAs": "https://www.wikidata.org/wiki/Q96322879" }, { "@type": "Thing", "name": "WordPress Page Builders" }, { "@type": "Thing", "name": "Web Design" } ], "mentions": [ { "@type": "Organization", "name": "Elementor", "url": "https://elementor.com/", "@id": "https://www.wikidata.org/wiki/Q96322879", "sameAs": "https://www.wikidata.org/wiki/Q96322879" }, { "@type": "Organization", "name": "WordPress", "url": "https://wordpress.org/", "@id": "https://www.wikidata.org/wiki/Q13166", "sameAs": "https://www.wikidata.org/wiki/Q13166" } ], "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/" }, "wordCount": 2166, "citation": [ { "@type": "CreativeWork", "name": "Baymard Institute", "url": "https://baymard.com/lists/cart-abandonment-rate", "publisher": { "@type": "Organization", "name": "Baymard Institute" } }, { "@type": "CreativeWork", "name": "WooCommerce Docs", "url": "https://woocommerce.com/documentation/", "publisher": { "@type": "Organization", "name": "WooCommerce Docs" } }, { "@type": "CreativeWork", "name": "Crocoblock KB", "url": "https://crocoblock.com/knowledge-base/", "publisher": { "@type": "Organization", "name": "Crocoblock KB" } }, { "@type": "CreativeWork", "name": "Elementor Academy/Help", "url": "https://elementor.com/academy/", "publisher": { "@type": "Organization", "name": "Elementor Academy/Help" } } ] }, { "@type": "FAQPage", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#faq", "isPartOf": { "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#article" }, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#faq-q1", "name": "É possível criar páginas de produto com JetWooBuilder sem saber programar?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim, o JetWooBuilder foi feito para edição visual no Elementor, sem PHP. Você arrasta os widgets de produto, como Single Add to Cart e Single Price, e define o layout no editor. A única exigência técnica é manter o Elementor PRO 3.x e o WooCommerce instalados. Ajustes de CSS são opcionais e servem só para detalhes finos de espaçamento ou tipografia.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#faq-q2", "name": "Por que o template do JetWooBuilder não aparece no produto da loja?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Porque a condição de exibição não foi definida. O JetWooBuilder salva o template, mas o WooCommerce só aplica o layout quando você aponta a condição para "todos os produtos" ou uma categoria. Sem essa configuração, o tema continua servindo o template padrão. Abra as configurações de exibição do template, defina o alvo, salve e recarregue um produto no front.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#faq-q3", "name": "Qual a diferença entre o JetWooBuilder e o editor padrão do WooCommerce?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O editor padrão do WooCommerce usa o template fixo do tema e oferece pouco controle de layout. O JetWooBuilder substitui esse template por um construído no Elementor, com widgets dedicados como Single Tabs e Product Images. Na prática, o JetWooBuilder dá controle visual sobre cada bloco da ficha, enquanto o editor nativo depende de hooks e código do tema para qualquer mudança estrutural.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#faq-q4", "name": "Quanto custa usar o JetWooBuilder em uma loja WooCommerce?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O JetWooBuilder vem na assinatura da Crocoblock, que avulsa custa em dólar por ano, somada à licença do Elementor PRO. No plano PRO da FULL, por R$849, os dois entram no bundle para até dez sites, o que dá R$85 por site. Para quem mantém mais de uma loja, centralizar as licenças no bundle sai mais barato que assinar Crocoblock e Elementor PRO separados.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#faq-q5", "name": "O que o JetWooBuilder permite editar na página de produto?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O JetWooBuilder permite editar todos os elementos da ficha: título, preço, galeria de imagens, botão de compra, descrição curta, abas de avaliação e produtos relacionados. Cada um é um widget que renderiza um hook nativo do WooCommerce. Você reorganiza a ordem, ajusta estilo e remove blocos, desde que mantenha o Single Add to Cart para não quebrar a compra em produtos variáveis.", "author": { "@id": "https://full.services/#org" } } } ] }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://full.services/" }, { "@type": "ListItem", "position": 2, "name": "Elementor", "item": "https://full.services/elementor/" }, { "@type": "ListItem", "position": 3, "name": "Paginas de produto com JetWooBuilder em 5 passos", "item": "https://full.services/paginas-de-produto-com-jetwoobuilder/" } ] }, { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services", "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)", "Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)" ], "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "Person", "@id": "https://full.services/#person-clayton", "name": "Clayton Margiotti", "givenName": "Clayton", "familyName": "Margiotti", "jobTitle": "Fundador e CEO da FULL Services", "description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).", "url": "https://full.services/sobre-nos/", "image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg", "sameAs": [ "https://www.linkedin.com/in/cmargiotti/" ], "knowsAbout": [ "Artificial Intelligence", "Cybersecurity", "CVE Program", "WordPress Enterprise", "SaaS Platforms", "Digital Infrastructure", "Technology Entrepreneurship", "Company Building", "Business Leadership", "Digital Growth" ], "hasOccupation": { "@type": "Occupation", "name": "Fundador e CEO", "occupationalCategory": "11-1011.00" }, "knowsLanguage": [ { "@type": "Language", "name": "Portuguese", "alternateName": "pt-BR" }, { "@type": "Language", "name": "English", "alternateName": "en" } ], "memberOf": { "@type": "Organization", "name": "CVE Numbering Authorities", "url": "https://www.cve.org/", "sameAs": "https://www.cve.org/" }, "alumniOf": [ { "@type": "EducationalOrganization", "name": "Global Scaling Academy (Blitzscaling Program)", "url": "https://www.blitzscalingacademy.com" }, { "@type": "EducationalOrganization", "name": "Esade", "url": "https://www.esade.edu" }, { "@type": "EducationalOrganization", "name": "Business School Sao Paulo (BSP)", "url": "https://bsp.edu.br/" }, { "@type": "EducationalOrganization", "name": "Tera", "url": "https://somostera.com" }, { "@type": "EducationalOrganization", "name": "Le Wagon", "url": "https://www.lewagon.com" }, { "@type": "EducationalOrganization", "name": "FIAP", "url": "https://www.fiap.com.br" }, { "@type": "EducationalOrganization", "name": "PUCRS", "url": "https://online.pucrs.br/" } ], "award": [ "Digital Disruptor – Engaging Experiences Master (Globant, 2021)", "Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)", "1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)", "Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)", "Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)", "Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)", "Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)" ], "subjectOf": [ { "@type": "NewsArticle", "url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners", "publisher": { "@type": "Organization", "name": "Globant" } }, { "@type": "NewsArticle", "url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html", "publisher": { "@type": "Organization", "name": "PR Newswire" } }, { "@type": "NewsArticle", "url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas", "publisher": { "@type": "Organization", "name": "Segs" } }, { "@type": "NewsArticle", "url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao", "publisher": { "@type": "Organization", "name": "Franquia Educacional" } }, { "@type": "NewsArticle", "url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd", "publisher": { "@type": "Organization", "name": "Acontecendo Aqui" } } ], "worksFor": { "@type": "Organization", "@id": "https://full.services/#org" } }, { "@type": "HowTo", "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#howto", "isPartOf": { "@id": "https://full.services/paginas-de-produto-com-jetwoobuilder/#article" }, "name": "Passo a passo: paginas de produto com jetwoobuilder", "description": "Guia passo a passo sobre paginas de produto com jetwoobuilder para WordPress.", "url": "https://full.services/paginas-de-produto-com-jetwoobuilder/", "totalTime": "PT30M", "author": { "@type": "Organization", "@id": "https://full.services/#org" }, "step": [ { "@type": "HowToStep", "position": 1, "name": "Passo 1: Ative o JetWooBuilder e crie o template", "text": "Instale o JetWooBuilder pela Crocoblock e abra o menu do plugin no painel para criar um novo template do tipo Single Product. O template nasce vazio, pronto para receber os widgets no Elementor. Mantenha o Elementor PRO 3.x atualizado, porque versões antigas do editor não reconhecem alguns controles de estilo dos widgets do WooCommerce." }, { "@type": "HowToStep", "position": 2, "name": "Passo 2: Adicione os widgets nativos de produto", "text": "Arraste Single Product Title, Single Price, Product Images e Single Add to Cart para a tela do Elementor. Esses quatro widgets formam o núcleo da ficha; sem o Single Add to Cart, o produto vira uma página informativa que não vende. Posicione o botão de compra acima da dobra, ao lado da galeria de imagens." }, { "@type": "HowToStep", "position": 3, "name": "Passo 3: Estruture descricao, abas e relacionados", "text": "Inclua Single Short Description perto do preço e Single Tabs mais abaixo, para descrição completa e avaliações. Feche a página com Single Related Products, que puxa produtos da mesma categoria. Esse bloco final aumenta o ticket médio sem esforço adicional do lojista." }, { "@type": "HowToStep", "position": 4, "name": "Passo 4: Ajuste o estilo e a responsividade", "text": "Configure tipografia, cores e espaçamento direto nos controles de cada widget, e revise o layout no modo mobile do Elementor. Lojas com muitas variações precisam de testes no celular, porque o seletor de variação se comporta diferente em telas pequenas. Se precisar de ajuste fino, o guia de CSS personalizado no Elementor mostra onde colocar regras sem quebrar o template." }, { "@type": "HowToStep", "position": 5, "name": "Passo 5: Defina a condicao de exibicao", "text": "Abra as configurações de exibição do template e aponte para "todos os produtos" ou para uma categoria específica. Esse é o passo que falta na maioria dos tickets: sem condição definida, o WooCommerce ignora o template do JetWooBuilder e continua servindo o layout do tema. Salve, abra um produto no front e confirme que o template novo carregou. --- Três falhas respondem pela maior parte dos chamados sobre paginas de produto com JetWooBuilder, e todas têm causa técnica clara. A primeira é a condição de exibição esquecida: o template existe, mas o WooCommerce nunca o aplica. A segunda é remover o widget Single Add to Cart e perder o botão em produtos variáveis. A terceira é duplicar hooks, quando o tema e o template injetam a descrição duas vezes. O caso mais sutil aparece em escala. Em lojas acima de 1.000 SKUs com variações, montar o template sem o widget Single Product Meta e sem manter os hooks `woocommerce_single_product_summary` costuma travar a atualização de estoque por variação no front; manter os widgets nativos no lugar dos hooks resolve. A gente vê no suporte da FULL que a maioria desses casos não é bug do plugin, e sim template incompleto. Quem revisa as paginas de" } ] } ] } ```