{"id":5613,"date":"2025-08-27T02:53:29","date_gmt":"2025-08-27T05:53:29","guid":{"rendered":"https:\/\/www.kinghost.com.br\/wiki\/?post_type=article&#038;p=5613"},"modified":"2025-08-27T02:53:29","modified_gmt":"2025-08-27T05:53:29","slug":"escolhendo-um-tema-para-woocommerce","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/escolhendo-um-tema-para-woocommerce\/","title":{"rendered":"Escolhendo um tema para uma loja WooCommerce"},"content":{"rendered":"<p><em>Est\u00e1 escolhendo um tema para sua loja mas n\u00e3o sabe se funcionar\u00e1 corretamente em seu e-commerce? Aqui v\u00e3o algumas dicas para te ajudar a escolher o template corretamente.<\/em><\/p>\n<p>Al\u00e9m dos arquivos padr\u00f5es do tema utilizado pelo WordPress, quando se usa o WooCommerce, se faz necess\u00e1rio que o template utilize certos arquivos para que todas as funcionalidades de loja executem perfeitamente. Esses arquivos podem ser encontrados no GitHub do WooCommerce. Todas as vers\u00f5es podem ser verificadas no seguinte endere\u00e7o: <a href=\"https:\/\/docs.woocommerce.com\/document\/template-structure\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/docs.woocommerce.com\/document\/template-structure\/<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Escolhendo_um_tema_para_a_loja\"><\/span>Escolhendo um tema para a loja<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>O tema recomendado pelo WooCommerce (desenvolvido por eles) e que tamb\u00e9m recomendamos \u00e9 o <strong>Storefront<\/strong>. Durante o wizard de configura\u00e7\u00e3o inicial do WooCommerce voc\u00ea pode optar por instal\u00e1-lo. Para verificar mais informa\u00e7\u00f5es sobre o tema acesse: <a href=\"https:\/\/woocommerce.com\/storefront\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/woocommerce.com\/storefront\/<\/a>. Al\u00e9m de ser um template completo para ecommerce, tamb\u00e9m \u00e9 gratuito.<\/p>\n<p><a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/storefront-example.png\"><img class=\"size-full\" data-original=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/storefront-example.png\" alt=\"Escolhendo um tema para o WooCommerce - Storefront theme\" \/><\/a><\/p>\n<p>O ideal \u00e9 optar por escolher um tema que j\u00e1 venha preparado para o WooCommerce e que seu estilo principal seja de loja virtual. H\u00e1 v\u00e1rios <strong>sites que vendem templates orientados para loja virtual<\/strong>. Geralmente, o valor desses temas varia de $20 \u00e0 $80 d\u00f3lares. Um site bem conceituado \u00e9 o ThemeForest, que possui uma categoria espec\u00edfica para eCommerce &#8211; <a href=\"https:\/\/themeforest.net\/category\/wordpress\/ecommerce\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/themeforest.net\/category\/wordpress\/ecommerce<\/a>.<\/p>\n<p>H\u00e1 bons <strong>temas gratuitos<\/strong> tamb\u00e9m, mas certamente s\u00e3o mais limitados e com menos capacidade de personaliza\u00e7\u00e3o. No diret\u00f3rio oficial de temas do WordPress voc\u00ea consegue encontrar atrav\u00e9s do filtro <em>&#8220;Com\u00e9rcio Eletr\u00f4nico&#8221; <\/em>&#8211; <a href=\"https:\/\/br.wordpress.org\/themes\/tags\/e-commerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/br.wordpress.org\/themes\/tags\/e-commerce\/<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Como_saber_se_o_tema_tem_suporte_ao_WooCommerce\"><\/span>Como saber se o tema tem suporte ao WooCommerce?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00c9 bem simples, o pr\u00f3prio WooCommerce oferece uma ferramenta que faz essa verifica\u00e7\u00e3o.<br \/>\nPara verificar, acesse o painel administrativo do seu WordPress. Dentro do menu <strong>WooCommerce<\/strong> clique em <strong>Status<\/strong>. Navegue at\u00e9 o final da p\u00e1gina para verificar a informa\u00e7\u00e3o de suporte.<\/p>\n<p>\u27a1 Se o <strong>tema n\u00e3o tem suporte<\/strong>, \u00e9 apresentada uma mensagem de erro em vermelho.<\/p>\n<p><a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-status-theme-notsupported.png\"><img decoding=\"async\" class=\"size-full lazyload\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-status-theme-notsupported.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"size-full\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-status-theme-notsupported.png\" \/><\/noscript><\/a><\/p>\n<p>\u27a1 Se o <strong>tema tem suporte<\/strong>, \u00e9 apresentado um \u00edcone verde (simbolizando suporte).<\/p>\n<p><a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok.png\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"239\" class=\"size-full wp-image-5622 lazyload\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok.png\" data-srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok.png 830w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok-300x86.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok-768x221.png 768w\" data-sizes=\"(max-width: 830px) 100vw, 830px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 830px; --smush-placeholder-aspect-ratio: 830\/239;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"239\" class=\"size-full wp-image-5622\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok.png\" srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok.png 830w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok-300x86.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-ok-768x221.png 768w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/noscript><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Instalei_um_tema_que_nao_possui_suporte_ao_WooCommerce_O_que_faco_agora\"><\/span>Instalei um tema que n\u00e3o possui suporte ao WooCommerce. O que fa\u00e7o agora?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Mesmo que seu tema n\u00e3o tenha suporte default ao Woo, voc\u00ea pode fazer com que ele passe a ter. Para isso, basta baixar toda essa estrutura de templates do WooCommerce e mover para uma pasta de nome woocommerce no diret\u00f3rio do tema que voc\u00ea est\u00e1 utilizando. Essa pasta n\u00e3o existe? Basta criar e colocar os arquivos para dentro. Tudo come\u00e7ar\u00e1 a funcionar a partir de ent\u00e3o.<br \/>\nBaixe os arquivos em <a href=\"https:\/\/docs.woocommerce.com\/document\/template-structure\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/docs.woocommerce.com\/document\/template-structure\/<\/a> de acordo com a vers\u00e3o do seu WooCommerce e coloque dentro da pasta principal do seu tema em uso.<br \/>\n<a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-templates1.png\"><img decoding=\"async\" class=\"size-full alignnone lazyload\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-templates1.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"size-full alignnone\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-templates1.png\" \/><\/noscript><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Meu_tema_tem_os_arquivos_mas_apresenta_mensagem_de_erro\"><\/span>Meu tema tem os arquivos mas apresenta mensagem de erro<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Provavelmente seu template n\u00e3o \u00e9 atualizado h\u00e1 algum tempo mas o plugin do WooCommerce est\u00e1 na vers\u00e3o mais recente. Isso faz com que os templates do Woo tenham vers\u00f5es mais recentes que as presentes no seu tema e acaba por dar incompatibilidades nos arquivos e, por consequ\u00eancia, o site n\u00e3o funciona corretamente.<\/p>\n<p>Geralmente o pr\u00f3prio Woo exibe uma mensagem de alerta para <strong>notificar problemas entre o tema do site e ele<\/strong>.<br \/>\n<a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-problem.png\"><img decoding=\"async\" class=\"size-full alignnone lazyload\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-problem.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"size-full alignnone\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-problem.png\" \/><\/noscript><\/a><\/p>\n<p>Utilize o debug do WooCommerce para validar os arquivos. Assim como anteriormente explicado, basta ir no menu <strong>WooCommerce \u2013 Status<\/strong> e verificar a \u00faltima parte do teste.<br \/>\nSe os arquivos estiverem desatualizados basta baixar os arquivos de acordo com a vers\u00e3o do WooCommerce e substituir os antigos. Isso mesmo, da mesma forma que o passo anterior.<br \/>\n<a href=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-desatualizado.png\"><img decoding=\"async\" class=\"size-full alignnone lazyload\" data-src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-desatualizado.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" \/><noscript><img decoding=\"async\" class=\"size-full alignnone\" src=\"https:\/\/www.kinghost.com.br\/wiki\/wp-content\/uploads\/2018\/02\/woo-theme-desatualizado.png\" \/><\/noscript><\/a><\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[22],"article-tag":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/5613"}],"collection":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/comments?post=5613"}],"version-history":[{"count":12,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/5613\/revisions"}],"predecessor-version":[{"id":26948,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/5613\/revisions\/26948"}],"wp:attachment":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/media?parent=5613"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-category?post=5613"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-tag?post=5613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}