CRIAO DE SITES E VENDAS NA WEB

4 SEMANA
SAULO CALIMAN GOMES

JULHO/2017

1
CONFIGURAR HOMEPAGE

Nessa semana vamos aprender a como configurar a pgina inicial do

nosso site (Homepage) para fazer com que nela aparea os produtos, tambm
vamos fazer a nossa pgina de contato e por final, vamos configurar como
enviar o nosso produto pelos correios.

Ao acessarmos o nosso endereo web, podemos perceber que no

possumos nenhum tipo de contedo cadastrado em nossa pgina principal.

Vamos organizar a pgina principal do nosso site para que ela mostre as
principais ofertas de nosso site. Crie uma nova pgina, chame ela de Home e a
clique em publicar.

2
Agora acesse configuraes e logo em seguida selecione leitura.

3
 Selecione a opo Uma pgina esttica e selecione como pgina inicial
a pagina que acabamos de criar. Salve as alteraes.

Agora devemos baixar um plugin para controlarmos o que vamos

publicar na nossa pgina inicial (Home). Pesquise por um plugin chamado
Homepage Control, selecionando plugins e adicionar novo, selecione instalar
agora e o ative.

4
 Navegue para a aba Pginas, todas as pginas e edite a pgina Home,
v em atributos de pgina selecione Pgina Inicial(Homepage), que tambm
conhecida como pgina principal, clique no boto para atualizar a pgina.

Navegue para a aba aparncia e selecione personalizar. Logo aps,

selecione Homepage Control, esse plugin permite ordenar os nossos produtos
na pgina inicial.

5
 Descelecionando a primeira opo, Storefront Homepage Content, faz
com que o ttulo da pgina, Home, desaparea.

6
 Ao vermos a nossa Homepage, podemos perceber que as categorias de
produto esto sem imagens. Podemos adicionar as imagens navegando para
produtos e categorias, podemos editar a categoria e adicionar uma imagem a
mesma.

7
 Utilize a imagem acessrios.jpeg, encontrada no material complementar,
na miniatura da categoria acessrios e a imagem das camisas para a categoria
camisas. Ao final obtemos o seguinte resultado.

8
PGINA DE CONTATO

Para criarmos a pgina de contato devemos criar uma nova pgina e a

nomear como Contate-nos. Na parte de descrio voc pode colocar o
endereo real, caso a sua loja seja fsica, caso for virtual, podemos atribuir a
ela e-mail para contato ou talvez at um telefone. interessante tambm
mudar o template da pgina pgina sem menu lateral (sidebar).

Agora devemos adicionar a pgina ao menu, para tal devemos criar um

menu para ser adicionado ao topo da pgina. Navegue para aparncia e

9
selecione Menus, clique em criar novo menu, adicione o nome TopMenu e
aps pressione o boto Criar menu.

Selecione todas as pginas e pressione adicionar ao menu.

10
 Agora, todas as pginas que criamos vai ficar no menu. Podemos
tambm movimentar os items do menu em sua estrutura.

Devemos personalizar o tema com o menu que acabamos de criar, v

em aparncia e selecione personalizar, na pgina selecione Menus, TopMenu
e clique em menu principal. Isso vai fazer com que qualquer alterao no
TopMenu tambm acontea no menu principal do site.

11
CONFIGURAR O PLUGIN DOS CORREIOS

Devemos adicionar um novo plugin, e pesquisar WooCommerce

Correios, instalar e ativar.

Em WooCommerce, devemos selecionar configuraes e selecionar a

aba entrega.

12
 Devemos adicionar a rea de entrega de nossos produtos. Pressione o
boto Adicionar rea de entrega, e ento delimitamos as reas com o nome e
as regies.

Devemos adicionar agora os mtodos de entrega um por um. Devemos

pressionar o boto adicionar o mtodo de entrega e ir aparecer uma lista de
opes de entregas. Iremos adicionar o PAC, SEDEX e e-Sedex.

Agora vamos configurar cada mtodo de entrega que ns adicionamos,

devemos informar um CEP de origem, de onde a mercadoria ser enviada. O
CEP deve ser real.

13
 Lembre-se de marcar exibir tempo de entrega. Tambm podemos definir
os dias de espera.

Devemos voltar e configurar o restante dos mtodos de entrega, com as

mesmas informaes descritas acima. Com os mtodos de entrega definidos,
quando o usurio comprar um produto ele ter a opo de selecionar um deles
com a estimativa de tempo de entrega.

REFERENCIAS

Claudio Snaches. Plugin de envio pelos correios. Disponvel em:

<https://br.wordpress.org/plugins/woocommerce-correios/>. Acesso em: 01 jul.
2017.

14
15
16