Apostila Sobre Wix HTML5 PDF

Escrito por Celso Lemes www.criarsites.
com Todos os direitos reservados
O que o Wix
O Wix uma empresa que oferece um servio gratuito de criao online de websites baseados em Flash e tambm em HTML5, que atualmente a nova tendncia da web, 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 atravs de um painel de controle bem completo e em Portugus, onde poder arrastar os elementos, adicionar animaes, imagens, textos, galeria de imagens, menus animados, loja virtual, criar novas pginas entre outras coisas. A verso em HTML5 do construtor foi lanada recentemente, recomendada pois torna o site muito mais leve, amigvel para os buscadores se comparado com a verso em Flash, alm de ser compatvel com tablets e aparelhos celulares, o que era um problema na verso em flash do construtor. claro que o resultado final do site em HTML5 no to bonito quanto se fosse feito utilizando o construtor em Flash, no entanto as vantagens que ele oferece podem ser mais interessantes na maioria dos casos. Facilita o compartilhamento das pginas nas redes sociais; Compatibilidade com aparelhos mveis; Mais agilidade no carregamento das pginas;
Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados
Melhor integrao com ferramentas externas; Site mais amigvel para os buscadores.
SEO
Por ser feito em HTML5, os sites desenvolvidos com o novo construtor de sites so mais amigveis para os buscadores, alm disso, ele permite configurar alguns aspectos importantes das pginas relacionados a SEO, como o caso dos ttulos, 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 novo construtor que agora todas as pginas do site podem receber um ttulo nico, o que ajuda ainda mais no indexamento das pginas nos mecanismos de busca. Este um recurso que faltava na verso em Flash, que at o momento da preparao deste e-book exibe apenas 1 nico ttulo para o site inteiro :-(
O Construtor de Sites
O construtor pode ser acessado online atravs de qualquer computador e continua com a mesma facilidade de arrastar e soltar os elementos dentro das pginas, criar e editar pginas, organizar os elementos, adicionar imagens, vdeos e msicas, configurar a aparncia e mais
Ele tambm oferece dezenas de templates profissionais, que voc poder escolher para o seu site e adaptar conforme as suas necessidade. Se quiser conferir o resultado dos sites criados com o construtor de sites do Wix em flash ou HTML5, visite os seguintes sites: Criar Sites em Flash Criar Sites em HTML5
Como criar uma conta 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 grtis 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 rodap do site apontando para o Wix e a impossibilidade de adicionar um domnio prprio sem que antes tenha adquirido 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 ou do Webmium.
Primeiro passo
Para comear, voc s precisa acessar o site do Wix e clicar no boto Comece Agora.
Uma pequena janela se abrir. Clique sobre o link CRIAR NOVA CONTA.
Na pgina seguinte, selecione o tipo de site que deseja criar. So vrios seguimentos como Negcios e Servios, Msica, Loja Online, Fotografia, Restaurante, Site Pessoal e etc.
Na prxima pgina selecione se deseja criar um site em Flash ou HTML5. Lembrando que depois de criado o site, voc no poder mudar o tipo de site, portanto escolha com cautela. Minha recomendao que opte pelo HTML5.
Voc tambm poder escolher o modelo do template que deseja para o seu site. Escolha um deles e clique no boto Editar.
Feito isso, 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 a aparncia no Wix

O construtor de sites do Wix em HTML5 permite editar vrios aspectos dos sites criados nele. Para ter acesso a estas ferramentas, dentro do painel de controle, clique no boto identificado com um pincel que aparece no canto esquerdo superior.
Background Esta opo permite escolher uma imagem para o fundo do site, o que dependendo do caso pode dar mais vida e harmonia ao site como um todo.
Para alterar o plano de fundo, basta selecionar o que mais lhe agrada. Caso no esteja satisfeito, escolha outro ou simplesmente clique sobre o boto Descartar Mudanas que aparece mais abaixo. Cores esta opo permite alterar o esquema de cores do site, basta que voc selecione um grupo de cores para que todo o site seja alterado.
Esta opo altera todas as cores do site de uma s vez, ou seja, no tem como editar cada uma das cores por vez. Voc deve escolher qual a melhor combinao para o seu site. Caso no queira nenhuma das opes, basta que voc clique sobre o boto Descartar Mudanas que aparece no rodap do site.
Fontes Esta opo permite alterar o formato das letras do site. Lembrando que esta opo somente recomendvel para sites mais descontrados. Se este no for o seu caso, as fontes padro so a melhor opo, pois do mais seriedade ao site.
Esta opo altera o grupo de fontes de seu site, como os ttulos, subttulos e contedo. Caso nenhuma das opes te agrade, clique no boto Descartar Mudanas que aparece mais abaixo. Dica extra O construtor de sites ainda permite alterar a borda das pginas do site, porm esta opo no est bem clara dentro do painel. Para ter acesso a este recurso, clique novamente no boto do Pincel e em seguida clique em qualquer lugar da pgina que no tenha nenhum elemento, como imagem ou texto.
Uma pequena caixinha ir surgir, clique em Trocar Estilo para abrir o editor de bordas.
Uma vez que ele esteja aberto, voc pode escolher uma das trs opes (Pgina Inicial, Padro ou Especial) ou clicar em Editar Estilo para fazer outros tipos de configuraes. Ao final clique em OK para salvar as alteraes.
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 o primeiro boto Pginas representado por uma folha de papel com uma orelha dobrada que aparece do lado esquerdo do editor. 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 nova pgina

Para adicionar novas pginas ao seu site, clique sobre o link + Adicionar Pgina que aparece no rodap do menu de gesto de pginas.
Na pgina seguinte selecione o tipo de pgina que deseja criar, d um nome a ela e clique em OK para finalizar. Acima voc pode ver uma pgina do tipo Servios2 com o ttulo ARTIGOS sendo criada.
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 o pequeno cone representado por uma engrenagem que aparece ao lado do ttulo da pgina.
Na prxima janela que se abre, clique sobre o link Apagar. O sistema ir perguntar se voc tem realmente certeza de que deseja excluir a pgina (espero que tenha). Clique sobre o boto Apagar em vermelho para finalizar.
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. 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 protegidas por senha
Recentemente o Wix adicionou um novo recurso ao construtor que permite criar pginas protegidas por senha, 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 na pequena engrenagem que aparece ao lado da pgina que deseja proteger, selecione a opo Proteger Pgina, selecione se deseja que os visitantes se cadastrem no site ou se somente deseja que seja solicitado uma senha.
Se escolher a opo de senha, voc deve digitar a senha desejada e salvar as alteraes.
Lembrando que voc dever fornecer a senha por e-mail ou qualquer outro meio de comunicao para as pessoas que deseja que tenham acesso a pgina protegida.
Como adicionar um formulrio de contato

Agora que voc j sabe como criar uma nova pgina, chegou a hora de 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 e escolher a opo Formulrio e em seguida dar um nome sugestivo a pgina. Confira abaixo.
Depois que a pgina for adicionada ao site, voc ainda tem que configurar o formulrio. Na pgina que contm o formulrio, clique sobre ele e no menu que aparece clique sobre o a opo Configuraes.
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 seja enviadas para ambos os endereos.
Voc tambm tem a opo de trocar a aparncia da caixa do formulrio clicando no boto em azul escrito Trocar Estilo.
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 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 Adicionar 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 dois 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.
Acima voc pode ver o texto do ttulo editado e o campo em volta dele reduzido. 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 Adicionar e em seguida no boto Imagem.
O menu de configuraes ir agora exibir 4 opes de imagens que voc pode adicionar em seu site. So eles: Imagem Permite adicionar uma imagem sem frescura. Imagem sem moldura Esta a mesma opo da anterior (nem sei porque eles deixaram essa opo a). Imagem com moldura Esta opo permite adicionar uma imagem com uma borda especial em volta dela. Clip Art Esta opo bastante interessante, pois d acesso a um banco de imagens do prprio Wix que podem ser adicionadas em seu site.
Como adicionar e editar uma imagem com moldura

Para adicionar uma imagem com moldura ao seu site, clique no boto Imagem com moldura . Uma imagem padro adicionada a pgina.
Voc deve clicar sobre ela uma vez e em seguida em Trocar Imagem. O gerenciador de imagens ir exibir todas as imagens que voc j tenha carregado em seu site, assim como tambm d a opo de carregar novas imagens. Vamos comear aprendendo como carregar (ou fazer upload se preferir) uma imagem para o seu site no Wix. Para fazer isso clique no boto Upload que aparece na 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 ela e clique sobre o boto OK que aparece no canto direito inferior na cor azul.
Feito isso, a imagem ser trocada com a imagem padro que estava sendo exibida em seu site.
Como alterar a borda da imagem

Caso a imagem que voc esteja editando possua uma borda, voc poder alterar alguns parmetros delas para deix-la mais customizada. Para fazer isso, clique novamente sobre a imagem e em seguida clique em Trocar Estilo. Uma nova janela aparecer na tela, onde voc poder escolher entre as opes Padro, Sem Moldura, Moldura Especial 1 e Moldura Especial 2. Voc tambm tem a opo de fazer configuraes extras clicando sobre o link Editar Estilo que aparece ao lado dos botes.
Feita as alteraes desejadas, clique sobre o boto OK para finalizar.
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 Adicionar e em seguida em Galeria, como mostra a imagem abaixo.
Voc tem a sua disposio 4 tipos de galerias, Grid, Slideshow, Slider e Grid Animada. Veremos a seguir qual a diferena de cada uma delas e como voc poder trabalhar as imagens.
Vamos ver o que cada uma delas faz:
Grid Exibe uma galeria com vrias imagens lado a lado. Quando um visitante clica em uma delas, uma nova janela aberta com a imagem em tamanho real.
Slideshow Esta opo exibe um grupo de imagens que vo se alterando conforme o visitante clica sobre as setas que aparecem nas laterais da galeria.
Slider Este recurso bem parecido com o Slideshow citado anteriormente, com a diferena de que ele vai alterando as imagens da esquerda para a direita ou vice versa sempre que o mouse for posicionado sobre a galeria.
Grid Animada Esta opo tambm bem parecida com o Grid citado anteriormente, com a diferena de que aplicado um efeito de esmaecimento sobre as imagens conforme o visitante passa o mouse sobre elas.
Como alterar as imagens das galerias
Agora que voc aprendeu para que servem e como adicionar as galerias s suas pginas, vamos aprender agora como configurar as imagens que aparecem dentro delas. Para trocar as imagens, voc deve clicar sobre qualquer uma das imagens que j aparecem na galeria e em seguida em Organizar imagens como mostra a imagem abaixo.
Uma nova janela se abrir com uma mensagem. Clique sobre o boto em azul escrito Adicionar Imagens para selecionar imagens que voc j tenha
carregado em seu site ou que pretenda carregar.
Na prxima janela voc poder selecionar as imagens ou carregar novas imagens clicando no boto Upload que aparece no canto direito superior da janela.
O processo de carregamento de novas imagens o mesmo citado anteriormente, portanto basta que voc siga os passos. Voc deve selecionar todas as imagens que deseja que apaream na galeria de imagens uma a uma.
Voc tambm tem a opo de adicionar um ttulo, descrio e tambm um link apontando para uma pgina ou arquivo (veremos mais sobre links adiante).
Estas informaes podero aparecer sobre as imagens enquanto os visitantes estiverem vendo-as.
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 uma outra pgina, 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 no Wix, 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 fica na parte superior do editor para abrir o gerenciador de links.
Uma pequena janela se abrir com 4 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 Abrir em uma nova janela. Pgina Esta opo permite criar um link para uma pgina interna de seu prprio site, aps clicar sobre o boto Pgina, uma nova janela com um menu drop down surgir, exibindo 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 e etc. Para criar o link basta que voc clique sobre o boto Documento para abrir uma nova janela. Em seguida clique sobre o campo Adicionar/Mudar Documento: 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 Upload. Depois que carregar o arquivo, voc deve selecionar ele e clicar em OK e em OK novamente para que o link seja criado.
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.
Como criar links em Imagens

A criao de links em imagens bem parecida com a criao de links em textos. Para criar um, voc precisa selecionar a imagem a qual o link ser criado. Um pequeno menu aparecer sobre a imagem, clique sobre Link para para abrir o gerenciador de links.
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 com os amigos ou que discutam suas ideias. Para ter acesso aos widgets de redes sociais, clique novamente no boto de Adicionar 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 cada um deles. Curtir do Facebook Esta opo adiciona 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 em Curtir do Facebook para que o boto aparea dentro da pgina. Depois s voc arrast-lo para o local desejado na pgina. Se quiser voc ainda pode alterar sua aparncia clicando sobre e ele e em seguida em Configuraes.
Uma nova janela surgir onde voc poder alguns aspectos do boto.
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 Adicionar, 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 em Configuraes.
Uma nova janela surgir. Faa as configuraes e feche a janela de configuraes.
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. Em seguida clique sobre ele e em seguida no link 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, alm de exibir o nmero total de compartilhamentos. Para adicion-lo em seu site, basta que voc clique no
menu Adicionar, Redes Sociais e em Tweet do Twitter para que um pequeno boto seja inserido na pgina. Arraste-o para o local em que deseja que ele aparea dentro da pgina. Para configur-lo, clique sobre ele e em seguida em Configuraes.
Uma nova janela ser aberta. Digite seu nome de usurio no Twitter, uma frase que aparecer junto aos Tweets e clique em Atualizar.
Feed do Twitter Esta opo exibe seus ltimos Tweets dentro da rede, o que pode ser muito til para que seus leitores fiquem a par do que voc anda postando dentro da rede. Para adicion-lo ao seu site, basta que voc clique no menu Adicionar, Redes Sociais e em Feed do Twitter. Uma nova janela aparecer dentro de sua pgina.
Para configur-lo, clique sobre ele e em seguida em Configuraes.
Na nova janela digite seu nome de usurio do Twitter e selecione o nmero de atualizaes que deseja que o widget exiba. Opcionalmente, voc tambm pode configurar a aparncia deste widget clicando em Trocar Estilo. Google +1 Este recurso permite que seus leitores votem nos seus artigos, o que muito bom para o desempenho dele nos resultados das buscas dentro do crculo de amigos das pessoas que curtiram suas pginas. Para adicionar o boto, basta clicar sobre o boto Adicionar, Redes Sociais e em Google +1. Um novo boto aparecer na pgina, para configur-lo, clique sobre ele e em seguida em Configuraes.
Na nova janela que aparece, selecione suas opes e feche a janela.
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 Adicionar, 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 tamanho e espaamento dos botes. Opcionalmente, voc tambm poder configurar a ordem que eles aparecem dentro da pgina.
Como criar uma loja virtual

Recentemente o Wix 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 Paypal e o Pagseguro, que acredito ser o mais utilizado no territrio Brasileiro. Lembrando que apesar de que seja perfeitamente possvel criar uma loja virtual utilizando uma conta gratuita, o sistema no totalmente funcional, pois no permite que os possveis clientes finalizem a compra. Se este for o seu caso, voc pode aproveitar o cupom de 33% de desconto que o Wix est dando para os leitores do CriarSites. Para ter a loja funcionando, necessrio adquirir um plano premium eCommerce que custa cerca de R$27 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. Outra coisa que voc deve entender que o sistema ainda no consegue calcular o frete de seus produtos, mas segundo o Wix esse um recurso que eles esto trabalhando, portanto pode acontecer de que no momento em que voc estiver lendo este e-book, o recurso de clculo de frete j esteja disponvel. Agora que voc est ciente das limitaes do sistema de lojas do Wix, vamos iniciar a criao de sua primeira loja virtual no Wix.
Criar uma nova Pgina
O primeiro passo iniciar uma nova pgina. Como vimos anteriormente neste e-book, basta que voc clique no boto Pginas e em Adicionar nova Pgina. Com a nova pgina criada, voc poder adicionar um ttulo caso ache necessrio (isso tambm foi explicado anteriormente neste e-book). Vamos comear adicionando uma galeria de produtos. Para fazer isso, clique sobre o boto Adicionar. No menu que se abre, clique em Online Store.
Um novo menu se abrir, voc pode comear por adicionar uma nova galeria de produtos clicando em Product Gallery.
Um novo campo ser adicionado a pgina. Ele estar perguntando qual galeria de produtos voc deseja que seja exibido na pgina. Como esta ser a primeira vez que estar trabalhando com o sistema de lojas, simplesmente clique em OK para seguir ao prximo passo. A seguir voc precisa cadastrar seus produtos e criar uma ou mais categorias de produtos. Para fazer isso clique sobre a galeria de produtos que acabou de adicionar e no menu que aparece clique em Manage Store.
Configurar moeda e forma de pagamentos
Vamos comear por configurar a forma de pagamento e a moeda que ser utilizada na loja. Para fazer isso, clique sobre o link Opes que aparece no topo da janela de gerenciamento de produtos.
Uma nova janela surgir na tela. Se voc est pensando em vender apenas para o Brasil, a melhor opo para receber o dinheiro seria pelo Pagseguro, no entanto voc tambm tem a sua disposio o Paypal ou Google Checkout.
Lembrando que para receber dinheiro seja pelo Pagseguro ou qualquer outro sistema de pagamento online, necessrio que voc tenha uma conta criada na empresa escolhida. Como o nosso foco o Brasil, vamos aprender ento como configurar para receber o dinheiro atravs do Pagseguro. Acredito que se estiver em Portugal, a melhor opo seria o Paypal. Em mtodo de pagamento escolha a opo Pagseguro. Voc precisar ento do token de sua conta. Para gerar o seu basta que voc clique aqui e gere o seu clicando no boto Gerar que se encontra mais ou menos no meio da pgina. Em seguida voc deve digitar o endereo de e-mail ao qual sua conta do Pagseguro est associada. Selecione tambm a moeda desejada, que em nosso caso Real (Brasil). Em peso selecione a opo Kilograms (como citado anteriormente, o Wix ainda no calcula o frete, portanto esta uma opo que s ser utilizada em breve). Feito todas as configuraes, clique em Concludo para finalizar.
Adicionar nova Categoria

Vamos comear por adicionar uma nova categoria que ser utilizada para exibir os produtos em sua loja. Voc pode fazer isso clicando em Adicionar Categoria no menu esquerdo da janela.
Um pequeno campo aparecer acima do boto Adicionar Categoria. Digite o nome da categoria desejada e em seguida em Adicionar.
Agora voc precisa eliminar todos os produtos que aparecem por padro na loja, voc pode fazer isso selecionando eles e em seguida clicar no boto Deletar.
Dica Voc tambm pode duplicar um produto repetindo este mesmo processo, mas desta vez clicando no boto Duplicar, o que muito til para quando pretende adicionar um produto similar, necessitando apenas de algumas alteraes para que o novo produto esteja pronto para venda.
Adicionar Produto
Vamos agora adicionar um novo produto a galeria. Para fazer isso clique sobre o boto que aparece em Laranja Adicionar Produto.
Uma nova janela se abrir onde voc poder configurar vrios aspectos do produto. Confira uma descrio de cada um deles. Ttulo do Produto Digite aqui um ttulo que descreva bem o produto a venda. Preo Digite aqui o preo do produto a venda. O formato deve ser 00.00, ou seja, para um produto de trinta e dois Reais e cinquenta e nove centavos, voc deve digitar 32.59. Categorias Voc poder associar o produto a uma ou mais categorias. Para fazer isso basta clicar sobre o boto Adicionar, selecionar as categorias desejadas e em seguida clicar em Concludo.
Mdia Aqui voc pode adicionar at 10 fotos de cada um dos produtos a venda. Para adicionar novas fotos clique sobre o boto Adicionar Foto para abrir o gerenciador de imagens.
O processo de carregamento de novas imagens foi explicado anteriormente neste e-book. Info Aqui voc pode adicionar algumas informaes sobre o que se trata o produto a venda. Lembrando que voc tem duas opes aqui que so o Resumo e Detalhes. No primeiro campo voc deve adicionar alguma descrio rpida sobre o que se trata o produto e o segundo uma descrio mais detalhada sobre ele.
Para alterar entre as duas opes, voc deve clicar nas abas como mostrado na imagem acima. Detalhes Opcionais Assim como diz o texto, estes campos so opcionais. O mais interessante aqui o campo Preo de Venda que permite especificar um preo promocional dos produtos. Por exemplo, digamos que voc tenha especificado anteriormente o preo de R$32,59 para uma camiseta, mas que queira vender o produto por apenas R$29.90. Basta que voc adicione este valor no campo Preo de Venda para que o produto exiba o preo real e o preo promocional na descrio do produto.
Caso no queira exibir um desconto em seus produtos, basta deixar este campo em branco. Opes de Inventrio Este recurso permite adicionar informaes como cor e tamanho dos produtos, para que os clientes possam escolh-las no momento em que estiverem adicionando o produto ao carrinho de compras.
Para ter acesso a este recurso clique no boto Administrar Opes.
Vamos aprender como adicionar opes de tamanho de roupas. Para fazer isso na rea Tamanho clique no boto Selecione que aparece mais abaixo.
Na nova janela que se abre, digite os tamanho disponveis, assim como uma descrio para cada um deles. muito importante ser claro quanto a descrio, porque essa informao que voc ter para saber qual o tamanho escolhido pelos clientes. Abaixo voc pode ver um exemplo de medidas disponveis no Brasil.
Caso necessite de adicionar um ou mais campos, clique sobre o link Adicionar Seleo. O valor que aparece ao lado serve para especificar um acrscimo caso seja necessrio. Por exemplo, digamos que uma camiseta com tamanho P seja um preo X, mas que a camiseta GG seja 5 reais mais caro. Neste caso basta que voc adicione este valor ao campo ao lado para que ele seja adicionado ao valor total do produto no momento em que o cliente estiver comprando. Depois que fizer todas as alteraes, clique no boto Concludo para fechar a janela. Visibilidade do Produto Caso o produto cadastrado ainda no possa ser vendido ou tenha acabado o estoque, voc pode desabilit-lo mudando a chavinha para Offline.
Feito todas as alteraes no produto, clique no boto Salvar Produto para que ele esteja disponvel na galeria de produtos. Voc poder repetir este mesmo processo para adicionar outros produtos que pretenda vender em sua loja virtual.
Escolher Galeria de Produtos

Agora que voc j criou suas categorias e adicionou seus produtos para vender, chegou a hora de especificar a(s) galeria(s) que deseja que seja exibida na pgina. Para fazer isso clique sobre o campo que representa a galeria que voc adicionou anteriormente e no menu que aparece clique em Choose Collection.
Na janela que se abre selecione a categoria desejada e clique em OK.
Em seguida todos os produtos da galeria selecionada aparecero na pgina.
Voc ainda pode fazer algumas configuraes na forma que as imagens aparecem na pgina. Para fazer isso clique novamente dentro do campo que representa a galeria de produtos e em seguida clique em Configuraes.
Na nova janela que se abre voc pode especificar um nome para o boto de adicionar ao carrinho de compras, nmero de produtos exibidos na pgina, colunas, margem e etc.
Voc deve ir testando estas opes at encontrar a melhor configurao, pois o resultado final pode depender do tipo de produto e tambm da quantidade de produtos de uma mesma categoria voc pretende exibir na tela.
Adicionar Carrinho de Compras
Agora que aprendemos como exibir os produtos em sua loja, vamos agora aprender como adicionar um carrinho de compras, que ser responsvel por exibir os produtos selecionados pelos seus clientes. Para fazer isso, clique novamente no boto Adicionar e em Online Store. No novo menu clique em Shopping Cart.
Um novo campo aparecer na pgina, arraste e posicione no local desejado. Voc poder alterar o texto exibido no carrinho de compras, para fazer isso, clique sobre ele e no menu que aparece clique em Configuraes.
Uma nova janela se abrir onde voc poder alterar o texto e tambm o tamanho do carrinho de compras.
Como adicionar o Boto de Finalizar Compra
O prximo passo adicionar um boto que permita que os clientes finalizem a compra, para fazer isso, novamente clique em Adicionar e em Online Store. No novo menu que aparece, clique sobre o boto Checkout Button.
Um boto amarelo ser adicionado a pgina, arraste-o at o local desejado na pgina. Para configur-lo, clique sobre ele e no menu que aparece clique em Configuraes.
Um novo menu surgir na tela, onde voc pode editar o texto exibido no boto assim como outros parmetros.
Voc tambm tem a opo de configurar o estilo do boto. Para fazer isso, clique novamente no boto e no menu que aparece clique em Button Style.
Um novo menu surgir onde voc deve clicar em Editar Estilo.
No novo menu que aparece, voc poder alterar o formato do boto, assim como suas cores. Faa as alteraes desejadas e salve. Parabns! Voc criou sua loja virtual no wix, mas lembre-se de que voc somente poder realizar as vendas se adquirir o plano Premium eCommerce, caso contrrio o boto de finalizar compra no estar funcionando.
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, posicione o ponteiro do mouse sobre qualquer uma das pginas de seu site e em seguida clique sobre o cone de uma pequena engrenagem que aparece ao lado.
O que adicionar em cada um dos campos disponveis

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 20 palavras-chave que representem o contedo da pgina separados por uma vrgula.
Como descobrir boas palavras-chave

Uma boa ferramenta para descobrir boas palavras-chave o Google Insights para Pesquisas, que uma ferramenta oferecida gratuitamente pelo Google. Voc poder adicionar duas ou mais palavras ou grupo de palavras e fazer uma comparao entre elas para descobrir quais so mais utilizadas pelas pessoas. Alm disso, voc pode segmentar a pesquisa para uma determinada regio como o Brasil por exemplo, desta forma o resultado exibido pelo Insights para Pesquisa mostra apenas os dados referentes a buscas feitas por pessoas no Brasil. Abaixo voc pode ver o resultado de uma comparao entre a palavra html 5 e html5 (sem espao), segmentado para o Brasil no perodo de 90 dias, que como pode ser visto abaixo, a palavra sem espao tem bem mais procura do que a palavra HTML 5 com espao.
Alm dessa comparao, mais abaixo na mesma pgina em que realizou a pesquisa, poder encontrar recomendaes de palavras relacionadas que as pessoas fazem no buscador do Google, o que pode ser muito til para descobrir novas palavras-chave a serem utilizadas em seu site.
Lembrando que outro fator importantssimo que voc deve prestar ateno se quiser ter mais chances de conseguir boas posies nos buscadores a linkagem interna, ou seja, links presentes dentro do contedo que levam os visitantes de uma pgina a outra dentro do seu prprio site. 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 adicionar vdeos em suas pginas

Outro excelente recurso do construtor de sites do Wix a possibilidade de adicionar vdeos do Youtube ou do Vimeo com muita facilidade. Para adicionar vdeos nas pginas de seu site, clique no boto Adicionar e em seguida em Mdia. Uma caixa contendo um vdeo de exemplo ser adicionado a pgina. Arraste ele at o local desejado em sua pgina. Para alterar o vdeo exibido, clique sobre a caixa em que o vdeo aparece e no menu que aparece clique em Configuraes.
Uma nova janela se abrir onde voc deve inserir o endereo em que se encontra o vdeo que voc deseja que seja exibido na sua pgina.
Nessa mesma janela voc ainda poder configurar outros para que o vdeo seja exibido do seu jeito.
Dica Se voc no sabe como fazer pegar a URL do vdeo no Youtube, acesse a pgina em que se encontra o vdeo desejado. Procure a barra de endereos que aparece na parte superior de seu navegador e copie a URL que aparece nele.
Agora s voltar para a caixa de configurao do vdeo e colar a URL e salvar.
Como adicionar um mapa do Google Maps

O Wix tambm permite adicionar um mapa do Google Maps de forma a orientar seus clientes at o local de seu negcio. Para fazer isso, crie uma nova pgina ou use uma pgina j criada em seu site e clique sobre o boto Adicionar e em seguida em Addon. E no novo menu que aparece clique sobre o boto Google Maps.
Um novo campo contendo um mapa do Google padro ser adicionado a pgina, para configur-lo, clique sobre ele e em seguida em Configuraes.
Uma nova janela aparecer na tela, onde voc poder configurar o endereo de seu negcio, uma descrio sobre ele, configurar o tipo de mapa desejado e outros controles mais finos. Lembrando que aps configurar o campo Endereo voc deve clicar no boto Encontrar e aps adicionar algo no campo Descrio, voc deve clicar sobre o boto Configurar para que as alteraes tenham efeito. Voc poder acompanhar em tempo real as alteraes.
Como adicionar cdigos HTML e embed ao seu site

O Construtor de sites do Wix tambm permite adicionar cdigos HTML/Embed as pginas de seu site para adicionar contadores de visitas, chats, relgios e etc. Para fazer isso, clique no boto Adicionar e em seguida em Addon. Um novo menu se abrir, clique sobre o boto HTML.
Um novo campo aparecer na pgina em que estiver trabalhando. Arraste-o at o local em que deseja que ele aparea e para configur-lo clique sobre ele e em seguida em Configuraes.
Um novo menu surgir na tela. Altere o campo Modo para Cdigo HTML (importante) para que o campo onde o cdigo HTML pode ser colado aparea. Agora s colar o cdigo HTML do que deseja adicionar a sua pgina e salvar a alterao. Abaixo voc pode conferir o cdigo de um contador de visitas sendo adicionado a minha pgina.
Wix App Market

Recentemente o Wix tambm incorporou em seu construtor de sites em HTML5 um novo recurso que permite adicionar aplicativos aos sites criados no construtor, o que pode expandir e muito as capacidades do website sem a necessidade de ter conhecimentos profundos sobre o que se est fazendo, basta acessar a aba de aplicativos, escolher o que mais te agrada e fazer as configuraes necessrias. 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 .
Dentre os aplicativos j disponveis voc poder encontrar formulrios de contato, mapas do Google Maps, sistema de login e senha, chat, email marketing, Google Calendar, galeria de imagens do Flickr, Instagram e muito mais. Para utilizar estes aplicativos basta acessar a aba App Market e selecionar aplicativo desejado.
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.
Pr-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. 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 ir 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. 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.
Upgrade Esta opo permite transformar seu site de grtis para um site premium, que adiciona muito mais recursos como a possibilidade de adicionar um domnio personalizado, criar uma loja virtual funcional, remover anncios do Wix de seu site, mais espao para armazenamento de dados, maior limite para transferncia mensal de dados, possibilidade de monitorar seu site atravs do Google Analytics e muito mais.
Confira abaixo os planos disponveis pelo Wix.
Lembrando que a aquisio de um plano premium no obrigatrio. Voc pode muito bem ficar com seu site grtis para sempre (ou at quando o Wix existir), mas se pensa em levar seu site para um novo nvel (mais profissional) muito importante que pense em fazer algum investimento em seu site. Se quiser mesmo adquirir um plano premium, confira este artigo em que eu falo sobre um cupom de desconto de 33% que o Wix est oferecendo aos leitores do Criar Sites.
Como adicionar um Favicon ao seu site

O construtor de sites do Wix tambm permite que voc adicione um favicon, que um pequeno cone que aparece ao lado da URL do site, nos favoritos, nas abas de navegao e etc.
Lembrando que este recurso somente est disponvel para os usurios premium, ou seja, se estiver utilizando a verso grtis do construtor, este recurso no estar ativo. Se voc no sabe como criar um favicon, recomendo que confira este artigo. Voc poder adicionar o seu clicando em Configuraes e em Favicon.
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. Se voc se interessou por este recurso, acesse sua conta principal do Wix (no a mesma pgina do construtor), selecione seu site e clique no boto Mobile.
Escolher um template - Uma nova pgina se abrir onde voc deve primeiro escolher um template. Clique nas setas que aparecem nas laterais para ver outros exemplos de templates que voc pode utilizar.
Na prxima pgina adicione um ttulo ao seu site e escolhe uma das categorias disponveis.
Na nova pgina que aparece, voc j poder trabalhar no desenvolvimento de sue site Mobile. Para editar as pginas, clique sobre o nome delas no menu My Pages que aparece do lado esquerdo. Em seguida clique sobre o texto que est sendo exibido na pgina, apague o atual texto e escreva seu prprio contedo.
Apagar pgina - Para apagar uma ou mais pginas, clique sobre o link Home que aparece no menu esquerdo e em seguida posicione o ponteiro do mouse sobre o ttulo da pgina que deseja deletar. Uma pequena lixeira aparecer do lado direito do ttulo, clique sobre ele para deletar a pgina.
Adicionar nova pgina - Para adicionar uma nova pgina, clique sobre o link Add page que aparece do lado esquerdo do menu.
Selecione ento o tipo de pgina desejado e clique em OK para criar a nova pgina.
Como publicar seu site Mobile

Depois que tiver preparado seu site Mobile, chegou a hora de public-lo para que todos possam v-lo. Para fazer isso, clique sobre o boto verde escrito Publish que aparece no topo do site.
Feito isso seu site j estar online e poder ser acessado pelos visitantes com aparelhos mveis. Para editar seu site Mobile posteriormente, acesse a pgina inicial do Wix, selecione o site que deseja editar e em seguida clique em Editar como mostra a imagem abaixo.
Voc ser redirecionado para o editor de site mobile do Wix, onde poder alterar completamente o contedo de seu site. Ps. Lembrando que o site mobile na verso grtis exibe um banner relativamente grande no topo do site que leva os visitantes para o site do Wix. Portanto se pensa em utilizar este recurso, recomendo que adquira uma verso premium. Pronto, seu site e seu site mvel esto prontos para serem apresentados para os milhares de vistantes potenciais.
Como adquirir um plano premium (com desconto)

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 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 estar funcionando com o plano escolhido.
Cupom de Desconto
Para comprar um plano premium com um desconto de 33%, voc deve selecionar o plano Anual Unlimited, digitar os dados do seu carto de crdito, digitar o seguinte cupom 1871criarsites221 e clicar no link Calcular como mostra a imagem abaixo.
Voc ver que o desconto aparece mais abaixo na rea em que exibido os valores. Para finalizar clique no boto Enviar compra para ter seu site funcionando com o plano premium.
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. Me encontre nas redes sociais Comunidade no Orkut Siga me no Twitter Siga me no Facebook Me siga no Google+ F Page do CriarSites.com no Facebook
Gostou deste material?

Ento sinta-se livre para distribuir este e-book em seu site, blog, e-mail ou redes sociais e ajude seus leitores a terem sucesso com seus sites. Ah, e no se esquea de baixa os outros e-books grtis que eu preparei. At a prxima!

Apostila Sobre Wix HTML5 PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Apostila Sobre Wix HTML5 PDF

Uploaded by

Copyright:

Available Formats

Escrito por Celso Lemes www.criarsites.

com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como criar uma conta no Wix

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como configurar a aparncia no Wix

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como criar e editar pginas

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Criar uma nova pgina

Como excluir uma pgina

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como alterar o efeito de transio

Como criar pginas protegidas por senha

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como adicionar um formulrio de contato

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como editar ou adicionar texto as suas pginas

Como editar um texto j existente

Como adicionar um novo campo de texto

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como adicionar imagens

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como adicionar e editar uma imagem com moldura

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como alterar a borda da imagem

Feita as alteraes desejadas, clique sobre o boto OK para finalizar.

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como adicionar uma galeria de imagens

Vamos ver o que cada uma delas faz:

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como alterar as imagens das galerias

carregado em seu site ou que pretenda carregar.

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como criar links em textos e imagens

Como criar links em textos

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como criar links em Imagens

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como adicionar botes de redes sociais

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Uma nova janela surgir. Faa as configuraes e feche a janela de configuraes.

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Para configur-lo, clique sobre ele e em seguida em Configuraes.

Na nova janela que aparece, selecione suas opes e feche a janela.

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

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

Escrito por Celso Lemes www.criarsites.com Todos os direitos reservados

Como criar uma loja virtual

Criar uma nova Pgina