O Wix também permite adicionar códigos HTML/Embed nas páginas de seu site. Este recurso é muito importante e útil, já que podemos inserir outros recursos que não estão no Wix. Como, por exemplo, data e hora, contador de visitas, chat online etc…
HTML é uma linguagem de programação básica para qualquer site na internet, existem várias outras linguagem mais modernas e robustas, como é o caso do próprio HTML5, porém os códigos HTML ainda são fundamentalmente usados em milhares de websites. (Saiba Mais).
Código EMBED – complementando e ao mesmo tempo exemplificando a explicação acima, o código embed é uma tag html que permite inserir arquivos de mídia em uma página. (Saiba Mais).
Vamos à prática:
1. Para inserir códigos, clique no botão “Adicionar” e em seguida em “Mais”. Selecione a opção “Incorporar um site” ou “Código HTML“:
2. Um novo campo aparecerá na página. Arraste-o até o local em que deseja que ele apareça e para configurá-lo clique sobre ele e em seguida em “Configurações”:
3. Um novo menu surgirá na tela.
- Endereço do Site: use essa opção para incorporar um site inteiro dentro da sua página.
- Código: use para adicionar widgets em html, como ‘contador de visitas’, ‘chat online’, entre outros.
Após inserir o código, clique em Aplicar para ver na página como o código ficou.
É isso!
Gabriel, criei o link pelo E-goi, e ao adicionar ao Wix, não aparece a imagem, apenas o código, o que poderia ser?! Se eu copio e colo no navegador, a imagem do link aparece normalmente.
Olá Francine,
Você precisa usar código HTML. Siga os passos deste tutorial a partir do passo 19.
Abraço.
Este é o melhor sit de dicas que ja vi As explicações sobre html é 100%
Saudações,
Eu queria fazer uma observação nesse post, da parte que diz “HTML é uma linguagem de programação básica”.
HTML não é uma linguagem de programação básica,
nem uma linguagem de programação mas sim uma linguagem de marcação. Isso parece não ser importante mas é.
Obrigado.
Boa tarde, gosto muito do seu site, tem sido ferramenta de uso constante. Gostaria de implementar uma função para meu cliente calcular seu prejuízo enquanto sua máquina estiver parada. Os formulários nativos do Wix não dão suporte a cálculos. Será possível fazer em HTML ? A ideia é o cliente entrar com 4 dados específicos da sua máquina e o site retornar o quanto perdeu em produção, tanto em unidades quanto em dinheiro. Alguma ideia?
Olá Gabriel, tudo Bem.
Tenho uma página no Wix, e os tutoriais presentes aqui auxiliam e muito. Com vosso auxílio acabo de implementar um campo de busca, em uma pagina específica do meu site, onde consta uma planilha que desenvolvi no ‘Google Docs’, no caso, desejo que o campo de busca filtre os dados exclusivamente desta ‘planilha’… Como posso proceder neste caso?… Há algum campo de HTML (dentro do html do campo de busca) onde eu possa inserir o código da planilha? Pode me auxiliar neste processo?
Grata.
Olá Elizangela,
Infelizmente não tenho um código que faça essa pesquisa na planilha. Eu vi que seu site na verdade é um blog, já pensou em criar um blog no WordPress? É a plataforma mais indicada para criação de blogs e não é difícil de usar. Pesquise o assunto.
Abraço.
Fala Gabriel !
É um prazer falar contigo novamente. Desta vez é pra dizer que coloquei o meu site no ar nesta madrugada do dia 23 de Junho e queria que você avaliasse e pudesse, por gentileza, fazer sugestões. Quero também agradecer por ter postado artigo sobre a minha pergunta sobre aplicativo para validação de ideias. Show! Uma dúvida que está me chateando é em relação ao uso de códigos html ou java para a aplicação de mecanismos de otimização externos – ferramentas de análises de dados(Mixpanel), social media monitoring, Heatmaps e etc. Tentei instalar o código do software TYNT e não obtive êxito. Devo instalar o código em cada parte da página do site (cabeçalho, corpo e rodapé)? Você pode me ajudar na obtenção de informações solucionadoras destes problemas?
Mais uma vez afirmo: o seu blog é o número 1 para todo o internauta que use ou pretenda usar a plataforma Wix. Os insights encontrados aqui são realmente agregadores de valor.
Obrigado pela atenção e compreensão novamente ! Você, sem dúvida, é um agente transformador !
Olá Fábio,
Parabéns pelo seu site, ficou bem objetivo e direto. No momento, não tenho sugestões a dar. Sobre o software TYNT, dei uma olhada e parece que ele fornece um código que precisa ser colocado entre o cabeçalho HEAD e não simplesmente numa área HTML. O Wix infelizmente não permite acesso aos códigos do cabeçalho, muita coisa melhoraria no Wix se ele permitisse esse acesso a usuários avançados.
Muito obrigado pelo feedback, isso é importante pra mim.
Desejo sucesso na sua empreitada,
Grande abraço!
eu toda ves crio plantaforma da wix tiro os anuncios dela é dps coloco na minha hospedagem ^_^ahuahaua
Gabriel, primeiramente queria parabenizar teu site pela vasta quantidade de conteúdo produtivo. Nele encontrei muitas coisas que vão me ser úteis na criação do meu site. O motivo do meu post é uma dúvida quanto a criação de código HTML específico num tamanho pré-determinado por mim, por exemplo:
Trabalho com personalização de produtos, e pretendo abrir a minha loja online, só que seria interessante se meu cliente pudesse “upar” as fotos de seu computador para o site, podendo fazer até uma espécie de “collage” no tamanho específico do produto que quero, entende? A exemplo de uma capa pra celular, preciso que meu cliente veja a capa na tela e tenha as opções de “Sua foto aqui”, “Sua foto aqui”, “Sua foto aqui”, e que esses espaços estejam dentro da dimensão da capa específica para cada modelo, com as fotos escolhidas por ele. A pergunta é: O Wix me fornece esse tipo de serviço com código HTML (iframe)?
Natan Seabra
Olá Natan,
Uma funcionalidade dessas talvez seja possível apenas contratando um programador em PHP, e acho que não ficaria bom se usasse a ferramenta somente dentro de um campo HTML no Wix.
Espero ter ajudado,
Abraço!
Beleza, então nesse caso, o Wix nao seria o mais indicado pra esse tipo de serviço, teria que fazer um site por fora, contratando programador web , pagando por fora hospedagem, empresa de segurança e etc?
Exatamente Natan, o Wix não oferece suporte a esses recursos que você busca.
Abraço.
Oi, Gabriel
Agradeço muito a resposta. Entendi o que você falou e consegui aplicar e funcionou sim. Claro, é a famosa “gambiarra” né, mas ta valendo. Se não for abusar muito duas perguntas:
1 – essa “mágica” de pode exibir sites dentro do meu site ou no caso um elemento específico de página é bem aceito pelo navegadores? Sabe se o uso desse recurso pode gerar muita incompatibilidade?
2 – você tem alguma indicação de um bom servidor gratuito onde possa hospedar o código. Afinal se ele cai muito não me ajuda né…
obrigado de novo!
Fala Ramon,
Que bom que funcionou aí.
1- Se houver algum problema de incompatibilidade será causado pelo script java ou CSS em si e não pelo Wix.
2- Eu uso o XPG (http://xpg.uol.com.br/hospedagem-html-gratis.html), só não posso te dar garantia de estabilidade. Eu usava o Hostinger, porém ele dá muito lentidão quando estamos mexendo nos arquivos via FTP. Já o XPG é mais estável nesse caso.
Espero ter ajudado, precisando basta comentar.
Abç.
Olá! Primeiramente parabéns pelas dicas, está sendo bem útil. Estou criando um website no wix e estou tentando implementar um bloco de conteúdo, onde, quando se clica em um dos “títulos” o conteúdo abaixo se modifica (sem mexer na página). Estou usando um que contém scripts em java e arquivos .css. Apliquei o código todo através do recurso html. Quando estou visualizando a página o bloco de conteúdo funciona direitinho. Porém, quando publico o site ele para de funcionar. E fazendo testes desse bloco offline percebo que quando boto um caminho errado ao arquivo .css(inutilizando-o) o resultado é igual ao de quando o site está publicado. Os arquivos css estão salvo em um servidor meu. Provavelmente quando publico o site ele para de ler o path do css incluso no script.. Tem alguma sugestão?
Fala Ramon,
Obrigado pelo elogio ao blog.
É comum isso acontecer quando se tenta implementar recursos extras ao Wix. Nem todo tipo de código CSS o bloco HTML do Wix suporta. Muita vezes funciona pela metade.
A solução é usar a opção “Endereço do Website”, através do mesmo widget HTML do Wix. Com isso, todos os scripts e arquivos CSS serão executados no servidor, o Wix apenas exibirá o site ou efeito CSS. Se quiser testar, pegue uma URL de qualquer site e insira na opção “Endereço do Website”, execute e veja como funciona tudo normalmente.
Para fazer isso, você terá que hospedar todos os arquivos e códigos Java e CSS em um servidor, obter o endereço URL de onde eles estão sendo executados e inseri-los nessa opção “Endereço do Website”. Se tiver entendido, siga em frente. Caso não tenha entendido, aviso que em breve vou fazer tutoriais sobre como executar Javascript e CSS em um site Wix.
Abraço!
Legal!
Gostaria de saber se é possível usar um código html para que seja exibida a página de álbuns de uma página do Facebook. Assim, posso postar fotos pelo Facebook e serão automaticamente exibidas no site Wix.
Obrigado!
Olá Tiago,
É perfeitamente possível fazer qualquer aplicação que o HTML aceite. Porém, essa que está sugerindo, depende do facebook. Eu desconheço uma aplicação como esta no facebook developers. A única que chega perto, seria você inserir uma like box, com o stream ligado (show stream), ela iria mostrar tudo que está acontecendo na página do facebook. Tudo que for postado será atualizado, não somente fotos, mas qualquer texto.
Fique a vontade para novos comentários!
Grande abraço!
Legal, gostei! Acho que ficou até melhor do que ter só os álbuns. Obrigado, abraço!