{"id":20130,"date":"2018-07-17T04:34:51","date_gmt":"2018-07-17T11:34:51","guid":{"rendered":"https:\/\/kinqsta.com\/?p=2237"},"modified":"2025-01-17T09:37:35","modified_gmt":"2025-01-17T12:37:35","slug":"tutorial-woocommerce","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/tutorial-woocommerce\/","title":{"rendered":"Tutorial do WooCommerce \u2014 Como Configur\u00e1-lo em Seu Site"},"content":{"rendered":"

O WooCommerce \u00e9 a solu\u00e7\u00e3o de eCommerce mais popular para o WordPress<\/a>, com folga. Ele possui mais de 5 milh\u00f5es de instala\u00e7\u00f5es ativas, uma classifica\u00e7\u00e3o de 4,5 por parte dos usu\u00e1rios no WordPress.org e um ex\u00e9rcito de propriet\u00e1rios de lojas digitais felizes e leais.<\/p>\n

Al\u00e9m disso, a partir de maio de 2023, o WooCommerce alimenta<\/a> cerca de 8,7% de todos os sites e 23% da lista de 1 milh\u00e3o de sites de eCommerce mais importantes<\/a>. As vendas de eCommerce est\u00e3o crescendo<\/a>. Portanto, se voc\u00ea deseja abrir uma loja em seu site com WordPress, usar o WooCommerce \u00e9 uma das melhores decis\u00f5es que pode tomar.<\/p>\n

A \u00fanica pergunta que resta \u00e9: como colocar o WooCommerce em funcionamento no seu site? Para responder, elaboramos um extenso tutorial de WooCommerce para WordPress.<\/p>\n

E, lembre-se, seu objetivo final \u00e9 aumentar a receita da sua loja. Portanto, n\u00e3o deixe de baixar nosso e-book gratuito 10 Maneiras de Aumentar a Taxa de Convers\u00e3o de suas P\u00e1ginas de Produtos WooCommerce<\/a>. Vamos direto ao assunto!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

O uso do WooCommerce \u00e9 gratuito?<\/h3>\n

O WooCommerce \u00e9 um plugin de carrinho de compras de c\u00f3digo aberto que pode ser baixado e usado gratuitamente em sites de WordPress. No entanto, administrar uma loja on-line n\u00e3o \u00e9 totalmente gratuito, pois voc\u00ea ter\u00e1 custos associados a taxas de hospedagem e dom\u00ednio, pelo menos, al\u00e9m de custos de personaliza\u00e7\u00e3o, design, marca, marketing e publicidade.<\/p>\n

Como instalar e configurar o WooCommerce (em 7 etapas)<\/h2>\n

Naturalmente, voc\u00ea precisar\u00e1 come\u00e7ar instalando e ativando o plugin do WooCommerce<\/a>. Voc\u00ea pode fazer isso em um site WordPress novo ou existente. Nas etapas a seguir, orientaremos voc\u00ea no processo de instala\u00e7\u00e3o do plugin e no ajuste das configura\u00e7\u00f5es.<\/p>\n

Etapa 1: Instale o plugin WooCommerce<\/h3>\n

A primeira coisa que voc\u00ea precisa fazer \u00e9 instalar o WooCommerce no seu site. Voc\u00ea pode baix\u00e1-lo gratuitamente do reposit\u00f3rio do WordPress<\/a> e da\u00ed carreg\u00e1-lo em seu site.<\/p>\n

Ainda mais f\u00e1cil, voc\u00ea pode instal\u00e1-lo diretamente no painel do WordPress:<\/p>\n

\"WooCommerce.\"
WooCommerce.<\/figcaption><\/figure>\n

Para fazer isso, acesse seu site do WordPress e navegue at\u00e9 Plugins > Add New<\/strong>. Use a barra de pesquisa para localizar “woocommerce” e clique em Install Now<\/strong> quando encontrar o plugin correto. O autor do plugin deve estar listado como Automattic:<\/p>\n

\"Instalando
Instalando o WooCommerce.<\/figcaption><\/figure>\n

Aguarde um pouco para que o plugin seja instalado. Em seguida, clique no bot\u00e3o Activate<\/strong>:<\/p>\n

\"Ativando
Ativando o WooCommerce em seu site.<\/figcaption><\/figure>\n

Nesse momento o plugin estar\u00e1 instalado e funcionando em seu site!<\/p>\n

Etapa 2: Acesse o assistente de configura\u00e7\u00e3o<\/h3>\n

Ap\u00f3s instalar o WooCommerce, voc\u00ea ser\u00e1 solicitado a passar pelo assistente de configura\u00e7\u00e3o. Isso \u00e9 opcional, mas recomendamos que voc\u00ea o utilize para definir algumas configura\u00e7\u00f5es importantes.<\/p>\n

A primeira p\u00e1gina do assistente de configura\u00e7\u00e3o do WooCommerce deve ser parecida com esta:<\/p>\n

\"Assistente
Assistente de configura\u00e7\u00e3o do WooCommerce.<\/figcaption><\/figure>\n

Aqui o WooCommerce solicita que voc\u00ea insira algumas informa\u00e7\u00f5es b\u00e1sicas sobre sua loja, como o endere\u00e7o. Lembre-se de que tudo o que voc\u00ea definir aqui (ou no restante do assistente de configura\u00e7\u00e3o) pode ser alterado posteriormente nas configura\u00e7\u00f5es do WooCommerce, se necess\u00e1rio.<\/p>\n

Depois que preencher esses campos, clique em Continue<\/strong>. Em seguida, ele perguntar\u00e1 sobre o setor em que sua loja opera:<\/span><\/p>\n

\"Detalhes
Detalhes do setor.<\/figcaption><\/figure>\n

Marque as caixas das op\u00e7\u00f5es que se aplicam \u00e0 sua empresa, da\u00ed selecione Continue<\/strong>.<\/p>\n

Nesse ponto o WooCommerce precisar\u00e1 de alguns detalhes sobre os tipos de produtos que voc\u00ea planeja vender:<\/p>\n

\"Tipos
Tipos de produtos.<\/figcaption><\/figure>\n

Como voc\u00ea pode ver, \u00e9 gratuito continuar com produtos f\u00edsicos ou downloads digitais. No entanto, se voc\u00ea planeja vender assinaturas, associa\u00e7\u00f5es, reservas ou mais, incorrer\u00e1 em uma pequena taxa mensal.<\/p>\n

No est\u00e1gio final do assistente de configura\u00e7\u00e3o do WooCommerce, voc\u00ea precisar\u00e1 confirmar alguns detalhes sobre sua empresa, incluindo o n\u00famero de produtos que pretende exibir e se est\u00e1 vendendo atualmente em outro lugar:<\/p>\n

\"Detalhes
Detalhes do neg\u00f3cio.<\/figcaption><\/figure>\n

Use os menus suspensos para fazer as sele\u00e7\u00f5es. Da\u00ed clique em Continue<\/strong>.<\/p>\n

Agora voc\u00ea ser\u00e1 direcionado para a aba Free features <\/strong>(Recursos gratuitos):<\/p>\n

\"Escolha
Escolha os recursos gratuitos do WooCommerce para instalar.<\/figcaption><\/figure>\n

Aqui voc\u00ea pode optar por aprimorar sua loja com algumas extens\u00f5es gratuitas. Se voc\u00ea clicar na seta suspensa, poder\u00e1 ver as extens\u00f5es aplicadas automaticamente quando conclui o processo de configura\u00e7\u00e3o, incluindo WooCommerce Payments e Google Listings & Ads:<\/p>\n

\"Recursos
Recursos recomendados.<\/figcaption><\/figure>\n

No entanto, voc\u00ea pode remover qualquer uma das op\u00e7\u00f5es desmarcando a(s) caixa(s) relevante(s). Quando estiver pronto, clique no bot\u00e3o Continue<\/strong> para concluir a instala\u00e7\u00e3o.<\/p>\n

Etapa 3: Adicione produtos \u00e0 sua loja on-line<\/h3>\n

Ap\u00f3s pressionar o \u00faltimo bot\u00e3o Continue <\/strong>no assistente de configura\u00e7\u00e3o, voc\u00ea ser\u00e1 redirecionado para o painel do WordPress. Se optar por aprimorar seu site com o plugin Jetpack gratuito, o painel de controle solicitar\u00e1 que voc\u00ea configure o Jetpack em seu site.<\/p>\n

No entanto, voc\u00ea pode deixar isso para depois. Em vez disso, clique na nova aba WooCommerce<\/strong> em seu painel. Embora voc\u00ea tenha adicionado os detalhes da sua empresa no assistente de configura\u00e7\u00e3o, encontrar\u00e1 aqui uma lista de verifica\u00e7\u00e3o para orient\u00e1-lo no processo de configura\u00e7\u00e3o da sua loja on-line:<\/p>\n

\"Bem-vindo
Bem-vindo ao WooCommerce.<\/figcaption><\/figure>\n

Primeiro, voc\u00ea pode come\u00e7ar a adicionar produtos ao seu site. Para fazer isso, clique em Add products <\/strong>na tela de configura\u00e7\u00e3o.<\/span>
\nMas voc\u00ea tamb\u00e9m encontrar\u00e1 uma aba dedicada a Products <\/strong>na barra lateral do seu painel do WordPress. Portanto, voc\u00ea tamb\u00e9m pode adicionar novos produtos \u00e0 sua loja clicando em Products <\/strong>> Add New<\/strong>.<\/p>\n

Ele perguntar\u00e1 sobre o tipo de produto que deseja criar:<\/p>\n

\"Adicionando
Adicionando produtos \u00e0 sua loja WooCommerce.<\/figcaption><\/figure>\n

Por exemplo, voc\u00ea pode optar por adicionar produtos f\u00edsicos, produtos digitais, produtos vari\u00e1veis e muito mais. Fa\u00e7a sua sele\u00e7\u00e3o. Ent\u00e3o voc\u00ea ser\u00e1 levado \u00e0 p\u00e1gina Edit product<\/strong>:<\/span><\/p>\n

\"Editando
Editando um produto no WooCommerce.<\/figcaption><\/figure>\n

A primeira coisa que voc\u00ea deve fazer \u00e9 criar um t\u00edtulo e uma breve descri\u00e7\u00e3o do produto. Da\u00ed clique em Save Draft <\/strong>(Salvar rascunho) e voc\u00ea ver\u00e1 o link <\/span>Preview product<\/strong>:<\/span><\/p>\n

\"Visualizando
Visualizando o produto.<\/figcaption><\/figure>\n

Aqui voc\u00ea pode ver uma visualiza\u00e7\u00e3o da p\u00e1gina real do seu novo produto:<\/p>\n

\"Visualiza\u00e7\u00e3o
Visualiza\u00e7\u00e3o da p\u00e1gina real.<\/figcaption><\/figure>\n

Agora vamos dar uma olhada em alguns dos detalhes adicionais do produto.<\/p>\n

Como adicionar detalhes importantes ao seu produto<\/h4>\n

Se voc\u00ea rolar para baixo, abaixo do editor de publica\u00e7\u00f5es, ver\u00e1 dois novos widgets<\/a> n\u00e3o encontrados em publica\u00e7\u00f5es ou p\u00e1ginas comuns. O primeiro \u00e9 a se\u00e7\u00e3o Product data <\/strong>(Dados do produto):<\/p>\n

\"Dados
Dados do produto do WooCommerce.<\/figcaption><\/figure>\n

Aqui, voc\u00ea pode adicionar todos os tipos de detalhes sobre seu produto. Na parte superior, voc\u00ea pode selecionar se o produto \u00e9 virtual (o que remove a aba Shipping <\/strong>[Frete]), e se ele pode ser baixado da internet. Ent\u00e3o, na aba <\/span>General<\/strong>, voc\u00ea pode inserir os pre\u00e7os regulares e de venda (as vendas podem ser sens\u00edveis ao tempo).<\/span><\/p>\n

Se estiver vendendo produtos digitais<\/a>, voc\u00ea tamb\u00e9m ter\u00e1 de fazer upload do arquivo a ser comprado, personalizar o limite de download (deixe em branco para marc\u00e1-lo como ilimitado) e definir a expira\u00e7\u00e3o do download (deixe em branco para mant\u00ea-lo dispon\u00edvel permanentemente):<\/p>\n

\"Vendendo
Vendendo produtos digitais no WooCommerce.<\/figcaption><\/figure>\n

Em seguida, na aba Inventory<\/strong><\/strong>, voc\u00ea pode gerenciar seu estoque inserindo a quantidade de produtos, o status do estoque (in\/out of stock [em estoque\/esgotado]), ou se deseja permitir backorders (pedidos em atraso):<\/span><\/p>\n

\"Informa\u00e7\u00f5es
Informa\u00e7\u00f5es sobre o estoque do produto.<\/figcaption><\/figure>\n

Al\u00e9m disso, voc\u00ea pode marcar o produto como vendido individualmente, o que significa que apenas um pode ser comprado em um \u00fanico pedido. Aqui tamb\u00e9m \u00e9 poss\u00edvel inserir o SKU (n\u00famero de identifica\u00e7\u00e3o) do produto, se voc\u00ea tiver um.<\/p>\n

H\u00e1 v\u00e1rias outras abas \u00fateis aqui tamb\u00e9m. A se\u00e7\u00e3o Shipping<\/strong> permitir\u00e1 que voc\u00ea insira o peso, as dimens\u00f5es e a classe de frete do item:<\/span><\/p>\n

\"Frete
Frete de produtos.<\/figcaption><\/figure>\n

Na aba Linked Products <\/strong>(Produtos vinculados), voc\u00ea pode adicionar upsells e cross-sells, enquanto <\/span>Attributes <\/strong>permite que voc\u00ea descreva as caracter\u00edsticas do produto.<\/span><\/p>\n

Na aba Advanced<\/strong>, voc\u00ea pode inserir notas de compra personalizadas, atribuir ao produto uma posi\u00e7\u00e3o definida no menu e ativar ou desativar avalia\u00e7\u00f5es. Al\u00e9m disso, voc\u00ea pode visualizar as extens\u00f5es recomendadas na tela Get more options<\/strong>.<\/p>\n

Por fim, voc\u00ea encontrar\u00e1 uma aba Pinterest <\/strong>na parte inferior dessa se\u00e7\u00e3o. Aqui voc\u00ea pode determinar a condi\u00e7\u00e3o dos seus produtos (novos\/usados) e selecionar uma categoria do Google.<\/p>\n

Crie atributos e produtos vari\u00e1veis<\/h4>\n

Como voc\u00ea pode ver, h\u00e1 muitas op\u00e7\u00f5es para adicionar detalhes aos seus produtos do WooCommerce e personaliz\u00e1-los totalmente. Vamos dar uma olhada mais de perto em duas das op\u00e7\u00f5es mais \u00fateis na se\u00e7\u00e3o Product data<\/strong>: atributos e produtos vari\u00e1veis<\/a>.<\/p>\n

Os atributos s\u00e3o os principais descritivos do seu produto e fornecem aos clientes em potencial informa\u00e7\u00f5es importantes sobre ele. Isso pode incluir a cor do item, o material de que \u00e9 feito, seu tamanho ou tipo, e muito mais.<\/p>\n

Se voc\u00ea adicionar esses detalhes ao seu produto<\/a> na aba Attributes<\/strong>, eles aparecer\u00e3o na p\u00e1gina do produto em Additional information<\/strong>:<\/p>\n

\"Atributos
Atributos de produto no WooCommerce.<\/figcaption><\/figure>\n

N\u00e3o importa o tipo de produto que voc\u00ea esteja vendendo, os atributos s\u00e3o \u00fateis para comunicar caracter\u00edsticas vitais de forma concisa. No entanto, e se voc\u00ea tamb\u00e9m vender itens que v\u00eam em v\u00e1rias op\u00e7\u00f5es?<\/p>\n

Para isso, voc\u00ea pode selecionar a op\u00e7\u00e3o Variable product <\/strong>(Produto vari\u00e1vel) no menu suspenso <\/span>Product data <\/strong>(Dados do produto):<\/span><\/p>\n

\"Adicionando
Adicionando produtos vari\u00e1veis.<\/figcaption><\/figure>\n

Isso lhe dar\u00e1 acesso a uma nova aba, Variations<\/strong>, na qual poder\u00e1 <\/span>criar v\u00e1rias vers\u00f5es do seu produto<\/a>. Voc\u00ea pode fazer isso manualmente ou usar os atributos que j\u00e1 deu ao seu produto.<\/span><\/p>\n

Para prosseguir com o \u00faltimo m\u00e9todo, clique em Generate variations<\/strong>:<\/p>\n

\"Adicionando
Adicionando varia\u00e7\u00f5es a seus produtos.<\/figcaption><\/figure>\n

Digamos, por exemplo, que voc\u00ea ofere\u00e7a um moletom com capuz nas cores vermelha, verde e azul. Voc\u00ea pode adicionar uma varia\u00e7\u00e3o para cada cor e dar a cada uma delas uma descri\u00e7\u00e3o, pre\u00e7o e assim por diante.<\/p>\n

Seus clientes poder\u00e3o ver todas as varia\u00e7\u00f5es dispon\u00edveis na p\u00e1gina do produto:<\/p>\n

\"Visualiza\u00e7\u00e3o
Visualiza\u00e7\u00e3o das varia\u00e7\u00f5es do produto.<\/figcaption><\/figure>\n

Isso facilita aos visitantes a visualiza\u00e7\u00e3o de tudo o que voc\u00ea tem a oferecer em uma olhada r\u00e1pida. Al\u00e9m disso, significa que voc\u00ea n\u00e3o precisa criar p\u00e1ginas de produtos separadas para pequenas varia\u00e7\u00f5es do mesmo item.<\/p>\n

Personaliza\u00e7\u00e3o da descri\u00e7\u00e3o breve do produto<\/h4>\n

Abaixo do widget Product data<\/strong>, voc\u00ea tamb\u00e9m encontrar\u00e1 uma se\u00e7\u00e3o denominada Product short description <\/strong>(Breve descri\u00e7\u00e3o do produto):<\/p>\n

\"D\u00ea
D\u00ea ao seu produto uma descri\u00e7\u00e3o breve.<\/figcaption><\/figure>\n

Aqui voc\u00ea pode criar uma tagline concisa que aparecer\u00e1 abaixo do t\u00edtulo do produto. Use essa descri\u00e7\u00e3o para destacar os principais benef\u00edcios do item e incorporar uma ou mais palavras-chave para ajudar os clientes a localiz\u00e1-lo nas pesquisas.<\/p>\n

Ap\u00f3s personalizar os dados e a descri\u00e7\u00e3o do seu produto, n\u00e3o se esque\u00e7a de verificar tamb\u00e9m as outras op\u00e7\u00f5es na p\u00e1gina do produto. Voc\u00ea pode adicionar tags ao seu produto, coloc\u00e1-lo em uma categoria, e incluir uma imagem em destaque ou at\u00e9 mesmo uma galeria de imagens inteira.<\/p>\n

Aqui est\u00e1 a apar\u00eancia do seu produto final no frontend:<\/p>\n

\"Visualiza\u00e7\u00e3o
Visualiza\u00e7\u00e3o do produto.<\/figcaption><\/figure>\n

Quando o produto estiver pronto, voc\u00ea pode clicar em Publish <\/strong>para coloc\u00e1-lo no ar em seu site. Em seguida, voc\u00ea pode repetir esse processo para criar produtos adicionais, conforme necess\u00e1rio.<\/span><\/p>\n

Gerenciando seus produtos de WooCommerce<\/h4>\n

Voc\u00ea provavelmente incluir\u00e1 v\u00e1rios itens em sua loja WooCommerce, o que significa que precisar\u00e1 de uma maneira f\u00e1cil de gerenciar seus produtos<\/a>. Felizmente, voc\u00ea pode fazer isso por meio da aba Products<\/strong> em seu painel.<\/p>\n

Por exemplo, voc\u00ea pode selecionar All Products<\/strong> para ver todos os itens listados atualmente em sua loja. Adicione, edite e exclua produtos aqui conforme necess\u00e1rio:<\/p>\n

\"Visualiza\u00e7\u00e3o
Visualiza\u00e7\u00e3o de todos os produtos.<\/figcaption><\/figure>\n

Nas outras p\u00e1ginas, na se\u00e7\u00e3o Products<\/strong>, voc\u00ea pode visualizar as categorias, tags, atributos e avalia\u00e7\u00f5es dos produtos. Cada uma dessas p\u00e1ginas se parece com a p\u00e1gina padr\u00e3o WordPress<\/span> Posts<\/strong> > <\/span>Categories<\/strong> e pode ajudar a manter todo o seu invent\u00e1rio organizado.<\/span><\/p>\n

Etapa 4: Escolha os processadores de pagamento<\/h3>\n

Agora voc\u00ea pode voltar para a p\u00e1gina do WooCommerce <\/strong>e continuar a percorrer a lista de verifica\u00e7\u00e3o da loja. Nesse ponto, voc\u00ea j\u00e1 concluiu os detalhes da loja e adicionou alguns produtos ao site. Assim, est\u00e1 pronto para decidir quais op\u00e7\u00f5es de pagamento deseja habilitar.<\/p>\n

Voc\u00ea pode clicar no link Set up WooCommerce Payments <\/strong>(Configurar pagamentos do WooCommerce) na p\u00e1gina de configura\u00e7\u00e3o. Ou pode navegar at\u00e9 a aba Payments <\/strong>em seu painel:<\/p>\n

\"Pagamentos
Pagamentos no WooCommerce.<\/figcaption><\/figure>\n

Clique em Finish setup <\/strong>(Concluir configura\u00e7\u00e3o) para aceitar pagamentos com cart\u00e3o de cr\u00e9dito em sua loja.<\/span><\/p>\n

Em seguida, voc\u00ea pode selecionar as op\u00e7\u00f5es adicionais que gostaria de usar, e o WooCommerce as configurar\u00e1. Voc\u00ea tamb\u00e9m pode usar extens\u00f5es para adicionar mais processadores de pagamento \u00e0 sua loja<\/a>, sobre os quais falaremos mais tarde. Na Kinsta, somos grandes f\u00e3s do Stripe<\/a>.<\/p>\n

Leitura recomendada: Como Prevenir e Reduzir a Fraude com Cart\u00f5es de Cr\u00e9dito em 98% com o Stripe Radar<\/a><\/p>\n

Ou voc\u00ea usa o Square? Confira nosso artigo detalhado de compara\u00e7\u00e3o no blog: Stripe vs Square<\/a>.<\/p>\n

Etapa 5: Adicione al\u00edquotas de imposto e configure as op\u00e7\u00f5es de frete<\/h3>\n

Na p\u00e1gina de configura\u00e7\u00e3o do WooCommerce, voc\u00ea tamb\u00e9m pode clicar em Add tax rates <\/strong>(Adicionar al\u00edquotas de imposto). Aqui voc\u00ea pode optar por continuar com o parceiro fiscal do WooCommerce, desenvolvido pelo Jetpack. Essa \u00e9 uma op\u00e7\u00e3o totalmente gratuita:<\/p>\n

\"Escolha
Escolha um parceiro fiscal.<\/figcaption><\/figure>\n

Ou voc\u00ea pode baixar o Avalara<\/a> para calcular seus impostos. Al\u00e9m disso, voc\u00ea pode clicar no link <\/span>Set up taxes manually <\/strong>(Configurar impostos manualmente) ou informar ao WooCommerce que voc\u00ea n\u00e3o cobra impostos sobre vendas usando o link apropriado.<\/span><\/p>\n

Ap\u00f3s fazer sua sele\u00e7\u00e3o, volte \u00e0 p\u00e1gina de configura\u00e7\u00e3o e clique em Add shipping costs <\/strong>(Adicionar custos de frete):<\/p>\n

\"Determinando
Determinando taxas de frete.<\/figcaption><\/figure>\n

Aqui, voc\u00ea pode decidir quanto ser\u00e1 cobrado dos clientes pelo frete. Voc\u00ea pode definir uma taxa para sua zona preferencial e outra para os clientes que est\u00e3o em outros locais. Se desejar, tamb\u00e9m pode oferecer frete gr\u00e1tis para um ou ambos os grupos.<\/p>\n

Em seguida, clique em Save shipping options <\/strong>(Salvar op\u00e7\u00f5es de frete). Agora voc\u00ea pode selecionar uma solu\u00e7\u00e3o de frete para imprimir suas etiquetas de envio:<\/span><\/p>\n

\"Ativando
Ativando a impress\u00e3o de etiquetas de envio.<\/figcaption><\/figure>\n

Voc\u00ea pode escolher entre sendcloud e ShipStation, sendo que qualquer um deles precisa ser instalado e ativado. Ou, se voc\u00ea n\u00e3o precisar de etiquetas de envio, basta selecionar No thanks <\/strong>(N\u00e3o, obrigado).<\/p>\n

Etapa 6: Revise os complementos adicionais<\/h3>\n

Neste ponto, voc\u00ea configurou todos os elementos b\u00e1sicos da sua loja on-line do WooCommerce. A pr\u00f3xima p\u00e1gina do assistente de configura\u00e7\u00e3o apresenta alguns complementos opcionais.<\/p>\n

Por exemplo, voc\u00ea pode clicar em Get more sales <\/strong>(Aumentar as vendas) na tela de configura\u00e7\u00e3o do WooCommerce:<\/p>\n

\"Complementos
Complementos do WooCommerce.<\/figcaption><\/figure>\n

Todas essas ferramentas podem ser \u00fateis, embora nenhuma delas seja necess\u00e1ria para que voc\u00ea administre sua loja on-line. Por exemplo, a integra\u00e7\u00e3o com o MailPoet \u00e9 uma \u00f3tima maneira de enviar e-mails de acompanhamento, newsletter e campanhas promocionais para seus clientes. Enquanto isso, voc\u00ea pode listar seus produtos (e campanhas de an\u00fancios pagos) na p\u00e1gina de resultados de pesquisa do Google ativando o Google Listing & Ads<\/a>.<\/span><\/p>\n

Mais abaixo, voc\u00ea encontrar\u00e1 algumas extens\u00f5es de marketing \u00fateis, como TikTok e Mailchimp:<\/p>\n

\"Ativando
Ativando as extens\u00f5es de marketing do WooCommerce.<\/figcaption><\/figure>\n

Para instalar e ativar qualquer uma dessas ferramentas, clique no bot\u00e3o Get started <\/strong>(Come\u00e7ar).<\/span><\/p>\n

Etapa 7: Personalize sua loja WooCommerce<\/h3>\n

Neste ponto, voc\u00ea est\u00e1 quase terminando de configurar sua loja WooCommerce. No entanto, voc\u00ea pode personalizar sua loja on-line se voltar \u00e0 p\u00e1gina de configura\u00e7\u00e3o do WooCommerce e selecionar Personalize your store<\/strong>:<\/p>\n

\"Personalize
Personalizando sua loja WooCommerce.<\/figcaption><\/figure>\n

Se voc\u00ea n\u00e3o tiver muitos produtos adicionados \u00e0 sua loja, poder\u00e1 clicar em Import products <\/strong>para ter uma ideia melhor de como ficar\u00e1 o site pronto.<\/span><\/p>\n

Agora voc\u00ea pode criar uma p\u00e1gina inicial personalizada para sua loja clicando no bot\u00e3o Create homepage<\/strong>:<\/p>\n

\"Criando
Criando a p\u00e1gina inicial do WooCommerce.<\/figcaption><\/figure>\n

Da\u00ed voc\u00ea pode marcar sua loja WooCommerce carregando uma logomarca do seu computador e pode inserir um aviso de loja para ser exibido em todas as p\u00e1ginas do seu site. Clique em Complete task <\/strong>para concluir.<\/span><\/p>\n

Se ainda n\u00e3o tiver verificado os detalhes da sua empresa, voc\u00ea ser\u00e1 solicitado a fazer isso neste momento. Em seguida, voc\u00ea pode come\u00e7ar a gerenciar as transa\u00e7\u00f5es do WooCommerce. Agora, sua loja do WooCommerce est\u00e1 pronta para voc\u00ea arrasar.<\/p>\n

Como personalizar sua loja WooCommerce<\/h2>\n

Agora que voc\u00ea definiu algumas configura\u00e7\u00f5es b\u00e1sicas para sua loja on-line, h\u00e1 muito mais op\u00e7\u00f5es para testar. Voc\u00ea pode encontrar todas essas op\u00e7\u00f5es na nova aba WooCommerce<\/strong>.<\/p>\n

\u00c9 aqui que voc\u00ea pode visualizar pedidos, cupons e relat\u00f3rios, al\u00e9m de personalizar as configura\u00e7\u00f5es e adicionar novas extens\u00f5es. Vamos examinar cada tela, uma por uma.<\/p>\n

Pedidos e clientes<\/h3>\n

Em primeiro lugar, a p\u00e1gina Orders <\/strong>(Pedidos) exibe uma lista de compras recentes em sua loja:<\/p>\n

\"Pedidos
Pedidos no WooCommerce.<\/figcaption><\/figure>\n

Se voc\u00ea vende produtos digitais, n\u00e3o h\u00e1 muito o que fazer aqui al\u00e9m de ver o que foi comprado recentemente. No entanto, se voc\u00ea vende produtos f\u00edsicos, \u00e9 aqui que voc\u00ea descobre quais produtos precisa enviar e o status dos seus pedidos.<\/p>\n

Abaixo da p\u00e1gina Orders<\/strong>, voc\u00ea pode clicar na aba <\/span>Customers <\/strong>(Clientes), onde encontrar\u00e1 uma lista de todas as pessoas que fizeram um pedido em seu site. Voc\u00ea tamb\u00e9m pode procurar clientes usando a barra de pesquisa e fazer o download da lista de clientes.<\/span><\/p>\n

Cupons<\/h3>\n

O WooCommerce tem v\u00e1rias op\u00e7\u00f5es \u00fateis para voc\u00ea adicionar novos cupons \u00e0 sua loja de eCommerce. Na aba Coupon<\/strong>, voc\u00ea pode selecionar Create your first coupon <\/strong>(Criar seu primeiro cupom) para acessar a tela de edi\u00e7\u00e3o:<\/p>\n

\"Criando
Criando cupom.<\/figcaption><\/figure>\n

\u00c9 importante observar que, embora voc\u00ea pudesse acessar seus cupons do WooCommerce<\/a> na aba <\/span>WooCommerce<\/strong>, as configura\u00e7\u00f5es agora foram movidas para a aba <\/span>Marketing<\/strong>.<\/span><\/p>\n

Portanto, voc\u00ea pode criar e gerenciar cupons acessando Marketing <\/strong>no painel do WordPress. Em seguida, selecione Coupons. <\/strong>Voc\u00ea tamb\u00e9m pode optar por remover completamente o antigo menu de cupons das configura\u00e7\u00f5es do WooCommerce para evitar confus\u00e3o:<\/p>\n

\"Removendo
Removendo o menu antigo de cupons do WooCommerce.<\/figcaption><\/figure>\n

Voc\u00ea pode adicionar um c\u00f3digo de cupom (ou fazer com que o WooCommerce gere um para voc\u00ea) e criar uma breve descri\u00e7\u00e3o aqui. Da\u00ed, a aba General<\/strong> permite editar suas informa\u00e7\u00f5es b\u00e1sicas: o tipo de cupom (desconto percentual, desconto fixo no carrinho ou desconto fixo no produto), seu valor, op\u00e7\u00f5es de frete gr\u00e1tis e sua data de validade.<\/span><\/p>\n

Em Usage Restrictions <\/strong>(Restri\u00e7\u00f5es de uso), voc\u00ea pode definir um gasto m\u00ednimo que o cliente deve fazer para validar o cupom. Voc\u00ea tamb\u00e9m pode marcar a caixa para Individual use only <\/strong>(Somente uso individual) se n\u00e3o quiser que os clientes usem o cupom em conjunto com outras ofertas:<\/p>\n

\"Restri\u00e7\u00f5es
Restri\u00e7\u00f5es de uso do cupom.<\/figcaption><\/figure>\n

Voc\u00ea pode definir aqui se o cupom deve ser aplicado somente a itens que n\u00e3o s\u00e3o de venda, e tamb\u00e9m selecionar os produtos e as categorias de produtos aos quais o cupom \u00e9 aplic\u00e1vel. Por fim, voc\u00ea pode at\u00e9 mesmo banir determinados endere\u00e7os de e-mail do uso do cupom.<\/p>\n

A aba final, Usage limits <\/strong>(Limites de uso), permite que voc\u00ea determine quantas vezes o cupom pode ser usado, tanto em geral quanto por cliente:<\/span><\/p>\n

\"Limites
Limites de uso do cupom.<\/figcaption><\/figure>\n

Em seguida, basta publicar seu cupom para torn\u00e1-lo ativo e informar seus clientes sobre o c\u00f3digo de que eles precisar\u00e3o.<\/p>\n

Relat\u00f3rios<\/h3>\n

O WooCommerce tamb\u00e9m oferece uma poderosa funcionalidade de rastreamento integrada. Na aba Reports <\/strong>(Relat\u00f3rios), voc\u00ea pode visualizar tabelas e gr\u00e1ficos de suas vendas, pedidos e custos de frete em diferentes intervalos de tempo:<\/p>\n

\"Relat\u00f3rios
Relat\u00f3rios do WooCommerce.<\/figcaption><\/figure>\n

Cada gr\u00e1fico pode ser limitado \u00e0s vendas de um determinado produto, categoria ou cupom. Na sub-aba Customers<\/strong>, voc\u00ea tamb\u00e9m pode visualizar a aquisi\u00e7\u00e3o de clientes nos mesmos intervalos de tempo.<\/span><\/p>\n

Por \u00faltimo, mas n\u00e3o menos importante, voc\u00ea poder\u00e1 analisar os produtos com pouco estoque, os esgotados, e os mais estocados na sub-aba Stock<\/strong>. Todos esses dados podem ser exportados como uma planilha CSV, se necess\u00e1rio.<\/p>\n

Configura\u00e7\u00f5es<\/h3>\n

\u00c9 aqui que o WooCommerce fica realmente impressionante. Na tela Settings<\/strong>, voc\u00ea pode personalizar praticamente todos os aspectos da sua loja de eCommerce. Elementos como o posicionamento do separador de milhar, todo o processo de checkout, op\u00e7\u00f5es de e-mail, e muito mais, podem ser adaptados sob medida para atender \u00e0s suas necessidades.<\/p>\n

Nessa se\u00e7\u00e3o, a aba General <\/strong>abrange as informa\u00e7\u00f5es b\u00e1sicas da sua loja, inclusive a moeda, locais de venda e op\u00e7\u00f5es de exibi\u00e7\u00e3o:<\/p>\n

\"Configura\u00e7\u00f5es
Configura\u00e7\u00f5es gerais.<\/figcaption><\/figure>\n

Aqui, outra op\u00e7\u00e3o digna de nota permite que voc\u00ea role para baixo e marque a caixa que diz Enable tax <\/strong>(Habilitar imposto). Ap\u00f3s marcar essa caixa, voc\u00ea ter\u00e1 acesso a uma aba <\/span>Tax<\/strong>, anteriormente oculta, na qual poder\u00e1 visualizar suas op\u00e7\u00f5es de imposto:<\/span><\/p>\n

\"Op\u00e7\u00f5es
Op\u00e7\u00f5es de impostos.<\/figcaption><\/figure>\n

Aqui voc\u00ea pode informar \u00e0 plataforma se os pre\u00e7os inseridos para seus produtos incluir\u00e3o impostos ou n\u00e3o. No \u00faltimo caso, voc\u00ea pode fazer com que o WooCommerce calcule as al\u00edquotas para voc\u00ea com base no endere\u00e7o da sua loja, no endere\u00e7o de entrega do cliente ou no endere\u00e7o de faturamento do cliente.<\/p>\n

Voc\u00ea tamb\u00e9m poder\u00e1 configurar como os impostos ser\u00e3o aplicados aos custos de frete, e at\u00e9 mesmo determinar se ser\u00e3o arredondados. Em seguida, voc\u00ea pode personalizar a forma como os pre\u00e7os e os impostos s\u00e3o exibidos no frontend e durante o processo de checkout.<\/p>\n

Voc\u00ea pode personalizar os dados de seus produtos, inclusive medidas, avalia\u00e7\u00f5es, detalhes de estoque, m\u00e9todos de download e at\u00e9 mesmo bot\u00f5es de adicionar ao carrinho, na aba Products<\/strong>:<\/span><\/p>\n

\"Configura\u00e7\u00f5es
Configura\u00e7\u00f5es de produto do WooCommerce.<\/figcaption><\/figure>\n

Shipping<\/strong> \u00e9 onde voc\u00ea pode configurar suas zonas de frete e pre\u00e7os:<\/p>\n

\"Configura\u00e7\u00f5es
Configura\u00e7\u00f5es de frete.<\/figcaption><\/figure>\n

Voc\u00ea tamb\u00e9m pode personalizar como o frete \u00e9 calculado e escolher qual ser\u00e1 o destino padr\u00e3o do frete. Voc\u00ea tamb\u00e9m pode restringir a disponibilidade de sua loja apenas a pa\u00edses espec\u00edficos.<\/p>\n

A aba Payments <\/strong>mostra quais processadores de pagamento est\u00e3o dispon\u00edveis e ativos em sua loja:<\/span><\/p>\n

\"Configura\u00e7\u00f5es
Configura\u00e7\u00f5es de pagamento.<\/figcaption><\/figure>\n

Aqui, voc\u00ea pode ativar e desativar as op\u00e7\u00f5es de pagamento que desejar. Al\u00e9m disso, voc\u00ea encontrar\u00e1 links \u00fateis para personalizar as configura\u00e7\u00f5es de processadores espec\u00edficos.<\/p>\n

Gerenciamento de contas<\/h4>\n

A aba Accounts & Privacy <\/strong>(Contas e Privacidade) \u00e9 muito importante, pois controla v\u00e1rios aspectos da experi\u00eancia do seu cliente:<\/p>\n

\"Configura\u00e7\u00f5es
Configura\u00e7\u00f5es de contas e privacidade.<\/figcaption><\/figure>\n

Voc\u00ea pode definir uma pol\u00edtica de privacidade e de checkout, configurar como os dados do cliente ser\u00e3o armazenados e retidos, e muito mais.<\/p>\n

Al\u00e9m disso, voc\u00ea tem v\u00e1rias op\u00e7\u00f5es de como os checkouts dos clientes ser\u00e3o tratados. Nas se\u00e7\u00f5es Guest checkout<\/strong> (Checkout de convidado) e <\/span>Account creation <\/strong>(Cria\u00e7\u00e3o de conta), voc\u00ea pode determinar se os visitantes poder\u00e3o fazer pedidos como convidados (ou seja, sem fazer login em uma conta).<\/span><\/p>\n

Em seguida, voc\u00ea pode decidir se eles ter\u00e3o a op\u00e7\u00e3o de fazer login e\/ou criar uma nova conta durante o processo de checkout<\/a>. Voc\u00ea pode at\u00e9 mesmo fornecer a eles nomes de usu\u00e1rio e senhas gerados automaticamente para acelerar o processo de registro.<\/p>\n

Configura\u00e7\u00f5es adicionais<\/h4>\n

Embora tenhamos abordado algumas das principais configura\u00e7\u00f5es na se\u00e7\u00e3o anterior, h\u00e1 algumas op\u00e7\u00f5es adicionais que voc\u00ea pode configurar para sua loja on-line. Em primeiro lugar, na aba Emails<\/strong>, voc\u00ea pode personalizar todos os aspectos do suporte ao cliente:<\/p>\n

\"E-mails
E-mails no WooCommerce.<\/figcaption><\/figure>\n

Na parte superior dessa tela, voc\u00ea encontrar\u00e1 uma lista de notifica\u00e7\u00f5es por e-mail que s\u00e3o enviadas pelo WooCommerce em resposta a acionadores espec\u00edficos (como um pedido feito ou cancelado). Voc\u00ea pode clicar em qualquer um desses e-mails para ativ\u00e1-los\/desativ\u00e1-los, bem como para personalizar seu conte\u00fado:<\/p>\n

\"Editando
Editando templates de e-mail.<\/figcaption><\/figure>\n

Voc\u00ea tamb\u00e9m encontrar\u00e1 instru\u00e7\u00f5es aqui para editar os templates de e-mail<\/a>, se estiver familiarizado com o uso de HTML. Voc\u00ea pode copiar o arquivo do e-mail para sua pasta de temas e fazer as altera\u00e7\u00f5es que desejar. Como alternativa, voc\u00ea pode criar seus pr\u00f3prios <\/span>templates de e-mail personalizados<\/a>.<\/span><\/p>\n

Abaixo disso, voc\u00ea pode definir algumas configura\u00e7\u00f5es globais para todos os e-mails enviados da sua loja WooCommerce. Isso inclui o nome e o endere\u00e7o “De”, o texto do rodap\u00e9 e at\u00e9 mesmo cores e backgrounds.<\/p>\n

Ent\u00e3o v\u00e1 para a aba Integration<\/strong>, na qual voc\u00ea pode utilizar o MaxMind para realizar pesquisas de geolocaliza\u00e7\u00e3o. Al\u00e9m disso, voc\u00ea encontrar\u00e1 a aba Advanced<\/strong>, na qual pode ativar a API REST, configurar chaves, aplicativos e webhooks e executar outras tarefas de n\u00edvel inferior:<\/p>\n

\"Configura\u00e7\u00f5es
Configura\u00e7\u00f5es avan\u00e7adas.<\/figcaption><\/figure>\n

H\u00e1 tamb\u00e9m uma aba Multi-currency <\/strong>(M\u00faltiplas moedas), na qual voc\u00ea pode aceitar pagamentos em v\u00e1rias moedas. Por fim, voc\u00ea encontrar\u00e1 a aba <\/span>Subscriptions <\/strong>(Assinaturas):<\/span><\/p>\n

\"Assinaturas.\"
Assinaturas.<\/figcaption><\/figure>\n

Aqui, voc\u00ea pode permitir que os clientes comprem assinaturas<\/a> e produtos juntos. Voc\u00ea tamb\u00e9m pode sincronizar as renova\u00e7\u00f5es para que ocorram em um dia espec\u00edfico e determinar um per\u00edodo de car\u00eancia de inscri\u00e7\u00e3o. Lembre-se de que todas essas configura\u00e7\u00f5es podem ser personalizadas e alteradas sempre que voc\u00ea quiser, e sua loja ser\u00e1 atualizada automaticamente.<\/span><\/p>\n

Status<\/h3>\n

A seguir, vamos dar uma olhada r\u00e1pida na aba Status<\/strong>:<\/p>\n

\"Status
Status do sistema.<\/figcaption><\/figure>\n

Todas as informa\u00e7\u00f5es de backend podem ser encontradas aqui, como a vers\u00e3o do WooCommerce\/PHP\/MySQL\/etc.<\/a>, limites de tamanho, registro em log e muito mais. Na sub-aba <\/span>Tools <\/strong>(Ferramentas), na mesma p\u00e1gina, voc\u00ea pode limpar os caches do seu site para diversas vari\u00e1veis, limpar dados antigos, e at\u00e9 mesmo reverter as configura\u00e7\u00f5es da sua loja para o padr\u00e3o.<\/span><\/p>\n

Extens\u00f5es<\/h3>\n

Um dos atributos que fazem do WordPress o Sistema de Gerenciamento de Conte\u00fado (CMS) mais popular<\/a> do planeta \u00e9 a comunidade por tr\u00e1s dele. H\u00e1 milhares de temas e dezenas de milhares de plugins<\/a> que voc\u00ea pode usar para personalizar seu site. E mais: quase 100% deles s\u00e3o contribu\u00eddos por usu\u00e1rios.<\/p>\n

Isso tamb\u00e9m se aplica ao WooCommerce, embora em uma escala menor. Voc\u00ea pode encontrar muitas ferramentas para expandir sua loja, adicionar novas op\u00e7\u00f5es e recursos e personalizar sua apar\u00eancia na aba Extensions<\/strong> e em outros lugares:<\/p>\n

\"Extens\u00f5es.\"
Extens\u00f5es.<\/figcaption><\/figure>\n

Voc\u00ea pode ver algumas das extens\u00f5es mais populares na se\u00e7\u00e3o Discover our favorites <\/strong>ou, se tiver uma extens\u00e3o espec\u00edfica em mente, use a caixa de pesquisa para encontr\u00e1-la.<\/span><\/p>\n

H\u00e1 extens\u00f5es para voc\u00ea adicionar novas op\u00e7\u00f5es de frete \u00e0 sua loja, ativar assinaturas<\/a>, personalizar o processo de checkout, integrar e-mail marketing e marketing de m\u00eddia social<\/a> e muito mais. Voc\u00ea tamb\u00e9m pode encontrar extens\u00f5es gratuitas e pagas que permitem oferecer processadores de pagamento adicionais aos seus clientes, como Square<\/a> e Amazon Pay<\/a>.<\/p>\n

Temas<\/h3>\n

Voc\u00ea tamb\u00e9m pode escolher um tema para o seu site especificamente projetado para o plugin WooCommerce. Para adicionar um novo tema, v\u00e1 para Appearance <\/strong>> Themes <\/strong>em seu painel do WordPress.<\/p>\n

Em seguida, clique em Add New<\/strong>. Aqui, digite “woocommerce” na barra de pesquisa para procurar os temas do WooCommerce<\/a>. O Storefront<\/a> \u00e9 um \u00f3timo lugar para come\u00e7ar:<\/p>\n

\"Tema
Tema do Storefront.<\/figcaption><\/figure>\n

Mas h\u00e1 muitas outras op\u00e7\u00f5es em diret\u00f3rios, como o ThemeForest<\/a>.<\/span><\/p>\n

Com a introdu\u00e7\u00e3o do Full Site Editor (FSE)<\/a>, voc\u00ea tamb\u00e9m pode preferir come\u00e7ar com um tema em bloco do WooCommerce. Esses templates s\u00e3o feitos inteiramente de blocos, portanto, permitem mais flexibilidade quando se trata de personalizar seu site. Por exemplo, voc\u00ea pode editar partes do template, como cabe\u00e7alhos e rodap\u00e9s, dando a voc\u00ea controle quase total sobre a apar\u00eancia do seu site.<\/p>\n

Para procurar temas em blocos, basta selecionar a aba Block Themes <\/strong>na lista de op\u00e7\u00f5es para filtrar os resultados:<\/p>\n

\"Temas
Temas em blocos do WooCommerce.<\/figcaption><\/figure>\n

Se voc\u00ea tem uma loja de roupas, Blockette<\/a> \u00e9 uma excelente op\u00e7\u00e3o:<\/span><\/p>\n

\"Blockette.\"
Blockette.<\/figcaption><\/figure>\n

Ele inclui templates personalizados para as p\u00e1ginas da sua loja e apresenta varia\u00e7\u00f5es globais de estilo para que voc\u00ea possa edit\u00e1-las rapidamente. Para instalar o tema, basta clicar no bot\u00e3o Install<\/strong>. Em seguida, selecione <\/span>Activate<\/strong>.<\/span><\/p>\n

Plugins<\/h3>\n

H\u00e1 tamb\u00e9m muitos plugins projetados para ampliar o WooCommerce<\/a> de v\u00e1rias maneiras. Apenas para dar um exemplo, o plugin Braintree For WooCommerce<\/a> permite que voc\u00ea aceite todos os tipos de pagamentos em sua loja:<\/p>\n

\"Braintree.\"
Braintree.<\/figcaption><\/figure>\n

Mas voc\u00ea tamb\u00e9m pode encontrar plugins que melhoram a otimiza\u00e7\u00e3o de mecanismos de pesquisa (SEO) do seu site<\/a> ou plugins de cache para melhorar o tempo de carregamento. Em outras palavras, se voc\u00ea quiser ajustar algo na maneira como sua loja WooCommerce funciona, \u00e9 prov\u00e1vel que consiga fazer isso simplesmente encontrando a ferramenta certa.<\/span><\/p>\n

Blocos<\/h3>\n

O WordPress d\u00e1 a voc\u00ea acesso a toneladas de blocos para projetar suas p\u00e1ginas, como imagens, texto de par\u00e1grafo, bot\u00f5es e muito mais. No entanto, depois de instalar o WooCommerce, voc\u00ea pode acessar muitos blocos extras<\/a> para potencializar sua loja on-line.<\/p>\n

Para visualizar os novos blocos, abra uma publica\u00e7\u00e3o ou uma p\u00e1gina no painel, acessando Pages <\/strong>> Add New<\/strong>. Em seguida, clique no \u00edcone + <\/strong>para come\u00e7ar a adicionar blocos ao editor.<\/p>\n

Aqui, procure por “woocommerce”:<\/p>\n

\"Blocos
Blocos do WooCommerce.<\/figcaption><\/figure>\n

Como voc\u00ea pode ver, h\u00e1 muitos recursos \u00fateis de eCommerce aqui. Por exemplo, voc\u00ea pode adicionar pesquisas de produtos para ajudar os compradores a encontrar seus produtos com mais facilidade.<\/p>\n

Al\u00e9m disso, voc\u00ea pode incluir um bloco de produto em destaque para destacar um novo item ou um produto que esteja em promo\u00e7\u00e3o no momento. Voc\u00ea tamb\u00e9m encontrar\u00e1 um bloco de carrinho, que \u00e9 muito \u00fatil. Al\u00e9m disso, voc\u00ea pode adicionar filtros \u00e0s suas p\u00e1ginas, permitindo que os compradores pesquisem produtos com base no estoque, no pre\u00e7o ou na classifica\u00e7\u00e3o.<\/p>\n

Se design n\u00e3o \u00e9 o seu forte, role mais para baixo para acessar v\u00e1rios padr\u00f5es de blocos do WooCommerce<\/a>:<\/span><\/p>\n

\"Padr\u00f5es
Padr\u00f5es de blocos do WooCommerce.<\/figcaption><\/figure>\n

Dessa forma, voc\u00ea pode adicionar se\u00e7\u00f5es pr\u00e9-constru\u00eddas ao seu site, incluindo uma se\u00e7\u00e3o de her\u00f3i “Just Arrived”, um rodap\u00e9 com espa\u00e7o para o seu menu e uma linha de produtos com tr\u00eas colunas.<\/p>\n

Configura\u00e7\u00e3o headless do WooCommerce<\/h2>\n

Se quiser separar os frontends e backends do seu site WooCommerce, voc\u00ea pode criar um site WooCommerce Headless<\/a>. Esse framework conecta o backend WooCommerce do seu site a um frontend personalizado por meio da API REST do WooCommerce<\/a>.<\/p>\n

Voc\u00ea talvez prefira essa op\u00e7\u00e3o se quiser criar um site est\u00e1tico<\/a>. Ou pode ser uma \u00f3tima maneira de melhorar o desempenho e a seguran\u00e7a do seu site e obter mais poder de personaliza\u00e7\u00e3o. Por exemplo, com a instala\u00e7\u00e3o padr\u00e3o do WooCommerce, voc\u00ea pode acabar com v\u00e1rios recursos de que n\u00e3o precisa, tornando seu site mais lento.<\/p>\n

Aqui est\u00e3o algumas situa\u00e7\u00f5es em que faz sentido voc\u00ea optar por usar o WooCommerce com uma configura\u00e7\u00e3o headless:<\/p>\n