Advertisement
  1. Business
  2. eCommerce
Business

Como Construir seu Primeiro Website para eCommerce com WordPress

by
Length:LongLanguages:

Portuguese (Português) translation by André Victor Ribeiro Amaral (you can also view the original English article)

Ter uma loja online é uma excelente forma de ter colocar seus produtos disponíveis para os seus potenciais clientes. Entretanto, isso também pode te consumir muito quando você leva em consideração o tempo gasto para preencher as ordens de compra, rastrear o seu inventário e gerir sua loja.

Por causa disso, a sua plataforma de eCommerce deve ser fácil de usar e manter. WordPress se encaixa perfeitamente nesses requisitos, já que ele te permite criar qualquer tipo de website e ser, mesmo para iniciantes, fácil de usar.

O WordPress também tem milhares de temas disponíveis que preenchem as lacunas criadas por quase todo e qualquer tipo de nicho de mercado, o que o torna a primeira escolha para donos de eCommerces.

Nesse post, nós vamos falar sobre como construir um site de eCommerce com WordPress. Você vai descobrir como escolher o tema certo. E por último, nós vamos mostrar como ter sua loja virtual facilmente configurada e pronta para funcionar.

Por Que Utilizar WordPress para Criar um Loja de Comércio Eletrônica?

O WordPress têm vários temas para escolher e, além disso, também têm vários plugins que adicionam funcionalidades extras ao seu site. De fato, existem inúmeros plugins feitos especificamente para transformar o seu site em WordPress em uma loja online.

Um dos plugins mais populares para essa função é o WooCommerce. Ele te permite vender tanto produtos físicos como digitais. WooCommerce tem integração com vários meios de pagamento, além de ter seu próprio conjunto de extensões que te possibilitam sincronizar as suas ordens de compra com seu software de contabilidade, oferecer métodos extras de frete, imprimir faturas e adesivos para as caixas que serão enviadas, automaticamente enviar e-mails para os clientes que abandonaram seus carrinhos, e muito mais.

WooCommerce WordPress plugin

Como Escolher um Tema WordPress para eCommerce

Um website atrativo pode ajudar você a atrair mais visitantes e transformá-los em clientes; entretanto, design não é a única coisa que você deveria se focar na sua busca por um tema WordPress. Aqui estão algumas coisas para se prestar atenção.

1. Escolha um Tema com as Características Certas

Enquanto a maioria das funcionalidades de um eCommerce vêm de plugins, existem algumas características encontradas em alguns temas que vão melhorar a experiência do cliente. Em particular, você vai querer encontrar um tema que ofereça as seguintes funcionalidades: 

  • Megamenu. Um megamenu usualmente age como um menu do estilo "drop-down" que revela páginas e links adicionais à medida que você passa o mouse por ele. Ele te permite organizar a navegação e adicionais categorias de produtos e páginas sem sobrecarregar a aparência inicial do site.
  • Visualização rápida. A habilidade de clicar em um produto e instantaneamente ver os detalhes dele ou adicioná-lo ao carrinho de compras, reduz a quantidade de cliques que o seu visitante precisa dar, e pode melhorar a taxa de conversão do seu site.
  • Modo catálogo. Similarmente, se você escolher um tema com um modo catálogo, seus visitantes podem percorrer sua loja e checar seus produtos sem ter que navegar por um número insano de páginas e categorias. 

A Envato oferece várias opções em relação aos temas de eCommerce para WordPress.

2. Não Ignore o Espaço em Branco

Se possível, opte por um tema que tenha um design limpo com vários espaços em branco entre itens individuais. Isso permite que seus produtos e suas chamadas-para-ação apareçam mais e isso facilita que seus clientes se foquem em tudo que está em oferta na sua loja.

3. Tenha Certeza que seu Tema é de Fácil Customização

Customizar seus temas é crucial para que você possa criar consistência na aparência do seu site com a sua marca. Um tema que vem com um painel de configurações ou utiliza um Customizador te permite modificar cores, fontes, e outros aspectos sem ter que tocar em uma única linha de código. Se você escolher um tema que vem com um integração a um construtor de páginas, você vai ser capaz de facilmente modificar o layout das suas páginas.

Theme settings
Configurações do Tema

Como Começar com seu Website WordPress para eCommerce

Para começar com o seu website de eCommerce em WordPress, você vai precisar de lidar com alguns pequenos detalhes técnicos antes de começar a adicionar os seus produtos e ajustar as configurações do seu tema. Para começar, você vai precisar de comprar um nome de domínio. Você vai também precisar pagar também por um plano de hospedagem, um  tema para o seu site, e preparar seu conteúdo com, por exemplo, imagens e descrições.

1. Um Nome de Domínio

Seu nome de domínio permite que seus visitantes possam te encontrar na Internet. Se você já tem uma loja física, é uma boa ideia utilizar o mesmo nome como o nome do seu domínio. De modo alternativo, você pode nomear sua loja de acordo com os produtos que você vende; ou mesmo escolher um nome mais genérico no caso de você planejar expandir o seu inventário no futuro.

2. Um Plano de Hospedagem

Uma vez que você já escolheu e comprou o seu nome de domínio, você precisa escolher um plano de hospedagem para que as pessoas possam acessar o seu site. Existem várias opções em relação a hospedagem, de opções baratas e planos compartilhados, a outras mais caras.

3. Um Tema WordPress

Como mencionado antes, no WordPress não faltam temas de alta qualidade para os vários nichos de mercado. Enquanto os temas livres são bons, eles muitas vezes sofrem com a falta de apoio dos autores; além de não serem atualizados tão frequentemente quanto os temas pagos. Manter o seu tema atualizado é crucial se você quer ter certeza que seu site provê a melhor experiência possível para o usuário - mais os aspectos de segurança.

Por sorte, existem alguns marketplaces como a Envato Elements que te permitem fazer o download de um número ilimitado de temas para WordPress por um preço de assinatura acessível. Isso significa que você pode mudar o tema quantas vezes você quiser. Uma vez que você encontrou um tema que você gostou, tudo que você tem que fazer é comprá-lo e fazer o download do arquivo .zip para o seu computador. Você também pode encontrar inúmeros temas para WooCommerce que são regularmente atualizados e que te dão acesso a seis meses grátis de suporte do autor no ThemeForest.

4. Conteúdo e Imagens

Finalmente, você vai querer preparar as imagens dos seus produtos e suas descrições; para isso, tudo que você tem que fazer é copiar e colar eles assim que você tiver seu tema e o plugin WooCommerce. Isso acelera o processo de configuração do seu site e te permite lançar a sua loja virtual e algumas horas. Não se esqueça de incluir outras páginas, como a sua página "Sobre", "Termos e Condições", sua localização, e tudo mais que você precisar.

Começando com o WordPress e o WooCommerce

Agora que você já tem tudo no lugar, é hora de criar o seu site. Você vai precisar instalar o WordPress, o WooCommerce, seu tema, e os plugins adicionais antes de você customizar o seu tema ou importar qualquer conteúdo.

Para esse tutorial, nós vamos utilizar o tema Lotus. O tema Lotus oferece várias funcionalidades e um design responsivos com espaços em branco e um botão de importação de "um clique" para o conteúdo de demonstração, o que facilita muito a configuração do site. Ele também inclui o Visual Composer Builder e o Revolution Slider, que te possibilitam editar o layout do site e criar vitrines para os seus produtos.

Vamos começar:

1. Instalar o WordPress

O primeiro passo é instalar o WordPress. Uma vez que você assinou o seu serviço de hospedagem, a companhia que você contratou vai de providenciar um link para o painel de controle da sua hospedagem - local no qual você conseguirá instalar o WordPress.

Uma vez que você está logado, procure por uma seção que tenha os dizeres "Instalar WordPress", "One-click Installer", "Softaculous Installer" ou algo similar. Encontre o ícone do WordPress, clique nele, e siga as instruções.

Isso vai carregar uma tela onde você poderá entrar com o nome do seu site e uma descrição para ele, seu nome de usuário desejado e sua senha - assim como um endereço de conta de e-mail. Preencha os campos com suas informações e então pressione o botão Instalar.

Uma vez que o WordPress está instalado, você pode fazer o login no seu painel de controle. Para isso, visite a URL: nomedoseusite.com/wp-admin (substitua nomedoseusite.com pelo seu domínio). Então entre com o seu nome de usuário e senha criados anteriormente.

2. Instalar seu Tema WordPress

No seu painel de controle do WordPress, vá em Aparência > Temas > Adicionar novo. Então, clique em Carregar Tema.

Encontre a pasta com o arquivo .zip que contem os arquivos do tema, e faça o upload dele. Uma vez instalado está pronto, clique em Ativar.

3. Instalar Plugins Necessários

Required plugins
Plugins Necessário

Depois que o tema for ativado, você vai ver uma notificação no painel de controle com uma mensagem dizendo que certos plugins precisam ser instalados para o que o tema execute todas as suas funcionalidades. Clique no link Começar a instalação dos plugins para ser levado diretamente para a tela de instalação.

Selecione todos os plugins a partir do menu, clique em Instalar e espere todo o processo terminar.

4. Instalar WooCommerce

O último passo é intalar o WooCommerce para habilitar as funcionalidades do eCommerce do seu site. No seu painel de controle, navegue até Plugins > Adicionar novo. Procure por WooCommerce, instale ele, e então o ative.

Você vai precisar agora passar pelo processo de configuração do plugin, que vai criar as páginas necessárias e te permitir escolher sua localização, moeda e método de pagamento.

Deixando os detalhes técnicos de lado, é hora de adicionar o conteúdo e configurar o seu tema.

Como Configurar e Customizar o seu Tema

O modo mais fácil de configurar o seu tema é importar um conteúdo de demonstração. A maioria dos temas modernos vem com a habilidade de importar exemplos de imagens, posts e páginas através de um único clique. Uma vez que você importou o conteúdo, você pode começar a brincar com as configurações do tema, como cores, fontes e mais.

1. Importar Conteúdo de Demonstração

A melhor parte sobre importar conteúdo de demonstração é que o tema vai importar várias páginas, posts, imagens, configurações de widget, e muito mais para fazer o seu site parecer com a versão demo. No caso do tema Lotus, ele vai importar amostras de produtos e uma página de compra; assim, tudo que você vai ter que fazer é editar o conteúdo das páginas já existentes, adaptando-as às suas necessidades.

Importing demo content
Importando conteúdo de demonstração

Para começar, vá em Aparência > Importar conteúdo de demostração, então clique no botão azul de importação. Espere até que o processo seja concluído e, então, o seu site estará pronto para você adicionar seu próprio conteúdo e customizar sua aparência.

2. Substituir o Conteúdo de Demonstração

Vamos continuar com a substituição do conteúdo de demonstração. No seu painel de comando do WordPress, vá até Páginas e então clique no botão Editar sob a página com a qual você quer trabalhar. Nesse exemplo, nós vamos editar a página Fullscreen Slider.

Já que o tema Lotus utiliza o Visual Composer builder, pressione o botão Editar com Visual Composer. Uma vez que a página de edição carregar, você será capaz de modificar o layout, adicionar novos módulos, e muito mais.

visual editor
Editor Visual

Para editar elementos na sua página, simplesmente clique no ícone de lápis e insira o seu próprio conteúdo, ajustando as configurações da maneira que você preferir. Você também pode adicionar elementos como caixa de textos, botões, ícones, vídeos, imagens, etc.

Adding elements
Adicionando Elementos

3. Adicione Seus Próprios Produtos

Para adicionar seus próprios produtos, vá no seu painel de controle do WordPress e navegue até Produtos > Todos os Produtos. Clique no link Editar abaixo de cada produto e substitua o conteúdo com a sua própria descrição, preço e imagens. Se você tem mais produtos que a página de exemplo, simplesmente vá até Produtos > Adicionar Novo e então insira a descrição do produto, imagens, e defina o preço correto.

Adding products
Adicionando Produtos

4. Customizar a Aparência Visual

Quando você finalizar a parte de configuração das páginas e dos produtos, vá em Aparência > Customização e ajuste as configurações de aparência ao seu gosto. Você pode fazer o upload da sua própria logo, mudar as fontes, mexer na página inicial, modificar as barras laterais, etc.

5. Extensões Úteis do WooCommerce para Ajudar a sua Loja a Começar com o Pé Direito

Como mencionado anteriormente, existem inúmeras extensões que te permitem extrair mais da sua loja online. Aqui estão cinco extensões úteis que podem te ajudar a acelerar o processo de gerenciamento do seu negócio:

1. WP Flat Visual Chat

WP Flat Visual Chat
WP Flat Visual Chat

Construir confiança é importante quando se trata de lojas online. Seus clientes podem ter dúvidas sobre algum de seus produtos ou regras de frete, por exemplo. A última coisa que você quer é que eles abandonem o site por não ter suas dúvidas sanadas. Adicionando a função de Chat, eles podem ter suas dúvidas respondidas instantaneamente, o que é uma excelente forma de garantir que eles confiem em você a ponto de gastar dinheiro com seus produtos.

2. Woocommerce Ultimate Gift Cards

Woocommerce Ultimate Gift Cards
Woocommerce Ultimate Gift Cards

Graças a essa extensão, você pode vender cartões de presente para a sua loja. Não são só os seus clientes que podem comprá-los para presentear alguém que amam, mas você também pode oferecê-los como recompensa aos seus consumidores ou como forma de incentivar que visitantes do seu site tornem-se, de fato, clientes.

3. Improved Product Options for WooCommerce

Improved Product Options for WooCommerce
Improved Product Options for WooCommerce

O plugin Improved Product Options for WooCommerce te permite configurar certas opções para os seus produtos, e criar uma infinidade de seletores de atributos para as opções de gerenciamento desses itens, indo, para isso, além de cor, tamanho, material, etc.

4. Product Filter for WooCommerce

Product Filter for WooCommerce
Product Filter for WooCommerce

Graças a esse plugin para SEO, seus clientes podem filtrar produtos por categorias, atributos, faixa de preço, tags, e muito mais, permitindo que eles encontre exatamente o produto que estão procurando.

5. Woocommerce Refund and Exchange

Woocommerce Refund and Exchange
Woocommerce Refund and Exchange

Emitir reembolso pode ser um processo pesado, a menos que você tenha extensão. Você pode automatizar todo o processo e permitir que os clientes submetam pedido de reembolso de produto ou de troca, e, então, você é notificado por e-mail. Você pode, a partir daí, decidir sobre a aceitação ou não do pedido do cliente, e ajustar a ordem de serviço à sua realidade.

Começar com sua Loja Virtual

Começar uma loja virtual é um modelo de negócio atraente e, muitas vezes, viável. Agora que você sabe como construir um eCommerce com WordPress e como utilizar temas feitos com o plugin WooCommerce como base, além de inúmeras extensões do próprio WooCommerce, você pode colocar a sua loja para funcionar em algumas horas. Procure na nossa seleção de temas e comece a construir a sua loja online hoje.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.