Agrega contenido multimedia externo a tu sitio con códigos de inserción.

Usa bloques de inserción para añadir contenidos externos a tu sitio, como videos, tuits, publicaciones de Facebook y más.

Para más información sobre cómo elegir el mejor bloque para tu contenido personalizado, visita Añadir código personalizado en tu sitio.

Mira el video

Antes de comenzar

• Los bloques de inserción obtienen contenidos de servicios que usan el estándar oEmbed o configuran manualmente el código para insertar. Para agregar otro código a tu sitio, usa Bloques de código.
• Puedes usar el bloque de inserción para mostrar videos con configuración de pantalla avanzada, reproducción automática habilitada o que estén alojados con Wistia, Animoto u otros hosts. Para la mayoría de los videos de YouTube y Vimeo, usa el bloque de video en su lugar. Para informarte mejor, visita Elegir la opción correcta para insertar videos.
• Para la mayoría de los servicios de video, puedes editar el código integrado para habilitar la reproducción automática. Para obtener más información, visita Reproducción automática de videos.
• Para obtener más información sobre el uso de un bloque de inserción para mostrar un feed de publicaciones de X en tu sitio, visita Usar X con Squarespace.

Agregar un video a un bloque de inserción

Para agregar un video a un bloque de inserción:

1. Encuentra el código de inserción del video. La mayoría de los servicios de video tienen un botón Compartir o Insertar al lado. Haz clic en Compartir o en Insertar y luego copia el código de inserción proporcionado.
2. En tu sitio de Squarespace, edita una página o publicación, haz clic en un punto de inserción y haz clic en Insertar. Para obtener ayuda, visita Cómo agregar contenido con bloques.
3. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
4. Haz clic en Fragmento de código en una computadora de escritorio (o en Código en la aplicación de Squarespace) y pega el código de inserción del video manualmente en el campo de texto.
5. Agrega una descripción para mostrar texto debajo del video o carga una imagen destacada personalizada que se muestre hasta que el visitante haga clic para reproducirla. Ten en cuenta que agregar una imagen destacada personalizada desactiva la reproducción automática.

Nota: Si el código de inserción no funciona, es posible que el host de video que usas no use el estándar oEmbed. Para este tipo de servicios, recomendamos colocar el código de inserción en un bloque de código.

Agregar una lista de reproducción de video

Si creas listas de reproducción en tu canal de YouTube, puedes agregar los videos de la lista de reproducción a tu bloque de inserción. De esta manera, los videos se reproducen automáticamente, uno tras otro.

Para agregar una lista de reproducción:

1. En tu cuenta de YouTube, haz clic en la pestaña Listas de reproducción.
2. Busca la lista de reproducción que deseas agregar y haz clic en Ver lista de reproducción completa.
3. Haz clic en el ícono de compartir y luego en Insertar, y copia el código.
4. En tu sitio de Squarespace, abre el editor de bloques, haz clic en Fragmento de código y luego pega el código.

Agregar otro contenido a un bloque de inserción

Para agregar otro contenido a un bloque de inserción:

1. Edita una página o una publicación, haz clic en Agregar bloque o en un punto de inserción y, a continuación, haz clic en Insertar. Para obtener ayuda, visita Agregar contenido con bloques.
2. Para abrir el editor de bloques, presiona el ícono del lápiz o Editar en el bloque.
3. Ingresa la URL del elemento que estás insertando. Necesitarás una URL de un sitio que utilice el estándar Oembed.
4. Si el contenido no aparece, haz clic en Fragmento de código en el editor de bloques de una computadora de escritorio (o en Código en la aplicación de Squarespace) y pega manualmente un código insertado en el campo de texto.

Nota: Los campos personalizados de imagen destacada y descripción son para inserciones de video. Si agregas una imagen destacada personalizada a otro contenido insertado, tu contenido no se mostrará.

Solución de problemas

En esta sección, se tratan los problemas específicos del bloque de inserción. Para solucionar los problemas de los videos insertados, consulta Agregar videos a tu sitio.

Mensaje de error: Ingresa una URL o código para insertar válidos.

Este mensaje aparece si se produce algún error con la URL o el código insertados. Para solucionar el problema:

1. Abre el bloque de inserción.
2. Agrega una URL o un código para insertar válidos.
3. Cuando se inserta una URL o código válidos, aparecerá el mensaje "Ubicado correctamente" abajo.

Si tu código para insertar sigue sin funcionar, te recomendamos comunicarte con el servicio de terceros que te proveyó el código para pedirles asistencia.

No aparece el contenido insertado

Como medida de seguridad, en ocasiones, el código o el contenido insertados no aparecen cuando has iniciado sesión. Si el código es válido, los que visitan el sitio deberían verlo. Para verificar que los que visitan el sitio pueden verlo, intenta cerrar la sesión en tu sitio y visitarlo o abrirlo en una ventana de incógnito.

Si aún no puedes verlo, probablemente haya algún problema con el código. Te recomendamos comunicarte con el servicio de terceros que proporcionó el código para solicitar asistencia.

Nota: Las personalizaciones basadas en código están fuera del alcance de nuestro soporte. Esto significa que no podemos ayudarte más con la configuración o la solución de problemas. Además, con una solución basada en un código, no podemos garantizar su funcionamiento o la compatibilidad total con Squarespace. Esto incluye cómo funciona con nuestro diseño adaptable, en especial su aspecto en dispositivos móviles y sus funciones en todas las plantillas. Las personalizaciones basadas en código también pueden causar problemas de visualización, con futuras actualizaciones a nuestra plataforma. Aunque no podemos ayudarte más, hay muchos recursos que te pueden orientar en la dirección correcta:

• Infórmate sobre las mejores prácticas para agregar código personalizado.
• Lee nuestra guía general sobre las personalizaciones de basadas en código.
• Visita Squarespace Forum, nuestro foro para clientes y desarrolladores.
• Contrata a un Squarespace Expert para ayudar a crear código personalizado para tu sitio.