WooCommerce: PagSeguro com Checkout Transparente

WooCommerce: PagSeguro com Checkout Transparente

Depois de um tempo desenvolvendo finalmente esta pronta a versão 2.5.0 do WooCommerce PagSeguro com o tão esperado Checkout Transparente.

Com o Checkout Transparente é possível que o cliente faça todo o pagamento dentro da sua loja WooCommerce sem precisar sair para nada (claro, vai ter o link do boleto ou para fazer o debito online no site do banco), além que no e-mail do pedido é enviado os dados sobre o pagamento em cartão de crédito ou como pagar usando boleto bancário e debito online e assim fazendo a integração mais completa possível.

Screenshots

Vejam como ficou:

screenshot-4

screenshot-5

screenshot-6

Instalação e configuração

Para instalar basta seguir os passos do guia de instalação do plugin.

Muito importante notar que agora é obrigatório ter os campo de CPF e o número e bairro do endereço, como o WooCommerce não tem isso de forma nativa é necessário utilizar o plugin WooCommerce Extra Checkout Fields for Brazil.

Agradecimentos

Preciso agradecer ao Leandro Matos que ajudou com o layout e ícones do Checkout Transparente e também a todas as pessoas que colaboraram com o projeto fazendo doações.

Download

[button link=”http://wordpress.org/plugins/woocommerce-pagseguro/” window=”yes”]Baixe o WooCommerce PagSeguro com Checkout Transparente[/button]

WooCommerce: Adicionar a Cielo como método de pagamento

WooCommerce: Adicionar a Cielo como método de pagamento

Já existe uma solução para adicionar a Cielo como método de pagamento feita a quase um ano atrás pelo Gabriel Reguly, o plugin funcionava bem nas versões 2.0.x do WooCommerce, mas precisava de alguns ajustes para funcionar com as versões 2.1.x.

Com isso eu me disponibilizei para ajudar a desenvolver uma nova versão do plugin e mantê-lo atualizado. E hoje esta pronta a versão 3.0.0 do Cielo WooCommerce.

O que mudou?

Todo o código do plugin foi atualizado para trabalhar bem com as versões 2.0.x e 2.1.x do WooCommerce, além de que o plugin teve a sua API atualizada para a versão 1.3.0 da Cielo.

Principais alterações:

  • Atualizada a API da Cielo para a versão 1.3.0.
  • Adicionada ação de cancelar a transação (devolver o dinheiro) ao marcar o pedido como “reembolsado”.
  • Adicionada novas formas de exibir o formulário com os cartões de crédito e parcelas disponíveis.
  • Adicionado suporte para os cartões JBC e Aura.
  • Adicionada opção de pagamento por débito para o MasterCard.
  • Adicionada uma mensagem informando o cartão, forma de pagamento (crédito ou débito) e quantidade de parcelas nas notas do pedido ao concluir o pagamento.
  • Adicionado filtro wc_cielo_form_path, que torna possível customizar o formulário de seleção do cartão e de parcelas.

Novas opções para o formulário no checkout:

screenshot-2
Novo formulário padrão
screenshot-3
Opção do formulário com ícones

Download

É possível baixar a nova versão pelo repositório oficial do WordPress.org ou simplesmente fazer a atualização para a versão 3.0.0, caso você já utilize o plugin hoje.

[button link=”http://wordpress.org/plugins/cielo-woocommerce/” style=”download” window=”yes”]Baixar o plugin Cielo WooCommerce[/button]

WooCommerce: Como customizar a exibição dos preço de produtos variáveis

Não é todo mundo que fica feliz com a forma que aparecem os preços de produtos variáveis quando temos dois produtos com preços diferentes no WooCommerce

A exibição normalmente é do menor para o maior da seguinte forma:

produto-variavel-preco-normal

Como tudo no WooCommerce isto é bem simples se ser alterado e podemos fazer isso com a ajuda do filtro woocommerce_variable_price_html, aqui um exemplo de como mostrar o preço como “A partir de R$ XX,XX”:

O resultado deste código é:

produto-variavel-menor-preco

Além disso é possível exibir do menor preço para o maior, entretanto com um pouco mais de “estilo”:

Exibindo os preços como:

produto-variavel-menor-para-maior-preco

Estes códigos irão funcionar apenas com o WooCommerce 2.1.x ou qualquer outra versão mais recente, então não adianta chorar que não vou dizer como fazer isso com versões antigas 😉

WooCommerce – Sandbox do PagSeguro

WooCommerce – Sandbox do PagSeguro

A pouco tempo o PagSeguro lançou o seu tão esperado Sandbox, que por enquanto esta em “beta”, mas funciona bem até onde eu pude testar.

Já possível utilizar o Sandbox do PagSeguro no WooCommerce PagSeguro, pois acabei de fazer a integração hoje, desta forma a versão 2.4.0 do plugin já conta com o checkout em Lightbox e com o Sandbox.

Quem já utiliza o WooCommerce PagSeguro basta fazer a atualização para utilizar os novos recursos e para quem não instalou ainda é possível baixar:

[button link=”http://wordpress.org/plugins/woocommerce-pagseguro/” style=”download” window=”yes”]Baixar o WooCommerce PagSeguro[/button]

Aguarde por mais novidades!
Em breve estarei integrando também com o novo checkout transparente.

WooCommerce – Alterar o botão de “adicionar ao carrinho”

No WooCommerce existem uma infinidade de filtros e ganchos que lhe permitem fazer personalizar qualquer coisa e aqui neste post vou ensinar como alterar o texto e o link do botão de “Adicionar ao carrinho”.

[box type=”alert”]Atenção: este tutorial vai funcionar apenas para WooCommerce 2.1 ou superior![/box]

Este botão no catalogo de produtos pode ter os nomes:

  • “Comprar” – produto simples
  • “Ver opções” – produto com variáveis
  • “Ver produtos” – grupo de produtos

Os nomes funcionam muito bem, entretanto para algumas pessoas isso não é o ideal, ainda mais quando você pretende usar o WooCommerce apenas como um catalogo de produtos.

Enfim, para alterar o texto do botão podemos usar o filtro woocommerce_product_add_to_cart_text:

Isso altera o texto para todos os botões do catalogo de produto, mas se você quiser alterar por tipo de produto você ainda pode usar:

Já na página do produto podemos utilizar o filtro woocommerce_product_single_add_to_cart_text que vai trabalhar exatamente da mesma forma que o woocommerce_product_add_to_cart_text e por isso os exemplos a cima irão funcionar da mesma forma, bastando apenas trocar o nome do filtro.

Entretanto se você pretende usar o WooCommerce apenas como um catalogo de produtos é provável que o carrinho seja totalmente dispensável.
Desta forma você não pode adicionar o produto no carrinho direto do catalogo e muito menos na página do produto.

Para isso o melhor é alterar totalmente o HTML do botão, no catalogo usaremos o filtro woocommerce_loop_add_to_cart_link:

Assim o visitante será levado diretamente para a página do produto toda vez que ele clicar no botão na página do catalogo.

Agora você pode simplesmente remover o botão dentro da página do produto usando o gancho woocommerce_single_product_summary:

Sinceramente eu acredito o melhor quando você pretende apenas ter um catalogo para exibir os seus produtos é fazendo isso diretamente criando um Post Type no WordPress e arrumar o resto no layout, porque o WooCommerce tem muitas ferramentas que você não vai precisar, entretanto eu entendo que os temas prontos do WooCommerce deve ser com certeza o motivo de escolher ele para fazer isso… Realmente acaba sendo muito rápido fazer isso, como exemplo aqui neste tutorial que alterando um filtro e removendo um gancho já temos tudo configurado.

WooCommerce Domination – Deixe o WooCommerce dominar o seu WordPress!

Dependendo do projeto que você vai desenvolver não existe logica deixar destacado as opções de blog do WordPress e deixar escondido as da loja do WooCommerce.

Isso sempre foi algo que me incomodou usando WooCommerce e desta forma desenvolvi um plugin para fazer o WooCommerce dominar o WordPress.

O plugin destaca os menus de pedidos, relatórios, clientes, produtos e cupons, além de adicionar botões na barra superior (admin bar), sendo possível ver a quantidade de produtos processando ou acessar diretamente o menu de relatórios. Com isso deixamos a parte de posts, mídia, paginas e comentários em segundo plano.

Aqui uma imagem de como vai ficar o menu lateral e a barra superior:

woocommerce-domination

Atenção: Para utilizar este plugin você deve usar o WooCommerce 2.1.0 ou superior, não funciona com versões anteriores e eu não vou fazer funcionar simplesmente porque eu quero que todos atualizem para os últimos releases, se não gostou pega eu!

Instalação:

Para mais detalhes sobre a instalação visite o nosso tutorial de instalação no WordPress.

Dúvidas sobre o plugin?

Visite a nossa FAQ no WordPress, entre em contato ou deixe um comentário a baixo.

Links para Download:

[button_download href=”wordpress.org/plugins/woocommerce-domination/”]Wordpress[/button_download] [button_download href=”http://github.com/claudiosmweb/woocommerce-domination”%5DGitHub%5B/button_download%5D