header-logo
Primeros pasosCrea tu sitio web y haz crecer tu negocio con Wix
Crear tu sitioCrea y gestiona tu sitio con las funciones intuitivas de Wix
Cuenta y facturaciónGestiona suscripciones, planes y facturas
Usar las apps móviles de WixGestiona tu negocio y conecta con los miembros
Conectar un dominioAprende a comprar, conectar o transferir un dominio
Administrar tu negocioHerramientas para ampliar tu negocio y tu presencia online
Promocionar tu sitioHerramientas de marketing y SEO para impulsar tu negocio
Wix Studio, Partners y EnterpriseFunciones avanzadas para trabajar de forma eficaz
Obtener ayudaSoluciones, problemas conocidos y contacto
placeholder-preview-image
Wix LearnMejora tus habilidades con nuestros cursos y tutoriales.
Blog de WixObtén consejos para diseño web, marketing y mucho más.
Guía de SEOMejora el tráfico orgánico en buscadores.
Website developmentCrea un sitio con nuestra plataforma full-stack.
Contrata a un profesionalVincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Conectar un widget HTML a un conjunto de datos
  • Preguntas frecuentes
  1. Inicio
  2. Crear tu sitio
  3. Funciones avanzadas
  4. CMS
  5. Conectar el contenido de las colecciones del CMS a tu sitio
  6. CMS: conectar widgets HTML al CMS

CMS: conectar widgets HTML al CMS

5 min
En este artículo
  • Conectar un widget HTML a un conjunto de datos
  • Preguntas frecuentes
Conecta widgets HTML (iFrames) a un conjunto de datos para mostrar sitios web externos (URL) para cada ítem de la colección del CMS.

Esto resulta útil para mostrar contenido dinámico, como diferentes páginas de eventos, sitios web de Partners o portafolios, donde la dirección del sitio web cambia para cada ítem de la colección.
Nota:
En la actualidad, solo puedes conectar el elemento a un campo de colección que contenga una URL. No es posible conectar código HTML sin procesar (por ejemplo, <iframe src..>) del CMS. Puedes votar por esta función aquí. 

Conectar un widget HTML a un conjunto de datos

Selecciona un elemento de código incrustado en el editor y conéctalo a un conjunto de datos. Luego, elige si deseas mostrar el código HTML o la dirección de un sitio web (URL) de los campos de colección.

Selecciona el widget HTML en el editor y conéctalo a un conjunto de datos que se conecte a tu colección del CMS. Luego, elige el campo Texto o URL que contenga la dirección del sitio web que deseas mostrar. 
  1. Ve a la página correspondiente en el editor.
  2. Agrega el elemento Incrustar un sitio a tu página:
    1. Haz clic en Agregar elementos  a la izquierda del editor.
    2. Haz clic en Código incrustado.
    3. Haz clic en el elemento Incrustar un sitio para agregarlo a tu página. 
  3. Haz clic en el icono Conectar a CMS .  
  4. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona un conjunto de datos existente para conectarlo a la colección. Como alternativa, selecciona Agregar conjunto de datos, luego elige la colección que deseas conectar, asigna un nombre al conjunto de datos y haz clic en Crear.
  5. Haz clic en el menú desplegable HTML se conecta a y selecciona el campo correspondiente de la colección:
    Consejo: Selecciona + Agregar para crear y conectar un nuevo campo de colección 'URL' o 'Texto'. 
    • URL: (recomendado) selecciona el campo 'URL' que contenga la dirección HTTPS que deseas mostrar.
    • Texto: selecciona un campo 'Texto' que contenga una URL HTTPS válida. 
      Nota: Este campo debe contener solo una URL. El código HTML sin procesar no es compatible.
Captura de pantalla que muestra cómo conectar el elemento de código incrustado al campo URL.
  1. (Si es necesario) Haz clic y arrastra los bordes del elemento para cambiar su tamaño. 
  2. Haz clic en Vista previa para probar las conexiones. 
  3. Haz clic en Publicar si lo tienes todo listo para publicar los cambios. 

Preguntas frecuentes

Haz clic a continuación para obtener respuestas a las preguntas más frecuentes sobre la conexión de widgets de código incrustado.

¿Te ha sido útil?

|

Helpmate

Hola

¿Necesitas más ayuda?
Resumen del artículo
Unlock personalized helpLog in to get the most out of Helpmate.