WordPress: do Blog ao E-Commerce - PHPMS Conf'14

zz

WordPress:WordPress:Do Blog ao Do Blog ao

E-CommerceE-CommerceMarcelo SiqueiraMarcelo Siqueira

@marcelosiqueira@marcelosiqueira

WordPress: WordPress: Do Blog ao E-CommerceDo Blog ao E-Commerce

Marcelo SiqueiraMarcelo Siqueira@marcelosiqueira@marcelosiqueira

Programador PHP/Python, Programador PHP/Python, Defensor de Software Defensor de Software

Livre e GNU/Linux, Nerd e Livre e GNU/Linux, Nerd e Empreendedor!Empreendedor!


O que é WordPress?O que é WordPress?


O que é WordPress?O que é WordPress?Segundo a Wikiapédia:Segundo a Wikiapédia:““WordPress é um aplicativo de sistema de gerenciamento de conteúdo para WordPress é um aplicativo de sistema de gerenciamento de conteúdo para web, escrito em PHP com banco de dados MySQL, voltado principalmente web, escrito em PHP com banco de dados MySQL, voltado principalmente para a criação de blogs via web. Essa é uma das ferramentas mais famosas para a criação de blogs via web. Essa é uma das ferramentas mais famosas na criação de blogs disputando diretamente com o serviço do Google na criação de blogs disputando diretamente com o serviço do Google chamado Blogger. No entanto, o WordPress é adotado por aqueles que chamado Blogger. No entanto, o WordPress é adotado por aqueles que queiram um blog mais profissional e com maiores recursos diferenciais.”queiram um blog mais profissional e com maiores recursos diferenciais.”

Na minha opinião:Na minha opinião:WordPress é o mais famoso CMS do planeta, e a muito tempo deixou de WordPress é o mais famoso CMS do planeta, e a muito tempo deixou de ser uma plataforma apenas para blogs, pois hoje em dia é usa do para tudo, ser uma plataforma apenas para blogs, pois hoje em dia é usa do para tudo, desde um simples blog, até um bem estruturado e-commerce.desde um simples blog, até um bem estruturado e-commerce.

http://pt.wikipedia.org/wiki/WordPresshttp://pt.wikipedia.org/wiki/WordPress


O que é um CMS?O que é um CMS?Content Management SystemContent Management System


O que é um CMS?O que é um CMS?

Segundo a Wikiapédia:Segundo a Wikiapédia:““Sistema de Gerenciamento de Conteúdo (do inglês Content Sistema de Gerenciamento de Conteúdo (do inglês Content Management System – CMS) é um aplicativo usado para criar, editar, Management System – CMS) é um aplicativo usado para criar, editar, gerenciar e publicar conteúdo de forma consistentemente organizada gerenciar e publicar conteúdo de forma consistentemente organizada permitindo que o mesmo seja modificado, removido e adicionado com permitindo que o mesmo seja modificado, removido e adicionado com facilidade...”facilidade...”

““Podemos dizer que um CMS é semelhante a um framework (um Podemos dizer que um CMS é semelhante a um framework (um esqueleto) de website pré-estruturado, com recursos básicos de: esqueleto) de website pré-estruturado, com recursos básicos de: usabilidade, visualização e administração já prontamente disponíveis. usabilidade, visualização e administração já prontamente disponíveis. É um sistema que permite a criação, armazenamento e administração É um sistema que permite a criação, armazenamento e administração de conteúdos de forma dinâmica, através de uma interface de acesso de conteúdos de forma dinâmica, através de uma interface de acesso via Internet.”via Internet.”

http://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdohttp://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdo


Porque usarPorque usarWordPress?WordPress?


Porque usarPorque usarWordPress?WordPress?

OpenSource (gratuito)OpenSource (gratuito)Interface simplesInterface simples

Ambiente amigavelAmbiente amigavelAdaptavelAdaptavel

PluginsPluginsTemasTemas

Comunidade ativaComunidade ativa


Quem usa WordPress?Quem usa WordPress?


Algumas que usam!Algumas que usam!

Techcrunch, Digg Blog, Perez Hilton, Ford, Wall Street Journal. Techcrunch, Digg Blog, Perez Hilton, Ford, Wall Street Journal. Rackspace, People Magazine, Copyblogger, Blogs del NYTimes, Wired, Rackspace, People Magazine, Copyblogger, Blogs del NYTimes, Wired,

Mozilla Firefox, Giga OM, Network Solutions, Download.com, cPanel, Mozilla Firefox, Giga OM, Network Solutions, Download.com, cPanel, General Electronic (GE), ProBlogger, Thinkprogress, Slashfilm, General Electronic (GE), ProBlogger, Thinkprogress, Slashfilm,

Globalvoicesonline, Yankodesign, Marcelo Siqueira, etc.Globalvoicesonline, Yankodesign, Marcelo Siqueira, etc.


Qual a ultima versão Qual a ultima versão estável de WordPress?estável de WordPress?


Qual a ultima versão estável de Qual a ultima versão estável de WordPress?WordPress?

Dia 04 de setembro de 2014, foi lançado a Dia 04 de setembro de 2014, foi lançado a versão 4.0, codinome Benny.versão 4.0, codinome Benny.


O que são PluginsO que são Pluginspara WordPress?para WordPress?


O que são PluginsO que são Pluginspara WordPress?para WordPress?

Os plugins são ferramentas para estender a funcionalidade do Os plugins são ferramentas para estender a funcionalidade do WordPress, para obter melhor resposta para diferentes objetivos, WordPress, para obter melhor resposta para diferentes objetivos,

seja exibir notícias reacionadas, ou uma galeria de imagens seja exibir notícias reacionadas, ou uma galeria de imagens personalizada.personalizada.


Melhores Plugins Melhores Plugins para WordPresspara WordPress

Os melhores plugins para WordPress e ferramentas dependem Os melhores plugins para WordPress e ferramentas dependem da exigência de cada site. Porém, a lista desse artigo pode ser da exigência de cada site. Porém, a lista desse artigo pode ser

bem útil para diversos sites. Vamos recapitular?bem útil para diversos sites. Vamos recapitular?


Alguns pluginsAlguns pluginspara WordPress:para WordPress:

W3 Total CacheW3 Total CacheAksimetAksimet

WordPress SEO (by Yoast)WordPress SEO (by Yoast)Google Analytics for WordPress (by Yoast)Google Analytics for WordPress (by Yoast)

WP Super CacheWP Super CacheJetpack por WordPress.comJetpack por WordPress.com

FlareFlareContact Form 7Contact Form 7

SEO Friendly ImagesSEO Friendly ImagesSyntaxHighlighterSyntaxHighlighter

Existe plugins tudo, alguns são pagos.Existe plugins tudo, alguns são pagos.


O que são TemasO que são Temaspara WordPress?para WordPress?


O que são TemasO que são Temaspara WordPress?para WordPress?

Os temas WordPress são uma coleção de arquivos que Os temas WordPress são uma coleção de arquivos que trabalham juntos para produzir uma interface gráfica com um trabalham juntos para produzir uma interface gráfica com um design unificador. Estes arquivos são chamados Arquivos de design unificador. Estes arquivos são chamados Arquivos de

Modelo. Um tema modifica a maneira como o site é exibido, sem Modelo. Um tema modifica a maneira como o site é exibido, sem modificar o software ou os dados que ele gerencia.modificar o software ou os dados que ele gerencia.


Existem muitos Temas gratuitos Existem muitos Temas gratuitos e pagos, basta procurar.e pagos, basta procurar.

Uma iniciativa interessante é um framework deUma iniciativa interessante é um framework de temas Odin, ele foi criado pelo Grupo WordPress temas Odin, ele foi criado pelo Grupo WordPress

Brasil do Facebook, o mesmo é OpenSource e Brasil do Facebook, o mesmo é OpenSource e já vem suporte a Bootstrap, Bootstrap Sass,já vem suporte a Bootstrap, Bootstrap Sass,

HTML5shiv, matchMedia() polyfill, Respond.js, HTML5shiv, matchMedia() polyfill, Respond.js, Sass, Compass, Grunt.js, aq_resize, FitVids, Sass, Compass, Grunt.js, aq_resize, FitVids,

EditorConfig, goqr.me, Google Maps EditorConfig, goqr.me, Google Maps

http://wpod.in/http://wpod.in/


Que tipos de aplicações Que tipos de aplicações podemos fazer com podemos fazer com

WordPress?WordPress?


Que tipos de aplicações Que tipos de aplicações podemos fazer com WordPress?podemos fazer com WordPress?

E-CommerceE-CommerceRedes SociaisRedes Sociais

FórunsFórunsSistema de TicketsSistema de Tickets

Perguntas e RespostasPerguntas e RespostasFerramentas ColaborativasFerramentas Colaborativas

DiretóriosDiretóriosCrowdfundingCrowdfunding

WikiWiki

E Tudo mais o que você quiser, o limite é sua capacidade e E Tudo mais o que você quiser, o limite é sua capacidade e ideias.ideias.


Agora que já sabemos Agora que já sabemos um pouco como funciona o um pouco como funciona o WordPress, vamos falar um WordPress, vamos falar um pouco sobre E-commerce.pouco sobre E-commerce.


O que é um O que é um E-Commerce?E-Commerce?


O que é um E-Commerce?O que é um E-Commerce?O e-commerce, que em português significa comércio eletrônico, O e-commerce, que em português significa comércio eletrônico, é uma modalidade de comércio que realiza suas transações é uma modalidade de comércio que realiza suas transações financeiras por meio de dispositivos e plataformas eletrônicas, financeiras por meio de dispositivos e plataformas eletrônicas, como computadores e celulares. Um exemplo deste tipo de como computadores e celulares. Um exemplo deste tipo de comércio é comprar ou vender produtos em lojas virtuais.comércio é comprar ou vender produtos em lojas virtuais.

No início, o e-commerce era utilizado basicamente para vender No início, o e-commerce era utilizado basicamente para vender bens tangíveis com valores modestos, como: livros e CDs. Hoje, bens tangíveis com valores modestos, como: livros e CDs. Hoje, ele é utilizado para comercializar desde produtos que custam ele é utilizado para comercializar desde produtos que custam milhões, como: iates, carros de luxo e mansões, até produtos milhões, como: iates, carros de luxo e mansões, até produtos que há pouco tempo eram inimagináveis pela sua que há pouco tempo eram inimagináveis pela sua incompatibilidade com este tipo de comércio, como roupas, incompatibilidade com este tipo de comércio, como roupas, perfumes e alimentos.perfumes e alimentos.

http://ecommercenews.com.br/o-que-e-e-commerce


Como montar um Como montar um E-Commercer com E-Commercer com

WordPress ?WordPress ?


Como montar um Como montar um E-Commercer comE-Commercer com

WordPress ?WordPress ?

É muito simples, basta usar o É muito simples, basta usar o plugin WooCommerce.plugin WooCommerce.


O que é WooCommerce?O que é WooCommerce?


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

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


E como funciona?E como funciona?


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


OK, vamos lá então!OK, vamos lá então!


Instalação:Instalação:

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


Configurações Básicas:Configurações Básicas:

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

http://docs.woothemes.com/document/configuring-woocommerce-settings/http://docs.woothemes.com/document/configuring-woocommerce-settings/


Temas:Temas:

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

http://docs.woothemes.com/documentation/plugins/woocommerce/woocommerce-codex/theming/http://docs.woothemes.com/documentation/plugins/woocommerce/woocommerce-codex/theming/

http://www.woothemes.com/product-category/themes/woocommercehttp://www.woothemes.com/product-category/themes/woocommerce


A estrutura:A estrutura:

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

http://docs.woothemes.com/document/managing-products/http://docs.woothemes.com/document/managing-products/


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


Shortcodes:Shortcodes:

Este é o coração do plugin. Os shortcodes Este é o coração do plugin. Os shortcodes funcionam como atalhos para cada módulo. funcionam como atalhos para cada módulo.

Basta inserir o shortcode correspondente na Basta inserir o shortcode correspondente na página ou post que você desejar para mostrar página ou post que você desejar para mostrar

o conteúdo dele em seu layout. Você pode o conteúdo dele em seu layout. Você pode inserir os shortcodes copiando e colando o inserir os shortcodes copiando e colando o

código ou clicando no ícone do Woo.código ou clicando no ícone do Woo.

http://docs.woothemes.com/document/managing-products/http://docs.woothemes.com/document/managing-products/


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

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


Saiba mais sobre o Saiba mais sobre o WooCommerce:WooCommerce:

Site oficialSite oficialhttp://www.woothemes.com/woocommercehttp://www.woothemes.com/woocommerce

DocumentaçãoDocumentaçãohttp://docs.woothemes.com/documentation/plugins/woocommerce/http://docs.woothemes.com/documentation/plugins/woocommerce/

Github Github https://github.com/woothemes/woocommercehttps://github.com/woothemes/woocommerce

ExtensionsExtensionshttp://www.woothemes.com/product-category/woocommerce-extensions/http://www.woothemes.com/product-category/woocommerce-extensions/

ForumForumhttp://wordpress.org/support/plugin/woocommercehttp://wordpress.org/support/plugin/woocommerce


Essa apresentação foi baseada Essa apresentação foi baseada em varias informações retirada em varias informações retirada

da própria internet.da própria internet.TablelessTablelesshttp://tableless.com.br/lojas-virtuais-com-woocommerce/http://tableless.com.br/lojas-virtuais-com-woocommerce/

Blog do Claudio Sanches Blog do Claudio Sanches http://claudiosmweb.com/http://claudiosmweb.com/

Wordpress Brasil Wordpress Brasil https://br.wordpress.org/https://br.wordpress.org/

WikipédiaWikipédiahttp://pt.wikipedia.org/http://pt.wikipedia.org/


Perguntas?Perguntas?

Marcelo SiqueiraMarcelo Siqueira @@marcelosiqueiramarcelosiqueira marsiqueiramarsiqueira +MarceloSiqueira marsiqueira marcelosiqueira [email protected]

Obrigado!Obrigado!