header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

CMS: conectar widgets de HTML ao CMS

Neste artigo
  • Conectar um widget de HTML a um conjunto de dados
  • Perguntas frequentes
Conecte widgets de HTML (iFrames) a um conjunto de dados para exibir sites externos (URLs) para cada item da sua coleção do CMS.

Isso é útil para exibir conteúdo dinâmico, como diferentes páginas de eventos, sites de parceiros ou portfólios em que o endereço do site muda para cada item da sua coleção.
Observação:
No momento, você só pode conectar o elemento a um campo de coleção que contém um URL. Não é possível conectar código HTML bruto (por exemplo: <iframe src..> ) no CMS. Você pode votar nesse recurso aqui.

Conectar um widget de HTML a um conjunto de dados

Selecione um elemento de código incorporado no seu editor e conecte-o a um conjunto de dados. Em seguida, escolha se deseja exibir o código HTML ou um endereço do site (URL) nos campos da sua coleção.

Selecione o widget de HTML no seu editor e conecte-o a um conjunto de dados que se conecta à sua coleção do CMS. Em seguida, escolha o campo de URL ou de Texto que contém o endereço do site que você deseja exibir.
  1. Vá para a página relevante no seu editor.
  2. Adicione o elemento Incorporar um site à sua página:
    1. Clique em Elementos no lado esquerdo do editor.
    2. Clique em Incorporar código.
    3. Clique no elemento Incorporar um site para adicioná-lo à sua página.
  3. Clique no ícone Conectar ao CMS .
  4. Clique no dropdown Escolha um novo conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, selecione Adicionar conjunto de dados e escolha a coleção que deseja conectar, dê um nome ao conjunto de dados e clique em Criar.
  5. Clique no dropdown HTML se conecta a e selecione o campo relevante na sua coleção:
    Dica: selecione + Adicionar para criar e conectar um novo campo "URL" ou "Texto" da coleção.
    • URL: (recomendado) selecione o campo "URL" que contém o endereço HTTPS que você deseja exibir.
    • Texto: selecione um campo "Texto" que contém um URL com HTTPS válido.
      Observação: esse campo deve conter apenas um URL. O código HTML bruto não é compatível.
Captura de tela do elemento de incorporar código sendo conectado ao campo de URL.
  1. (Se necessário) Clique e arraste as bordas do elemento para redimensioná-lo.
  2. Clique em Visualizar para testar suas conexões.
  3. Clique em Publicar se as alterações estiverem prontas para ser publicadas.

Perguntas frequentes

Clique abaixo para obter respostas às perguntas comuns sobre como conectar widgets de incorporar código.