Introduo

Ol, meu nome Celso Lemes, sou

blogueiro por profisso, apaixonado por
tecnologia, nerd por nomeao, japons por
nascena mesmo.
Venho trabalhando com criao de blogs
desde 2007 e profissionalmente desde
2009 que foi quando me tornei um
Problogger (pessoa que faz do ato de blogar
uma profisso) e de l pra c aprendi muita
coisa relacionada a esta rea e j ganhei
muito dinheiro com isso.
Criei este e-book para ajudar pessoas como
voc que esto necessitando de ajuda para
desenvolver um website prprio de
qualidade utilizando o construtor de sites do Wix.
Minha experincia com o Wix vem de websites que eu desenvolvi para o
CriarSites.com e tambm junto com minha equipe na minha empresa de
construo de websites, a Criar Site para Empresa em que utilizo o construtor
de sites do Wix para o desenvolvimento dos sites de meus clientes.
Nossa meta oferecer um servio profissional de construo de websites para
pessoas que no tem tempo ou que mesmo com a ajuda de um e-book como
este, ainda no conseguem entender com as coisas funcionam.
Se quiser conferir o que o construtor de sites do Wix pode te oferecer, confira
alguns dos sites que j desenvolvemos.

Criar Site para Empresa

Criar Site HTML5
Curso de Bales
Medical Esttica

Voc tambm poder baixar outros e-books

gratuitamente

Como Criar um Site no Webnode

Guia de Otimizao de Sites e Blogs no Google
12 Passos para Divulgar um Site
Como Trabalhar com Email Marketing

Mas o que o Wix

O Wix uma empresa que oferece um servio gratuito de criao online de

websites baseados em HTML5, que atualmente a nova linguagem de
marcao compatvel com qualquer aparelho de navegao com a Internet,
permitindo criar sites incrveis com aparncia profissional, cheio de cores, sons
e animaes em pouco tempo.
Seja para voc mesmo, para o seu negcio, para portflio ou at mesmo para o
seu salo de beleza. A imaginao o seu limite.

O desenvolvimento do website todo feito por voc mesmo(a), atravs de um

painel de controle bem completo e em Portugus, onde possvel arrastar os
elementos, adicionar animaes, imagens, textos, galeria de imagens, menus
animados, loja virtual, criar pginas entre outras coisas.
A verso em HTML5 torna o site muito mais leve e amigvel para os
buscadores, alm de ser compatvel com tablets e aparelhos celulares.

Facilita o compartilhamento das pginas nas redes sociais;

Compatibilidade com aparelhos mveis;
Mais agilidade no carregamento das pginas;
Melhor integrao com ferramentas externas;
Site mais amigvel para os buscadores.

SEO Otimizao para os Buscadores

Por ser feito em HTML5, os sites desenvolvidos com o novo construtor de sites
so mais amigveis para os buscadores, alm disso possvel configurar
alguns aspectos importantes das pginas relacionados a SEO, como o caso
dos ttulos das pginas, descrio e meta keywords, o que a longo prazo pode
ajudar a conquistar melhores posies nos buscadores como o Google.
Veremos isso mais adiante.

Um item interessante que eu notei no construtor que todas as pginas do site

podem receber um ttulo nico, o que ajuda ainda mais no indexamento das
pginas nos mecanismos de busca.

O Construtor de Sites

O construtor de sites do Wix pode ser acessado online atravs de qualquer

computador conectado a Internet, onde possvel arrastar e soltar os
elementos da forma que quiser, criar e editar pginas, organizar os elementos,
adicionar imagens, vdeos e msicas, configurar a aparncia e mais

Ele tambm oferece dezenas de templates profissionais prontos, que voc

poder escolher para o seu site e adaptar conforme as suas necessidades.

Conta Grtis no Wix

Como citado anteriormente, o Wix permite criar um site sem pagar

absolutamente nada, bastando que voc crie sua conta em questo de
minutos e comece a trabalhar em seu site.
Mas claro que assim como tudo o que grtis, a conta gratuita do Wix impe
alguns limites que podem ou no ser um problema para voc. Exemplos dessa
limitao a exibio de um link que aparece no cabealho do site apontando
para o Wix e a impossibilidade de adicionar um domnio prprio sem que antes
tenha adquirido qualquer um dos planos premium.
Para a maioria das pessoas essas limitaes no so nem percebidas, mas caso
um dia voc precise de mais, basta que adquira um dos planos premium
quando quiser ou ento abandonar o projeto e partir para outra soluo que se
encaixe no seu perfil, como o caso do Webnode.

Primeiro passo
Para comear, voc s precisa acessar o site do Wix e clicar no boto Comece
j.

Uma pequena janela se abrir onde voc poder criar uma conta ou logar-se
utilizando uma conta do Facebook ou do Google que voc possua.

Preenchas as infirmaes solicitadas e continue.

Na pgina seguinte voc deve escolher o template que mais lhe agrada. So
vrios templates de diversos seguimentos disponveis, como Negcios e
Servios, Msica, Loja Online, Fotografia, Restaurante, Site Pessoal e etc.

Encontre um template que lhe agrada e clique no boto Ver que aparece logo
abaixo de cada um. Se o template atender as suas necessidades, clique no
boto Edite esse site para utilizar o template em seu projeto.

Lembrando que uma vez selecionado, voc no poder trocar o template por
outro, no entanto ser possvel customizar o template atual de diversas formas,
alterando completamente a aparncia inicial.
Em seguida voc j ter acesso ao painel de controle onde poder trabalhar em
seu site. Nos prximos captulos voc aprender como trabalhar com o editor
da melhor maneira possvel.

Como configurar o Plano de

Fundo

O construtor de sites do Wix permite editar o plano de fundo que aparece no

site. Para ter acesso a esta ferramenta, dentro do painel de controle, clique no
boto identificado com um pincel que aparece no canto esquerdo superior.

Para alterar o plano de fundo, basta selecionar o que mais lhe agrada.
Voc tambm tem a opo de fazer upload de uma imagem que esteja em seu
prprio computador. Para fazer isso clique no boto Imagem.

Em seguida em Fazer Upload de Imagem para carregar a imagem para o

construtor do Wix.

Como criar e editar pginas

Agora que voc j configurou a aparncia do
seu site, chegou a hora de trabalhar na criao
do contedo, que o que mais importa no
website. Vamos comear por aprender como
criar, apagar ou editar uma pgina.
Para comear, ainda no painel de controle de
seu site, clique sobre a pequena setinha que
aparece no menu de pginas na parte superior
do editor de site.
O menu de edio de pginas surgir
mostrando todas as pginas que voc j tem
criadas em seu site.
Neste mesmo menu voc poder selecionar
uma determinada pgina de seu site, fazer
configuraes, adicionar uma nova pgina,
fazer configuraes que possam ajudar no SEO
ou mudar o tipo de efeito de transio de
pgina.
Vamos ver a seguir como trabalhar com cada
um destes recursos.

Criar uma pgina - Para adicionar novas pginas ao seu site, clique sobre o link
+ Adicionar Pgina que aparece no rodap do menu de gesto de pginas.
No menu que
aparece voc tem a
opo de adicionar
uma nova pgina, link
ou cabealho no
menu.
Comece clicando em
Pgina para criar
uma pgina em seu
site.

Em seguida d um nome para sua pgina e clique em OK.

Uma pgina em branco ser criada em seu site e voc poder comear a editla imediatamente.

Criar link - Voc tambm tem a opo de criar um link para qualquer pgina ou
arquivo dentro ou fora de seu site, que ser adicionado ao menu de navegao.
Este recurso muito interessante para divulgar um site, arquivo, link de
programa de afiliado, entre outros.

Na nova janela selecione para onde deseja criar o link, digite o endereo e
clique em OK para finalizar.

Como excluir uma pgina - Se o que voc deseja eliminar uma pgina que
voc tenha criado, selecione ela no menu de gesto de pginas e clique sobre
os trs pontos que aparecem do lado direito do ttulo da pgina.
No prximo menu que se abre, clique sobre o link Apagar.

O sistema perguntar se voc tem realmente certeza de que deseja excluir a

pgina. Clique sobre o boto Apagar em vermelho para finalizar.

Como alterar a ordem no menu de navegao - Se voc gostaria de alterar a

ordem que as pginas aparecem no menu de navegao principal, poder fazer
isso posicionando o ponteiro do mouse sobre o quadriculado que aparece do
lado direito de cada pgina.

Quando o ponteiro do mouse mudar de formato, clique e segure o boto

esquerdo e arraste para cima ou para baixo at a ordem desejada.

Como alterar o efeito de transio - O construtor de sites do Wix permite

adicionar um efeito muito legal sempre que uma nova pgina do site aberta
para os leitores, que tornar seu site diferente dos demais.
Para acessar este recurso clique sobre o pequeno menu que aparece no final do
assistente de gerenciamento de pginas.

Voc tem a sua disposio os seguintes efeitos:

Transio Horizontal Faz com a pgina aparea da direita para a esquerda.
Transio Vertical Faz com que a pgina aparea de cima para baixo.
Cross Fade Faz com que a pgina aparea gradualmente.
Fora-Dentro Quase o mesmo efeito do Cross Fade, com a diferena de que o
carregamento acontece do lado exterior para o interior.

Como criar pginas com

Senha
O Wix tambm oferece um recurso muito interessante para membros premium
que permite criar pginas protegidas por senha, o que pode ser a solicitao de
uma simples senha ou que exija que o visitante se cadastre no site para poder
acessar a pgina em questo.
Se voc tiver alguma rea de seu site que deseja que somente pessoas
autorizadas tenham acesso, proceda da seguinte maneira.
Clique na aba Pginas, clique nos trs pontinhos que aparece ao lado da
pgina que deseja proteger, selecione a opo Proteo com senha. Digite
ento a senha desejada para que o visitante acesse a pgina e clique em OK.

Voc tambm tem a opo de criar um site de membros, bastando para isso
escolher a opo Exclusivo para Membros, o que forar o visitante a se
cadastrar para ter acesso ao contedo.
Lembrando que voc dever fornecer a senha por e-mail ou qualquer outro
meio de comunicao para as pessoas que deseja que tenham acesso pgina
protegida.
Lembrando tambm que este recurso somente est disponvel para usurios
que tenham adquirido algum plano pago da empresa.

Como navegar entre as

pginas
Para editar as diversas pginas
criadas em seu site, voc dever
trocar a pgina clicando na setinha
que aparece no menu de pginas
que aparece na parte superior do
construtor de sites.
Encontre a pgina que deseja
editar no menu e clique sobre ela.
A pgina ser alterada no editor e
voc j poder passar a edit-la.
Lembre-se de salvar ou publicar
seu trabalho quando trocar uma
pgina.

Como adicionar um
formulrio de contato
Agora que voc j sabe como criar uma pgina, chegou a hora de aprender a
criar uma pgina com um formulrio de contato, que servir para que seus
leitores possam se comunicar com voc atravs de e-mail de uma forma
simples e rpida.
Para fazer isso, basta voc iniciar o processo de criao de uma nova pgina ou
edite uma pgina existente.
Clique ento no boto + no menu lateral, clique em Contato e selecione o
formulrio de contato desejado. Confira a imagem a seguir.

Depois que o formulrio for adicionado a pgina, voc ainda deve configur-lo
para que ele envie as mensagens para o seu endereo de email. Na pgina que
acabou de criar, clique sobre o formulrio de contato e no menu que aparece
clique sobre o a opo Configurar seu Email.

Na prxima janela que se abre, digite o seu endereo de e-mail e caso queira,
um segundo endereo de e-mail para que as informaes do formulrio sejam
enviadas para ambos os endereos.
Nesta mesma janela voc tem a opo de editar os textos que aparecem dentro
do formulrio. Para fazer isso, role a janela mais para baixo e edite cada um dos
campos que deseja alterar.

Faa as configuraes desejadas e feche a janela para que seu formulrio de

contato esteja pronto.

Como editar ou adicionar

texto as suas pginas
Voc pode editar qualquer texto j presente nas suas pginas ou ento
adicionar novos textos caso deseje. Confira abaixo as duas formas.

Como editar um texto j existente - Se voc quer apenas editar um texto j

persente nas pginas de seu site, clique sobre ele e na pequena janela que se
abre clique em Editar Texto.

Em seguida o campo em que o texto est sendo exibido passa a ser editvel e
voc poder alterar seu contedo da maneira que desejar.
Ps. Voc tambm, poder editar os textos de suas pginas clicando duas vezes
rapidamente com o mouse sobre o texto que deseja editar.

Como formatar o texto - Voc tambm poder

formatar os textos de suas pginas, adicionando
cores, trocando a fontes, alinhando para os lados ou
centralizando e at mesmo adicionar efeitos muito
legais de sombra.
Aps iniciar a edio do texto desejado, surgir em
alguma rea prxima uma caixa contendo os
comandos de edio como pode ser visto na imagem
acima.
Para editar um determinado trecho do texto, basta
que voc selecione ele (o texto deve estar destacado
em azul) e que clique em um dos comandos
desejados.

Como adicionar um novo campo de texto - Se a sua ideia adicionar um

novo texto em um lugar qualquer da pgina, voc deve primeiro clicar sobre o
boto + que aparece no menu superior esquerdo e em seguida clicar em
Texto.

Em seguida voc deve selecionar a opo Ttulo ou Pargrafo dependendo do

local em que deseja adicionar o texto. Na maioria dos casos voc deve
adicionar primeiro o ttulo e em seguida o campo pargrafo.
Aps clicar em qualquer um dos tipos de texto, eles so adicionados a pgina e
voc pode arrast-lo at o local dentro da pgina que desejar. Para fazer isso
apenas clique e segure o boto direito do seu mouse e arraste o novo elemento
para qualquer lugar na pgina.

Voc tambm poder aumentar o espao em que o texto ser exibido, clicando
e segurando o boto do mouse nas pequenas bolinhas que aparecem na cor
azul em volta do texto.
Confira agora como ficaria um ttulo e um pargrafo adicionado a pgina de seu
site.

Como adicionar imagens

Agora que voc j sabe como editar e adicionar novos textos s suas pginas,
chegou a hora de aprender como adicionar imagens para dar mais vida ao seu
site. Para fazer isso, clique novamente no boto com o smbolo de +, em
seguida no boto Imagem e em Upload das Minhas Imagens.
Voc tem a opo de fazer upload de imagens que estejam em seu computador
ou utilizar imagens que voc j tenha carregado, do acervo do prprio Wix ou
mesmo de seu perfil no Facebook.

Em nosso caso, vamos apenas ver a opo de upload de imagens. Clique sobre
ele para abrir a opo de carregar imagens de seu computador.
Vamos comear aprendendo como carregar (ou fazer upload se preferir) uma
imagem para o seu site no Wix. Para fazer isso clique no boto Fazer Upload
de imagens que aparece no lado direito superior da janela da galeria de
imagens.

Uma nova janela surgir na tela. Voc deve procurar pela pasta em que se
encontra a imagem que deseja carregar em seu computador, selecionar ela e
clicar no boto Abrir (ou equivalente, dependendo do sistema operacional do
seu computador).

A imagem ser ento exibida na galeria de imagens de seu site. Selecione-a e

clique sobre o boto Adicionar que aparece no canto direito inferior na cor
azul.

Feito isso, a imagem selecionada ser adicionada na pgina e voc poder

posicion-la no local desejado, alterar seu tamanho e at mesmo aplicar alguns
efeitos bem legais.

Como editar uma imagem

Se voc gostaria de trabalhar a imagem antes de adicionar a pgina, poder

fazer isso na galeria de imagens que voc tem publicada no Wix. Basta clicar
sobre o smbolo que aparece na parte inferior da imagem como mostra a
imagem a seguir.

Voc tem a sua disposio, diversas ferramentas que permitem recortar,

rotacionar, alterar cor, aplicar efeitos, aplicar molduras e muito mais.

Faa as alteraes desejadas e clique em Salvar.

Como adicionar uma galeria

de imagens

O construtor de sites do Wix tambm permite adicionar galerias de imagens,

que deixam seu site muito mais moderno e atrativo. Para ter acesso as galerias,
clique sobre o boto de + e em seguida em Galeria, como mostra a imagem
abaixo.

Voc tem a sua disposio diversos tipos de galerias muito interessantes para
adicionar em seu site. Escolha uma delas e adicione na pgina.
Para editar as imagens da galeria, clique sobre ela na pgina e em seguida em
Alterar Imagens.

Na prxima janela voc poder editar as imagens que so adicionadas por

padro a sua galeria. Para fazer isso passe o ponteiro do mouse sobre cada uma
delas e clique na pequena lixeira que aparece na parte inferior.

Para adicionar novas imagens a sua galeria, clique sobre o boto Adicionar
Imagens. Na nova janela utilize imagens que j tenha carregado para o seu site
no Wix ou carregue novas imagens como foi explicado.

Como criar links em textos e

imagens
Agora vamos aprender como criar links em textos ou imagens, que ao serem
clicadas levam os visitantes para um outro local, seja para fora ou dentro do
prprio site, para arquivos, vdeos ou qualquer outra coisa disponvel na
Internet.

Como criar links em textos

Para criar um link em um texto, voc deve primeiro selecionar o trecho do texto
que deseja que o link esteja associado. Para fazer isso, no modo de edio de
texto, posicione o ponteiro do mouse sobre a ltima ou a primeira palavra
desejada, clique e segure o boto do mouse e arraste at a outra extremidade
do texto.
O texto deve ficar na cor azul como mostra a imagem abaixo. Voc deve ento
clicar sobre o pequeno boto representado por um gomo de corrente que
aparece no menu de opes de formatao de texto.

Uma pequena janela se abrir com algumas opes. Confira a seguir como
utilizar cada um deles.

Endereo Web Esta opo permite apontar um link para qualquer pgina ou
arquivo dentro ou fora do seu site. Aps clicar sobre o boto Endereo Web,
uma nova janela se abrir, onde voc deve inserir o link completo da pgina
que deseja que o link aponte.

Voc tambm tem a opo de fazer com que o link abra em uma nova janela
selecionando a opo em uma nova janela.

Pgina Esta opo permite criar um link para uma pgina interna de seu
prprio site, aps selecionar a opo Pgina/ncora, um menu drop down
surgir, onde possvel encontrar todas as pginas j criadas em seu site. Voc
s precisa selecionar a pgina desejada e clicar em OK para que o link seja
criado.

Depois de selecionada a pgina interna desejada basta clicar em OK para que o

link seja criado.

E-mail Esta opo permite criar um link que ao ser clicado abre o cliente de
e-mail do visitante para que ele possa te enviar um e-mail. Esta opo no
recomendada porque hoje em dia a maioria das pessoas no usam mais
clientes de e-mail, mas sim contas grtis em servios como o Gmail ou Hotmail.
Quando um visitante clicar em um link assim, pode ser gerado um erro que o
far ficar perdido, porque a maioria das pessoas j no usam tal programa para
enviar seus emails. Minha recomendao que opte pelo formulrio de contato
citado anteriormente.

Mas se mesmo assim voc deseja criar um link para seu endereo de e-mail,
clique sobre o boto E-mail e na nova janela digite o seu endereo de e-mail
e um assunto, que aparecer no e-mail enviado pelo visitante.

Depois de digitar o endereo basta clicar no boto OK para que o link seja
criado.

Documento Esta opo permite criar um link para um documento em

formatos como doc, pdf, odt, entre outros para ser distribudo em seu site. Para
criar o link basta que voc a opo Documento.
Em seguida clique sobre o boto Escolher Arquivo: para abrir o gerenciador
de documentos.

Na nova janela voc poder escolher um documento que j tenha carregado ou

ento carregar um novo arquivo clicando no boto Fazer Upload de
documentos.

Depois que carregar o arquivo, voc deve selecionar ele e clicar em Aplicar.
Lembrando que voc somente poder carregar documentos, ou seja, no ser
possvel carregar vdeos ou arquivos de msica. Alm disso o limite de at 10
MB de tamanho para cada arquivo.

Topo Esta opo permite criar um link que ao ser clicado leva o visitante ao
topo da pgina. Este recurso s se faz necessrio quando a pgina muito
extensa.
Final da pgina Esta opo permite criar um link que ao ser clicado leva o
visitante para o final da pgina. Este recurso s se faz necessrio quando a
pgina muito extensa.

Como criar links em Imagens

A criao de links em imagens bem parecida com a criao de links em
textos. Para fazer isso, voc deve clicar sobre a imagem que gostaria de
adicionar o link e no menu que aparece na parte superior, clicar no pequeno
gomo de corrente como mostra a imagem a seguir.

Depois disso o processo de criao de links o mesmo descrito nos passos de

criao de links em textos. Basta que voc siga os passos citados anteriormente
que no ter problema.

Como adicionar botes de

redes sociais

No h como negar que as redes sociais esto dominando a Internet, atraindo

cada vez mais pessoas que buscam por formas de se comunicar com outras
pessoas, compartilhar ideias, informao, discutir assuntos diversos e etc.
Por isso importante que no fiquemos de fora desse que meio que oferece
uma excelente chance de atrair um pblico ainda maior.
Pensando nisso, o Wix se encarregou de adicionar ao seu construtor formas
fceis de implementar widgets nas pginas, que facilitam a interao dos
visitantes com as redes sociais, permitindo que eles compartilhem o contedo
com os amigos ou que discutam suas ideias.
Para ter acesso aos widgets de redes sociais, clique novamente no boto de +
e em seguida em Redes Sociais.

Lembrando que para que voc possa utilizar alguns dos recursos de redes
sociais presentes no construtor de sites do Wix necessrio que voc tenha
uma conta ativa dentro das respectivas redes sociais.
Confira abaixo como utilizar os principais.

Curtir do Facebook, Tweeter e Google Mais Esta opo adiciona a pgina

um boto do Facebook que permite que seus leitores curtam suas pginas. A
grande vantagem disso que a Curtida do leitor aparece em sua timeline e
pode ser vista por todos os seus amigos.

Para adicion-lo as suas pginas, basta que voc clique no menu Adicionar,
Redes Sociais e nos respectivos botes para que eles apaream dentro da
pgina. Depois s voc arrast-lo para o local desejado na pgina.
Se quiser voc ainda pode alterar o texto clicando sobre e ele e em seguida em
Escolher texto do boto. Uma nova janela surgir onde voc poder alguns
aspectos do boto.

Curtir pgina do Facebook Esta opo permite adicionar uma caixa que
exibe os curtidores ou as ltimas atualizaes na fanpage do seu site, alm de
permitir que seus leitores curtam sua fanpage sem precisar visitar o Facebook.
Lembrando que para utilizar este recurso voc precisa ter uma fanpage j
criada no Facebook. Se ainda no tem, visite este endereo e saiba como
proceder.
Para adicionar este recurso clique em +, em Redes Sociais e em Curtir
pgina do Facebook.
Uma caixa ser adicionada a sua pgina. Para configur-la basta clicar sobre ela
e em seguida na engrenagem que aparece na parte superior.

Para finalizar digite o endereo da sua pgina de fs sem adicionar o

www.facebook.com como mostra a imagem acima.
Depois s posicionar a caixa no local desejado dentro da pgina e publicar o
site.

Compartilhar no Facebook Assim como sugere, esta opo permite que seus
leitores compartilhem a pgina dentro do Facebook, o que ser visto por todos
os seus amigos.
Para adicionar esta opo clique em Adicionar, em Redes Sociais e em
Compartilhar no Facebook. Ao ser adicionado, surgir um boto azul como o
mostrado abaixo, que voc dever posicionar no local desejado em sua pgina.

Comentrios do Facebook Esta opo permite adicionar uma caixa de

comentrios do Facebook, que por sua vez permite que os leitores logados na
rede comentem em suas pginas. Novamente estes comentrios aparecem na
timeline de todas as pessoas que comentarem e que podero ser vistas por
seus amigos.
Para adicionar em seu site, basta que voc clique no menu +, Redes Sociais
e em Comentrios do Facebook para que uma caixa aparea dentro da
pgina que estiver editando.

Em seguida posicione a caixa no local em que deseja que o sistema de

comentrios aparea dentro da pgina. Voc tambm poder configurar o
nmero de comentrios a ser exibido, assim como a cor de fundo. Para fazer
isso clique sobre a janela de comentrios e em seguida na pequena
engrenagem que aparece na parte superior.

Uma nova janela surgir. Faa as configuraes e feche a janela para salvar.
Lembrando que voc no poder moderar os comentrios deixados pelos
leitores, portanto, caso venha a ter problemas com comentrios, a nica
soluo pode ser a excluso do sistema de comentrios.

Seguir no Twitter Esta opo permite que seus leitores te sigam dentro da
rede social do Twitter. Para adicionar esta opo basta que voc clique no
menu Adicionar, Redes Sociais e em Seguir no Twitter para que uma
pequena caixa aparea dentro de sua pgina. Arraste a caixa at o local em que
deseja que o boto do Twitter seja exibido dentro da pgina.

Em seguida clique sobre ele e em Configuraes.

Na nova janela que aparece, digite seu perfil no Twitter e feche a janela.

Tweet do Twitter Permite que seus leitores compartilhem suas pginas entre
todos os seus seguidores dentro da rede, permite que os visitantes te sigam,
alm de exibir o nmero total de compartilhamentos. Para adicion-lo em seu
site, clique no menu +, Redes Sociais e confira as opes de
compartilhamento do Twitter.

Google +1 Este recurso permite que seus leitores votem nos seus artigos
dentro da rede do Google Mais, o que muito bom para o desempenho dele
nos resultados das buscas, pois aumenta as chances de suas pginas aparecem
no buscador do Google dentro do crculo de amigos das pessoas que curtiram
suas pginas.
Para adicionar o boto, basta clicar sobre o boto +, Redes Sociais e em
Google +1. Um novo boto aparecer na pgina.

Barra de Redes Sociais Este recurso permite adicionar uma pequena barra
com botes de divulgao de seu contedo no Facebook, Twitter e Google
Mais. Para adicion-lo em sua pgina, basta clicar sobre o boto +, Redes
Sociais e em Barra de Redes Sociais.

Para configur-lo, clique sobre a pequena barra e em seguida em

Configuraes.

Na nova janela voc poder configurar o link para onde cada um dos botes
direcionar os visitantes, como a URL de sua fanpage, seu perfil no Twitter,
perfil no Google Mais, entre outros.

Como Adicionar Vdeos ao

Wix

O Wix tambm permite adicionar vdeos do Youtube, Vimeo ou mesmo

publicar seus prprios vdeos aos sites. Vamos ver um pouco sobre como fazer
isso.

Vdeos do Youtube e Vimeo

Se voc gostaria de adicionar vdeos publicados no Youtube ou no Vimeo,
clique no boto +, Mdia e em Vdeo. Em seguida selecione o servio que
est hospedando o vdeo que deseja adicionar a pgina.

Um vdeo padro ser adicionado a pgina. Clique sobre ele e em Alterar

Vdeo. Uma nova janela surgira, onde voc deve adicionar a URL em que se
encontra o vdeo desejado no respectivo servio (Youtube ou Vimeo).

Para encontrar a URL do vdeo, navegue at a pgina em que ele se encontra e

copie o endereo que aparece na barra de endereos.

Em seguida cole o endereo na janela de configurao do Wix.

Na janela de configurao do vdeo voc ainda tem algumas opes como

Autoplay Se marcar esta opo o vdeo

ser reproduzido automaticamente quando
o visitante acessar a pgina.
Tocar continuamente Esta opo faz com
que o vdeo se reinicie automaticamente
aps acabar.
Mostrar barra de ttulo Esta opo
mostra o ttulo do vdeo que exibido na
pgina do Youtube.
Barra de controle Por padro a barra de
controle exibida, no entanto voc poder
esconder ela ou mostrar s quando o
visitante passar o ponteiro do mouse sobre
o vdeo.
Faa as alteraes e clique no boto Atualizar para salvar as alteraes.

Como adicionar Caixas

Uma forma de customizar seu site adicionando caixas que ajudam a dar um ar
mais profissional ao seu site.

Alm disso, as caixas ajudam a organizar o contedo, j que tudo o que

adicionado dentro da caixa poder ser arrastado para qualquer lugar da tela de
uma vez s (em vez de arrastar um por um), clicando em qualquer lugar vazio
da caixa e arrastando dentro da pgina. Confira a imagem a seguir.

Para adicionar uma caixa, clique no boto +, Caixa e escolha o que deseja
adicionar a pgina.

Como eu citei acima, as caixas ajudam a organizar o contedo, j que tudo o

que adicionado dentro dela poder ser arrastado para qualquer lugar dentro
da pgina, alm de dar um ar mais profissional ao site. Recomendo que aprenda
a utilizar este recurso, porque isso poder facilitar muito o seu trabalho.

Como Adicionar Formas e

Linhas

Uma forma de melhorar a aparncia nas pginas de seu site adicionando

formas e linhas para criar um layout mais interessante. Voc tem a sua
disposio diversos tipos como setas, barras de separao, formatos diversos,
entre outros.
Para ter acesso a este recurso clique em + e em Formas. Ento escolha o que
deseja adicionar a sua pgina.

Depois s arrastar o elemento at o local desejado na pgina e fazer as

configuraes disponveis em cada um.

Como adicionar botes

Outra forma de customizar seu site adicionando botes customizados que
do um ar mais profissional.
Para ter acesso a este recurso clique no boto + e em Boto.

Em seguida voc ter diversas opes para escolher. Ser adicionado um boto
simples em sua pgina. Ele pode ser utilizado para destacar alguma parte do
site ou mesmo para levar o visitante para uma determinada pgina.
A princpio ser adicionado um boto padro, no entanto voc pode
customiz-lo ao seu gosto. Basta clicar sobre ele e em alguma das opes de
configurao.

Como Adicionar um menu

customizado
Voc tambm tem a opo de adicionar um menu de navegao customizado,
que poder substituir o menu padro que adicionado automaticamente ao
template ou pode ser adicionado em qualquer lugar que voc achar
interessante.
Uma vez adicionado ao site, ele passar a exibir o texto com links para todas as
pginas que foram configuradas para aparecerem no menu. Ser adicionado
um menu padro a pgina que voc poder customizar clicando sobre ele e
alguma das configuraes disponveis.

Voc ter diversas opes para customizar seu novo menu. Para configurar a
aparncia, clique em Trocar estilo para ter acesso as configuraes.
Ao clicar em Design por exemplo, voc tem acesso as demais opes de
formatos e cores. E se clicar em Personalizar Design poder configurar cores,
fontes, bordas, sombras e muito mais.

Como Adicionar Msicas ao

seu Site

No construtor de sites do Wix voc tambm tem a opo de adicionar faixas

de msicas de seu computador para que seus visitantes as ouam enquanto
navegam.
Para utilizar este recurso clique em + e em Msica. Ento escolha o player de
sua preferncia.

O player selecionado ser adicionado a pgina e a janela de upload de msicas

ser aberta. Clique sobre o boto Fazer Upload de Faixas e carregue a msica
desejada para o player.
Depois de carregada, selecione a msica desejada e clique no boto adicionar.

Para finalizar, voc deve fazer algumas configuraes no player clicando sobre
ele e em seguida no cone de uma engrenagem.

Na nova janela voc poder configurar o nome do artista, nome da faixa, se

deseja que o player inicie sozinho (no recomendado), se quer que ele repita a
faixa ao acabar e o volume.
Notas
O player apenas permite que uma faixa seja adicionada em cada player. Se
quiser mais de uma faixa, ter que adicionar vrios players.
No Wix no tem como criar um player que se mantenha tocando quando o
visitante muda de pgina. Sempre que ele clicar em uma pgina, o player ser
desligado.

Construtor de listas

O construtor de listas facilita a criao de praticamente qualquer tipo de listas

que podem ser adicionados em um site. Voc poderia por exemplo, gerenciar
uma lista de testemunhos, lista de notcias, lista de preos, lista de vdeos e por
a vai.
Para utilizar este recurso, clique sobre o boto Adicionar e em Lista.

Em seguida escolha o tipo de lista que voc deseja adicionar em seu site e
clique sobre ele.
Em nosso exemplo, vou explicar como trabalhar com uma lista de notcias.
Uma vez que voc tenha adicionado a lista em sua pgina, arraste-a at o local
desejado dentro da pgina.

Como Editar Itens - Para editar um elemento da lista, clique sobre ela e em
seguida em Adicionar e Gerenciar. Uma nova janela ser aberta, onde voc
poder editar as notcias j publicadas ou ento iniciar uma nova notcia.

Como Adicionar um Blog ao

seu Site

Outro recurso interessante do construtor de sites do Wix a possibilidade de

adicionar um blog ao seu site, o que torna o procedimento de publicar novos
contedos muito mais fcil e prtico.
A diferena de um blog que as publicaes so feitas em ordem cronolgica,
ou seja, o ltimo post aparece na primeira posio da pgina inicial do blog e
das categorias.
Se quiser ver um blog em ao dentro do Wix clique aqui.
Para comear, primeiramente crie uma nova pgina que servir para abrigar seu
blog. Depois clique em + e em Blog. Escolha ento o tipo de layout que
deseja para o seu blog.

Uma vez que tenha sido adicionado a pgina, voc poder configurar o seu
funcionamento clicando em Layouts.
Lembrando que voc poder adicionar os recursos do blog em quantas pginas
voc quiser. S lembre-se de que o Google no gosta muito de contedo
repetido, o que pode levar suas pginas a serem penalizadas.

Na janela que aparece voc poder configurar a quantidade de posts que sero
exibidos, alinhamento, entre outros.

Como iniciar um post Para criar seu primeiro post, voc deve clicar no
blog e em seguida em Gerenciar Posts.

Na nova janela clique em um dos posts j publicados ou inicie um novo post

clicando em Novo Post.

Como trabalhar com o editor

de Posts

Agora que voc j iniciou um novo post, voc poder comear a escrever o seu
contedo.
Na parte superior do editor esto as opes para adicionar imagens, galerias de
imagens, vdeos, entre outros.

No menu lateral voc tem as opes de publicao.

Publicar post Permite publicar o post

imediatamente
Salvar como rascunho Esta opo permite salvar
o post para ser editado posteriormente, sem a
necessidade de public-lo.
Agendar Post Esta opo permite preparar o post
para se publicado em uma data no futuro.
Post em Destaque Esta opo permite configurar
o post para aparecer em destaque.

Tags

Mais abaixo temos a rea de tags que serve para sub-catalogar os posts. Voc
pode adicionar quantas tags quiser, Minha recomendao que elas sejam
relacionadas ao contedo apresentado nos posts

Como criar e editar categorias

As categorias servem para tornam a navegao mais fcil para os visitantes,
com cada artigo arquivado em sua respectiva categoria.
Para utilizar este recurso, na janela de gerenciamento de posts clique em
Categorias no menu da esquerda e em seguida em Nova categoria.

Para associar um post a uma categoria, clique na aba Categorias que aparece
no lado direito do editor de posts e selecione a categoria desejada.

Como Adicionar Aplicativos

O construtor de sites do Wix tambm oferece alguns aplicativos que ajudam a

melhorar a experincia dos seus visitantes ao site. Trata-se do Wix App Market
que oferece diversos aplicativos que podem ser adicionados facilmente aos
sites.
A grande vantagem do Wix App Market que qualquer desenvolvedor de
aplicativos pode participar dele, enviando seus aplicativos assim como
acontece com outros servios como o Google Apps e at o prprio Facebook
que tambm oferece milhares de aplicativos para seus usurios.
E como os desenvolvedores no Wix App Market podem ganhar dinheiro com
seus aplicativos, isso garante que sempre haver aplicativos de qualidade
sendo adicionados ao servio, j que haver uma seleo natural do que bom
e o que no .
L voc poder encontrar sistemas de comentrios, contadores de visitas,
servios para criar listas de e-mails, chats, Google Maps, entre outros.

Para ter acesso a este recurso, clique no cone de uma pequena loja que
aparece no menu lateral do editor. Uma janela se abrir com todos os apps
disponveis.

Escolha o app e adicione em seu site. Depois s fazer a configurao

necessria para que ele funcione do jeito que voc achar melhor.

Como criar uma loja virtual

O Wix tambm implementou um recurso que permite criar lojas virtuais,
dando mais opes para seus clientes. O interessante da loja que possvel
configur-lo para receber os pagamentos atravs de sistemas de pagamentos
online como o Pagseguro, que acredito ser o mais utilizado no territrio
Brasileiro, mas tambm possvel adicionar sistemas como o Paypal e cartes
de crdito.
Nota
Lembrando que apesar de que seja perfeitamente possvel criar uma loja virtual
utilizando uma conta gratuita, o sistema no totalmente funcional nesta
verso, pois no permite que os possveis clientes finalizem a compra.
Para ter a loja funcionando, necessrio adquirir um plano premium eCommerce que no momento em que este e-book est sendo escrito custa
cerca de R$16,17 por ms. Alm disso, voc tambm deve entender que o
sistema de criao de lojas do Wix um pouco limitado, portanto voc no
poder criar sistemas complexos como podemos ver em algumas das grandes
lojas de vendas pela Internet.

Agora que voc est ciente das limitaes do sistema de lojas do Wix, vamos
iniciar a criao de sua primeira loja no Wix.

Como Adicionar a loja

O primeiro passo iniciar uma nova pgina como vimos anteriormente neste
e-book. Com a pgina criada, clique no boto + e em Loja Virtual.

Uma vitrine com produtos padro ser adicionado a pgina. Clique sobre a loja
para ter acesso ao gerenciamento de produtos.

Na nova janela voc poder criar e editar os produtos, controlar pedidos,

cupons de desconto, formas de pagamento, frete, entre outros.

Dicas para aproveitar melhor sua loja virtual

Procure adicionar informaes completas de cada produto que estiver

vendendo, alm disso adicione o mximo de fotos de boa qualidade dos
produtos.
Para atrair os clientes, pode ser necessrio fazer uma divulgao em algum
lugar. Eu recomendo que anuncie em sites como o Adwords ou o Facebook
Ads. Todos os clientes premium do Wix tem acesso a um cupom de desconto
nestes servios, o que os torna bem atrativos.

Como Otimizar suas pginas

no Wix HTML5
O novo construtor de sites do Wix permite que as pginas sejam otimizadas de
forma a conseguirem melhores posies nos resultados das buscas do Google
e de outros grandes buscadores. Voc poder editar parmetros como o ttulo
da pgina, descrio e palavras-chave.
Para ter acesso a este recurso, clique na aba pginas, na nova janela encontre a
pgina que deseja editar e clique sobre os trs pontinhos que aparecem no lado
direito e em seguida em SEO da Pgina como mostra a imagem a seguir.

Uma nova janela se abrir. Digite ento o ttulo, descrio da pgina e palavraschave.

O que adicionar em cada um dos campos

Cada um dos campos disponveis para otimizao devem ser preenchidos de
formas diferentes como voc poder ver a seguir.

Ttulo da Pgina Em ttulo da pgina, voc deve adicionar um grupo de

palavras-chave que representem o contedo que os leitores podero encontrar
nela.
Procure colocar at 10 palavras-chave que as pessoas digitem nos buscadores
quando realizam buscas pelo tipo de contedo que voc oferece, mesmo que
as vezes elas no faam muito sentido para voc.

Descrio da pgina Neste campo voc deve adicionar uma breve descrio
sobre o assunto abordado na pgina. Esta descrio as vezes exibida pelo
Google s pessoas que realizam as pesquisas em seu buscador.
Portanto importante que esta descrio no s descreva o contedo da
pgina, mas que tambm incentive os leitores a clicarem no resultado.

Palavras-chave Aqui voc deve adicionar cerca de 10 palavras-chave que

representem o contedo das pginas separadas por uma vrgula.

Como descobrir boas

palavras-chave

Para descobrir quais seriam as palavras-chave que tem maior procura pelos
internautas, voc pode utilizar uma ferramenta oferecida pela Google chamada
de
Google Trends que permite fazer comparaes entre palavras ou termos para
descobrir quais tem maiores chances de serem pesquisadas pelos Internautas.
Por exemplo:
Digamos que voc queira criar uma pgina para vender automveis, neste caso
voc tem a opo de colocar no ttulo os seguintes termos vender carro,
vender carros, vender veculo, vender automvel.
Uma pesquisa por estes termos no Google Trends mostra que os termos
vender carro e vender carros so mais buscados e que os termos vender
veculo, vender automvel quase no so utilizados pelos internautas quando
realizam pesquisas sobre este assunto. Confira a imagem abaixo.

Lembrando que voc deve resistir a tentao de tentar obter mais visitas
inserindo ttulos que no faam muito sentido em suas pginas, como por
exemplo Fotos da mulher melo Vender Carro sendo que o seu site fala
somente sobre carros (a no ser que a mulher Melo esteja do lado do carro).
O algortimo do Google pode detectar que o ttulo no corresponde ao
contedo e penalizar a pgina ou at o site inteiro.

Crie Links Internos

Outra forma de otimizar suas pginas criando links (ou ligaes) de uma
pgina para outra, sempre focando nas palavras-chave que voc deseja que a
pgina que recebe o link seja melhor posicionada nos resultados das buscas.

Por exemplo, digamos que eu tenha a pgina de e-books em meu site e que eu
queira que ela seja bem posicionada no Google para o termo e-book grtis.
O que eu devo fazer criar links para a pgina em questo sempre que eu tiver
a oportunidade de adicionar as palavras e-books grtis ao texto, Neste caso,
eu crio o link para a pgina de e-books utilizando as palavras e-books grtis e
no um conjunto de palavras como Clique aqui.
Com o tempo o Google poder passar a entender que a pgina em questo
relevante para este termo e pode passar a melhorar o rankeamento da pgina
nos resultados das buscas.
Portanto, sempre que estiver escrevendo, procure criar links para 3 ou 5
pginas com contedo relevante ao texto. Isso poder melhorar o
posicionamento de suas pginas nos buscadores ao longo do tempo.

Mais dicas de SEO

Para ter uma ideia melhor sobre como fazer a otimizao de
suas pginas, recomendo que baixe meu outro e-book
Guia de Otimizao de Sites para os mecanismos de
Busca que contm dicas mais detalhadas sobre como fazer
a otimizao de um site ou blog.

Como pr-visualizar, salvar e

publicar seu site
Agora que seu site j est pronto, chegou a hora de public-lo para que todos
na Internet possam ter acesso a ele. Estas opes esto disponveis na parte
superior direita da tela, onde possvel pr-visualizar a pgina, Salvar, Publicar
ou fazer um Upgrade diretamente do editor de sites.

Salvar Assim como o nome diz, este boto permite salvar as alteraes em
seu site. Recomendo que salve seu site para que ele guarde qualquer alterao
que voc tenha feito nas pginas antes mesmo de publicar o site.
Lembrando que voc pode repetir este processo a qualquer momento
enquanto estiver trabalhando em seu site, o que garantir que voc no perca
nada do seu trabalho caso tenha algum problema como travamento de seu
navegador de Internet.
Se esta for a primeira vez que voc est salvando seu site, o construtor
solicitar que voc especifique um endereo para o qual seu site poder ser
acessado.

Repare que acima eu especifiquei as palavras novosite e que a URL de meu

site passou a ser http://criarsites.wix.com/novosite.

Lembrando que voc no poder mudar este endereo a no ser que adicione
um domnio personalizado como poder conferir a seguir. Portanto se no
pensa em adquirir um plano premium, escolha o endereo de seu site com
muito cuidado.

Visualizar Ao clicar neste boto voc poder ver como seu site ser visto
pelos visitantes, o que muito bom porque nem todos os recursos que
adicionamos ao site podem ser visto da maneira correta enquanto estamos no
editor.
Publicar Este recurso permite que voc publique seu site de forma que ele
esteja disponvel para as pessoas o acessarem. Voc deve repetir este processo
toda vez que fizer alguma alterao em seu site, caso contrrio elas somente
podero ser vistas por voc.

Como criar um site Mobile

O construtor do Wix ainda oferece um recurso muito interessante que a

possibilidade de adicionar uma verso mobile de seu site, o que ser entregue
automaticamente para os visitantes que acessarem seu site utilizando um
aparelho mvel como celulares e tablets, facilitando o acesso ao seu contedo
nesses aparelhos.
Apesar de que o contedo da verso mobile idntico ao convencional, a
forma como ele apresentado em um celular pode apresentar alguns erros que
podem ser corrigidos manualmente, portanto este passo importante para
manter a qualidade de seu site.
Se voc se interessou por este recurso, acesse o construtor de sites do Wix e
clique no cone de um celular que aparece na parte superior direita da janela e
marque a opo Editor Mobile como mostra a imagem a seguir.

Voc ser redirecionado a verso mobile do construtor de sites.

Na nova pgina que aparece, voc j poder trabalhar no desenvolvimento de
sue site Mobile.

Voc poder alternar entre as pginas existentes em seu site da mesma forma
como faria com a verso convencional.

Clique sobre a pgina desejada para comear a editar. Lembrando que voc
dever efetuar este processo toda vez que fizer uma alterao significativa em
seu site para garantir que tudo esteja funcionando corretamente.
Pronto, seu site e seu site mvel esto prontos para serem apresentados para
os milhares de vistantes potenciais.

Como adquirir um plano

premium

Se voc optar por adquirir um plano premium para usufruir de todos os

recursos e todo o potencial que seu site poder trazer a voc e seu negcio,
confira os seguintes passos.
Lembrando que o Wix oferece uma garantia de at 14 dias para voc ter seu
dinheiro de volta. Se no gostar do construtor por algum motivo, basta voc
solicitar seu dinheiro que o Wix devolve a voc sem maiores perguntas.
Para iniciar o processo de compra de seu plano premium, acesse o painel de
controle de seu site e na parte superior clique em Fazer Upgrade.

Voc ser direcionado a uma pgina com especificaes de cada plano. Se

quiser apenas conectar um domnio ao seu site, poder escolher o plano
Conect a Domain, mas se quiser criar uma loja virtual, ter que
obrigatoriamente escolher o plano eCommerce.
Se estiver comeando agora com seu site e no deseja criar uma loja virtual,
minha recomendao que escolha o plano Combo, que oferece timos
recursos e vem com um domnio grtis. Voc poder solicitar um aumento de
plano a qualquer momento caso seja necessrio.
Selecione o plano desejado e clique no boto Comprar Agora.

Voc ser levado a uma pgina onde poder efetuar a compra com seu carto
de crdito Internacional (a Wix no uma empresa Brasileira) com bandeiras
Visa, MasterCard, American Express e Discover.

Insira os dados de seu carto de crdito e finalize a compra. Se tudo der certo
com sua operadora do carto de crdito, em poucas horas seu site j
funcionar com o plano escolhido.

Concluses

O construtor de sites do Wix uma excelente ferramenta para criao de um

site completo, que permite que voc crie um site independente dos servios de
terceiros, que exigem mais dinheiro, tempo e conversao para que as coisas
sejam feitas do jeito que voc quer.
Eu admito que no tinha conhecimento de todo o potencial do construtor de
sites em HTML5 do Wix at que comecei a trabalhar neste e-book. Dentre os
construtores de sites grtis existentes pela Internet, o wix passou a ser o meu
favorito, seguido apenas pelo Webnode que tambm muito bom.
Para manter-se atualizado sobre as novidades e dicas relacionadas a
construo e monetizao de sites, visite o Criar Sites.
Me encontre em outros locais
Siga me no Facebook
Me siga no Google+
F Page do CriarSites.com no Facebook
Siga me no Twitter
Ah, e no se esquea de baixa os outros e-books grtis que eu preparei.

Empresa de Criao de Sites

Recentemente tambm coloquei no

mercado uma empresa de criao de
sites para pessoas que no queiram
perder tempo ou que no estejam
dispostas a aprender as habilidades
necessrias para criar um site
profissional.
Se voc uma destas pessoas, visite o
Criar Site para Empresa e veja o que eu
e minha equipe podemos oferecer a
voc.

Direitos autorais

E-book criado por Celso Lemes do blog www.criarsites.com

A distribuio deste material livre, no entanto nenhuma parte dele pode ser
modificada e nem exibida em qualquer tipo de mdia sem autorizao.