Tableless

Busca Menu

Lojas virtuais com WooCommerce

Seja o primeiro a comentar por

O que é WooCommerce?

O WooCommerce é um plugin gratuito que permite a criação de lojas virtuais diretamente através do WordPress. Ele funciona como um kit de ferramentas modular contendo os elementos mais comuns em eCommerce como carrinho de compras, gerenciamento de estoques, estatísticas, gateways de pagamento, etc. O WooCommerce foi criado pela empresa WooThemes de forma opensource e traduzido para diversas línguas, inclusive português brasileiro. Por padrão o WooCommerce é integrado ao PayPal, mas é possível integrar outros métodos de pagamento através de extensões gratuitas e pagas.

Em resumo, é uma ótima ferramenta para quem já está acostumado com o WordPress e pretende criar uma loja virtual simples.

Como funciona

O plugin adiciona algumas features ao WordPress como tipos diferentes de páginas (carrinho de compras, checkouts, estoque…), post customizados para pedidos e produtos, widgets, shortcodes e novos papeis de usuário para administradores e clientes. Isto permite a criação de lojas tanto de produtos físicos quanto para itens online adquiridos via download (como músicas e livros digitais).

Vantagens de desenvolvimento

A documentação extensiva, a grande participação da comunidade na criação de extensões, o vinculo com o WordPress e a possibilidade de criar temas personalizados fazem do WooCommerce uma ferramenta atrativa para desenvolvedores que pretendem se aventurar no mundo do eCommerce. Como a integração funciona através de variáveis pré-criadas não é necessário possuir um conhecimento aprofundado em programação back-end para obter um resultado interessante. Outro ponto bacana é a integração com o Schema que pode dar um empurrãozinho na questão de SEO.

Para a pessoa que vai de fato administrar a loja o ambiente familiar do CMS pode pesar a favor da ferramenta, outras funcionalidades como integração com o Google Analytics e estatísticas de compras em formato de gráficos também são interessantes. Já o usuário final pode curtir o processo simplificado de compra e a integração com redes sociais (é possível compartilhar descontos, por exemplo). É claro que diversas outras ferramentas possuem os mesmos atributos e, obviamente, se você tiver conhecimento de programação poderá construir um sistema muito mais robusto e complexo. Em geral este é o caminho mais recomendável, afinal, você pode criar algo exclusivo levando em conta as necessidades específicas do seu projeto. Mas nem sempre o tempo e orçamento contam a nosso favor e a praticidade de uso certamente é a característica mais interessante do WooCommerce.

Requisitos mínimos

  • WordPress 3.5 ou superior;
  • PHP 5.2.4 ou superior;
  • MySQL 5.0 ou superior;
  • Modulo de apache mod_rewrite (para permalinks);
  • Suporte a fsockopen (para gateway de pagamento IPN);
  • (opcional) Certificado SSL para gateways de pagamento diretos.
  • (opcional) Alguns plugins para WooCommerce requerem CURL.
  • (opcional) Alguns plugins para WooCommerce require SOAP.

Instalação

Instalar o WooCommerce não é muito diferente de instalar qualquer plugin de WordPress. Entre no seu painel de administração, escolha a opção Plugins na sidebar e clique em Adicionar Novo. Digite “WooCommerce” no campo e busca. Deve ser o primeiro resultado que aparecer, mas por garantia se certifique que o desenvolvedor é WooThemes. Agora é só clicar em Instalar. Fácil e indolor.

Se a mensagem roxa gigante aparecer você está pronto para começar. Clique em instalar as páginas do WooCommerce.

woocommerce-bemvindo

Se você preferir também pode instalar manualmente.
1. Baixe o plugin no seu computador através do site oficial e descompacte o zip.
2. No seu programa de FTP favorito faça o upload dos arquivos descompactados no diretório do WordPress wp-content/plugins/
3. Ative o plugin através do painel de administração do WordPress.

Configurações Básicas

Antes de começar a vender é preciso, obviamente, fornecer algumas informações para o plugin. Clique em WooCommerce e Configurações.

plugins

A partir deste painel você pode setar as informações fundamentais para o funcionamento de uma loja como moeda, localização, estoque, impostos, frete, pagamento, e-mail, etc.  Os campos são auto explicativos, mas se você precisar de uma ajuda dê uma olhada na documentação sobre configurações.

Agora você pode criar o seu próprio tema ou escolher um template pronto.

woocommerce-temas

Para fins de aprendizado neste artigo vamos trabalhar com o tema padrão do WordPress.

Conteúdo falso

Sua loja está vazia. Você pode começar a preencher o seu estoque de produtos ou adicionar um conteúdo falso para teste. O plugin vem com alguns dados falsos para você visualizar o layout das paginas da sua loja. Para isto importe o arquivo dummy_data.xml através do plugin WordPress Importer ou use a suite de importação da WooThemes (por $199) e importe dummy_data.csv e dummy_data_variations.csv.

Como dinheiro não nasce em árvore vamos considerar que você está utilizando o Importer. Basta clicar em plugins e localizar o WordPress Importer. Instale o plugin, ative e blá bla blá… Depois clique em Ferramentas, Importar. Na próxima tela selecione a opção WordPress. Procure pelo arquivo to the dummy_data.xml na pasta wp-content/plugins/woocommerce. Clique em fazer upload. Crie ou selecione um usuário responsável pela importação, marque a opção Download and import file attachments aperte o botão submit e pronto!

Agora você é o orgulhoso dono de uma loja de mentirinha cheia de produtos falsos. O que é super útil como modelo para testarmos todas as funções do plugin antes de usarmos o conteúdo real, certo?

woocommerce-produtos

O layout da página de produto no tema padrão ficará mais ou menos assim:

exemplo-produto

A estrutura

A interface do WooCommerce aproveita muitos elementos originais do WordPress. Adicionar e editar produtos, por exemplo, é uma tarefa muito parecida com criar um posts. Basta clicar no item Produtos na sidebar e escolher a opção Novo Produto. A partir daí é só uma sequência de formulários que qualquer usuário familiarizado com o WordPress é mais do que capaz de compreender.

novo-produto

Não vou perder tempo descrevendo como realizar as tarefas básicas pois não existe segredo algum.  Como o foco deste artigo é desenvolvimento vamos conversar um pouco sobre a estrutura do plugin para que você possa projetar suas próprias páginas.

Páginas e Widgets

  • Shopping Cart – Carrinho de compras.
  • Price Filter – Permite o usuário refinar produtos baseados em preços ou categorias.
  • Layered Nav – Permite ao usuário refinar os produtos baseado em atributos.
  • WooCommerce Layered Nav Filters – Mostra quais filtros estão ativos para que o usuário possa ativar/desativar.
  • Recent Products – Lista de produtos recentes.
  • Top Rated Products – Lista de produtos com melhor classificação.
  • Featured Products – Mostra produtos em destaque.
  • Recently Viewed Products – Mostra uma lista de produstos visualizados recentemente pelo usuario.
  • Product Search – Busca por produtos.
  • Product Categories – Lista de categoras de produto.
  • Product Tag Cloud – Nuvem de tags de produtos.
  • Recent Reviews – Lista de produtos recém avaliados.

Shortcodes

Este é o coração do plugin. Os shortcodes funcionam como atalhos para cada módulo. Basta inserir o shortcode correspondente na página ou post que você desejar para mostrar o conteúdo dele em seu layout. Você pode inserir os shortcodes copiando e colando o código ou clicando no ícone do Woo.

shortcode

Shortcodes Padrão

Estes atalhos são instalados automaticamente. Mas é bom conhece-los caso você queira criar seu próprio tema ou modificar um pré-existente.

[woocommerce_cart] – página de carrinho.
[woocommerce_checkout] – página de checkout (finalizar compra).
[woocommerce_pay] – página de finalizar pagamento.
[woocommerce_thankyou] – página de pedido recebido.
[woocommerce_order_tracking] – rastreamento do produto.
[woocommerce_my_account] – conta do usuário.
[woocommerce_edit_address] – página de edição de endereço do usuário.
[woocommerce_view_order] – visualização de pedido.
[woocommerce_change_password] – página de modificação de senha
[woocommerce_lost_password] – página de senha perdida.
[woocommerce_logout] – página de log-out.

Shortcodes Opcionais

[recent_products per_page=”12″ columns=”4″] – Lista produtos recentes. É possível editar a quantidade e número de colunas.
[featured_products per_page=”12″ columns=”4″] – Produtos em destaque.
[product id=”99″] ou [product sku=”FOO”] – Mostra um produto específico. É necessário determinar um valor de ID ou SKU.
[products ids=”1, 2, 3, 4, 5″] ou [products skus=”foo, bar, baz” orderby=”date” order=”desc”] – Mostra diversos produtos. Novamente determine uma ID ou Sku separando os valores por virgula.
[add_to_cart id=”99″] – Preço e botão de adicionar ao carrinho de um produto especifico.
[add_to_cart_url id=”99″] – Mostra a URL de adicionar ao carrinho.
[product_page id=”99″] ou [product_page sku=”FOO”] – Mostra a página do produto completa.
[product_category category=”tecnologia”] – Mostra diversos produtos de uma determinada categoria. Preencha o parametro category com o slug correspondente.
[product_categories number=”12″ parent=”0″] – Loop de categoria de produtos.
[sale_products per_page=”12″] – Produtos em promoção
[best_selling_products per_page=”12″] – Produtos mais vendidos.
[top_rated_products per_page=”12″] – Produtos melhor classificados.
[product_attribute attribute=’color’ filter=’blue’] – Lista produtos com um determinado atributo. Ex: apenas produtos da cor azul.
[related_products per_page=”12″] – Lista de produtos relacionados.

Estes são os shortcodes básicos do WooCommerce. Para mais informações sobre cada item, incluindo especificações mais detalhadas de uma olhada no item shortcodes na documentação do plugin.

Banco de Dados

O WooCommerce instala algumas tabelas específicas no banco de dados. São elas:

woocommerce_attribute_taxonomies – Armazena atrubutos definidos pelo usuario utilizados para criar taxonomias.
woocommerce_downloadable_product_permissions – Armazena quais usuários tem permissão para fazer download de produtos.
woocommerce_termmeta – Armazena metadados para definir ordem de categorias customizadas.

Plugins Úteis

É possível aumentar as funcionalidades padrões do WooCommerce através de plugins e extensões. Para mais extensões úteis de uma olhada na biblioteca oficial. Segue uma listinha útil para lojas brasileiras.

Correios

WooCommerce Correios
Através deste plugin você pode fornecer os seguintes métodos de entrega: PAC, SEDEX, SEDEX 10, SEDEX Hoje e e-SEDEX.
Preço: Gratuito

Campos extras para Checkout

WooCommerce Extra Checkout Fields for Brazil
Adiciona novos campos no formulário específicos para lojas brasileiras como pessoa física, pessoa jurídica, bairro, etc.
Preço: Gratuito

Integração com PagSeguro

WooCommerce PagSeguro
Adicione o método de pagamento PagSeguro.
Preço: Gratuito

Multilinguagem

WooCommerce Multilingual
Crie loja com suporte para diversas línguas.
Preço: Gratuito

Conversor de moedas

Currency Converter Widget
Crie loja com suporte para diversas moedas.
Preço: $29

Lojas no Facebook

Facebook Tab
Venda os produtos através de uma Facebook Tab.
Preço: $49

Mailchimp

Newsletter Subscription
Integração com newsletter do MailChimp.
Preço: $40

Saiba mais

Site oficial
Documentação
Github
Extensões
Forum

Publicado no dia