Home » Criar Sites, HTML, CSS e Javascript » Colocar código HTML no Wix

5

Um dos recursos fundamentais para criar um site, sem dúvidas é o HTML. Ele que cria toda a estrutura de uma página na internet. É com ele que você irá colocar textos, imagens, recursos multimídia e muito mais.

Se você criou seu site no Wix em seu editor HTML 5 sabe o quanto é fácil adicionar elementos em seu site. O problema é quando existe algum recursos que queremos adicionar mas não existe nenhuma ferramenta dentro do editor. Não existia, porque foi pensando nisso que o pessoal do Wix adicionou um recurso muito legal onde você terá muita mais liberdade podendo adicionar códigos HTML.

Usando o recurso para adicionar HTML no Wix você poderá colocar códigos AdSense, elementos HTML diversos, botões de site como Pagseguro, BCash, etc. Com o mesmo recurso você também poderá determinar uma área de um link irá carregar dentro de um iframe. Ideal para você adicionar algum widget de outros serviços online que você não encontra no Wix.

Como adicionar código HTML no Wix

Para adicionar o HTML, faça login em sua conta no Wix e depois clique em Editar Site. e aguarde o editor carregar.

Editar site no Wix

Já com o editor HTML Wix carregado, clique no menu lateral esquerdo App Market.

Menu do App Market

Irá abrir uma tela com uma série de recursos que você pode adicionar eu seu site. Como queremos adicionar um código HTML, vamos até o menu Wix App > iFrame / Embed.

Wix HTML App

Ao clicar em iFrame / Embed uma caixa irá abrir com os detalhes do App. Nesta tela basta clicar no botão Adicionar ao site.

Ao clicar no botão para adicionar, um retângulo cinza irá aparecer. Para configurar basta clicar neste retângulo e depois clique em Configurações.

Configurando iFrame Wix

Ao clicar em configurações você terá uma caixa onde pode escolher o modo, que são: Endereço do Website ou Código HTML. Somente explicando, o modo Endereço do Website você pode fazer esse retângulo cinza abrir um link dentro dele, neste caso ele funciona como um iFrame normal. Já no modo Código HTML, que é o que queremos ele libera um campo de texto para inserir o código HTML dentro do seu site no Wix.

Com este módulo selecionado, basta colar o código HTML (no meu caso é um widget de economia do UOL). Ainda nesta caixa de configurações você consegue definir o tamanho do espaço e a posição. Uma forma mais fácil de fazer isso seria arrastar e soltar para posicionar onde você deseja e para aumentar a largura e altura basta segurar com o mouse a lateral do retângulo cinza e redimensionando.

Configurando Widget HTML Wix

Como você pode ver, é bem simples adicionar código HTML em seu site no Wix. E este recurso pode ajudar você a monetizar seu site ou blog e ganhar dinheiro online.

E você o que achou deste recurso do Wix? Já usou? Deixe um comentário.

 

 

Cadastre seu e-mail para receber as novidades do blog

Tags:

5 Comentários

  1. jota disse:

    valeu muito obrigado mesmo!

  2. Gilson disse:

    Como faço para editar e salvar em html do site do wix, tenho que inserir uma linha de verificação do google para atualização no site de busca, tem como inserir esta linha dento da html e salvar.

    • Rodrigo Maia disse:

      Olá Gilson, esse código do Google deve ser colocado em local específico então esse esquema do artigo não vai funcionar. Procure na parte de configurações do seu site com o Google. Nessa parte que deve existir essa opção.

  3. Ana Sophia disse:

    Tenho uma dúvida referente ao código, por favor

Deixe um comentário