LOJAS VIRTUAIS
Anyssa Ferreira
com WooCommerce
Criando
Comunidade WP São Paulo / WP Brasil
➔ @wpsampa
➔ https://www.meetup.com/pt-BR/wpsampa/
➔ https://br.wordpress.org/support/
➔ https://slack-wpbrasil.herokuapp.com/
➔ https://www.facebook.com/groups/wordpress.brasil/
➔ https://www.facebook.com/groups/woocommerce.brasil/
➔ https://www.facebook.com/groups/wordpressbrasilwomen/
Anyssa Ferreira
● Designer / Desenvolvedora
● Fundadora do estúdio Haste
● Ganhadora da Kim Parsell Scholarship
Quem é o WooCommerce
na fila do pão?
1.
Ou “você sabe com quem está falando?”
WooCommerce
● Maior plataforma de ecommerce do mundo, com pelo
menos 41% das lojas.
● 32% das lojas no Brasil.
● +3 milhões de instalações ativas
Por quê?
● Gratuito
● Fácil de usar
● Escalabilidade
● Comunidade brasileira grande e participativa
● Funcionalidades nativas como variações de produtos, estoque,
impostos e taxas, relatórios, cupons, avaliações de produtos,
widgets, filtros, busca, API, entre outras.
● Integrações (com Correios, PagSeguro, PayPal, etc).
Planejamento
2.
Iniciando com visão
Antes de começar
● Plano de negócio
● Conhecimento sobre o produto
● Conhecimento de processos de atendimento, lei do
consumidor, gerenciamento básico de sites, de marketing, etc.
● Servidor local de testes
● Servidor de produção de qualidade
● Uma instalação do WordPress
Instalação
3.
O nascimento da loja
Instalando o WooCommerce
1. Instale o plugin WooCommerce no WordPress
2. Ative o plugin
3. Atualize as traduções (antes de configurar o WooCommerce,
assim as páginas ficam em pt_BR)
4. Faça a configuração inicial, seguindo o passo a passo
Temas
4.
O nascimento da loja
Alguns temas para WooCommerce
● Storefront - https://wordpress.org/themes/storefront/
● Repositório oficial:
https://wordpress.org/themes/search/woocommerce/
● Temas premium
Configuração
5.
O nascimento da loja
WooCommerce → Configurações
Verifique todas as abas e sub páginas, principalmente:
● Produtos → Exibição
● Entrega → Zonas de entrega
● Finalizar compra → Opções de pagamento (principalmente a
seção Endpoints de Finalizar compras)
● Conta (seção Endpoints da página Minha Conta)
● Emails (cores)
Dica
Se tiver dúvidas em alguma configuração, clique em Ajuda , no
canto superior direito da tela. Há vídeos e outras informações para
cada item da configuração do WooCommerce.
Conteúdo de testes
6.
O nascimento da loja
Produtos fictícios para testes
● Na pasta wp-contentpluginswoocommercedummy-data
localize o arquivo dummy-data.xlm
● No WordPress, acesse o menu Ferramentas → Importar.
● Instale o importador do WordPress, se for necessário.
● Rode o importador do WordPress
● Insira o arquivo dummy-data.xml
● Opcionalmente, marque a opção para importar também as
imagens (mídia e anexos) dos conteúdo.
Dicas de plugins
7.
O nascimento da loja
Assinaturas
Venda assinaturas com pagamento
recorrente em sua loja. Seu cliente paga
mensalmente para receber produtos ou ter
acesso à um serviço. Plugin WooCommerce
Subscriptions.
Permita que os seus clientes possam
personalizar produtos (ex. escolher o que
vai bordado na camisa, ou gravado no
chaveiro).
Plugin Product Add-Ons / WooCommerce
Product Designer
Produtos
personalizados
Venda reservas ou alguel de bens onde o
cliente escolhe datas disponíveis na
agenda. Ótimo para hotéis, professores
particulares, serviço de aluguel de roupas e
outros materiais.
Plugin WooCommerce Bookings.
Reservas ou Aluguel
Venda produtos baseados em datas, com
inscrição no checkout.
Plugin Registrations for WooCommerce.
Eventos ou cursos
presenciais
Novidades da versão 3.0
8.
O nascimento da loja
Nova galeria de imagens de produtos
Novas Classes CRUD
CRUD significa Create, Read, Update, Delete (Criar, Ler, Atualizar,
Excluir) - as quatro operações básicas que você pode fazer para
um recurso. Com as classes CRUD adicionadas ao WooCommerce
3.0, você pode modificar pedidos, produtos, clientes, itens de linha,
zonas de envio, tokens de pagamento e cupons com menos código
em um sistema unificado.
Mais detalhes e outras novidades aqui:
https://woocommerce.com/2017/04/woocommerce-3-0-release/
Obrigada!
Siga nas redes sociais
@anyssaferreira
www.hastedesign.com.br

Lojas virtuais com WordPress + WooCommerce

  • 1.
  • 2.
    Comunidade WP SãoPaulo / WP Brasil ➔ @wpsampa ➔ https://www.meetup.com/pt-BR/wpsampa/ ➔ https://br.wordpress.org/support/ ➔ https://slack-wpbrasil.herokuapp.com/ ➔ https://www.facebook.com/groups/wordpress.brasil/ ➔ https://www.facebook.com/groups/woocommerce.brasil/ ➔ https://www.facebook.com/groups/wordpressbrasilwomen/
  • 3.
    Anyssa Ferreira ● Designer/ Desenvolvedora ● Fundadora do estúdio Haste ● Ganhadora da Kim Parsell Scholarship
  • 4.
    Quem é oWooCommerce na fila do pão? 1. Ou “você sabe com quem está falando?”
  • 5.
    WooCommerce ● Maior plataformade ecommerce do mundo, com pelo menos 41% das lojas. ● 32% das lojas no Brasil. ● +3 milhões de instalações ativas
  • 6.
    Por quê? ● Gratuito ●Fácil de usar ● Escalabilidade ● Comunidade brasileira grande e participativa ● Funcionalidades nativas como variações de produtos, estoque, impostos e taxas, relatórios, cupons, avaliações de produtos, widgets, filtros, busca, API, entre outras. ● Integrações (com Correios, PagSeguro, PayPal, etc).
  • 7.
  • 8.
    Antes de começar ●Plano de negócio ● Conhecimento sobre o produto ● Conhecimento de processos de atendimento, lei do consumidor, gerenciamento básico de sites, de marketing, etc. ● Servidor local de testes ● Servidor de produção de qualidade ● Uma instalação do WordPress
  • 9.
  • 10.
    Instalando o WooCommerce 1.Instale o plugin WooCommerce no WordPress 2. Ative o plugin 3. Atualize as traduções (antes de configurar o WooCommerce, assim as páginas ficam em pt_BR) 4. Faça a configuração inicial, seguindo o passo a passo
  • 11.
  • 12.
    Alguns temas paraWooCommerce ● Storefront - https://wordpress.org/themes/storefront/ ● Repositório oficial: https://wordpress.org/themes/search/woocommerce/ ● Temas premium
  • 13.
  • 14.
    WooCommerce → Configurações Verifiquetodas as abas e sub páginas, principalmente: ● Produtos → Exibição ● Entrega → Zonas de entrega ● Finalizar compra → Opções de pagamento (principalmente a seção Endpoints de Finalizar compras) ● Conta (seção Endpoints da página Minha Conta) ● Emails (cores)
  • 15.
    Dica Se tiver dúvidasem alguma configuração, clique em Ajuda , no canto superior direito da tela. Há vídeos e outras informações para cada item da configuração do WooCommerce.
  • 16.
    Conteúdo de testes 6. Onascimento da loja
  • 17.
    Produtos fictícios paratestes ● Na pasta wp-contentpluginswoocommercedummy-data localize o arquivo dummy-data.xlm ● No WordPress, acesse o menu Ferramentas → Importar. ● Instale o importador do WordPress, se for necessário. ● Rode o importador do WordPress ● Insira o arquivo dummy-data.xml ● Opcionalmente, marque a opção para importar também as imagens (mídia e anexos) dos conteúdo.
  • 18.
    Dicas de plugins 7. Onascimento da loja
  • 19.
    Assinaturas Venda assinaturas compagamento recorrente em sua loja. Seu cliente paga mensalmente para receber produtos ou ter acesso à um serviço. Plugin WooCommerce Subscriptions.
  • 20.
    Permita que osseus clientes possam personalizar produtos (ex. escolher o que vai bordado na camisa, ou gravado no chaveiro). Plugin Product Add-Ons / WooCommerce Product Designer Produtos personalizados
  • 21.
    Venda reservas oualguel de bens onde o cliente escolhe datas disponíveis na agenda. Ótimo para hotéis, professores particulares, serviço de aluguel de roupas e outros materiais. Plugin WooCommerce Bookings. Reservas ou Aluguel
  • 22.
    Venda produtos baseadosem datas, com inscrição no checkout. Plugin Registrations for WooCommerce. Eventos ou cursos presenciais
  • 23.
    Novidades da versão3.0 8. O nascimento da loja
  • 24.
    Nova galeria deimagens de produtos
  • 25.
    Novas Classes CRUD CRUDsignifica Create, Read, Update, Delete (Criar, Ler, Atualizar, Excluir) - as quatro operações básicas que você pode fazer para um recurso. Com as classes CRUD adicionadas ao WooCommerce 3.0, você pode modificar pedidos, produtos, clientes, itens de linha, zonas de envio, tokens de pagamento e cupons com menos código em um sistema unificado. Mais detalhes e outras novidades aqui: https://woocommerce.com/2017/04/woocommerce-3-0-release/
  • 26.
    Obrigada! Siga nas redessociais @anyssaferreira www.hastedesign.com.br