---
title: "Inserta tu widget en tu sitio web"
description: "Cómo copiar el código de tu widget e insertarlo en tu sitio web."
---

Tu widget ya está listo, así que vamos a ponerlo en tu sitio web. El widget funciona en cualquier sitio web que admita una inserción HTML, desde WordPress y Shopify hasta Google Sites, y se publica en unos dos minutos.

## Copia y pega el código de tu widget

:::steps
1. Ve a '**Widgets**' y haz clic en el widget que quieres insertar. En el editor del widget, haz clic en '**Insertar**' en la barra lateral izquierda y después en '**Copiar código**'.
![El panel Insertar widget en la pestaña Inicio con el código JavaScript y el botón Copiar código](https://embedsocial.com/images/docs/embed-code/1-copy-the-javascript-code.jpg)
2. Ve a tu creador de sitios web y pega el código en la página que quieras, en el lugar donde quieres que aparezca el widget. La mayoría de los creadores tienen un bloque de HTML personalizado o de código de inserción para esto.
3. Publica la página y ábrela para comprobar que el widget se muestra.
:::

¡Listo! Una vez insertado el widget, mostrará tu contenido en tu sitio web.

## Elige el tipo de código que necesita tu sitio

'**JavaScript**' es el predeterminado y la opción correcta en casi todos los casos. Si tu creador de sitios elimina los scripts, cambia el desplegable '**Seleccionar tipo de código**' a '**iFrame**'. Usa '**URL**' donde solo puedas colocar un enlace, y el '**shortcode de WordPress**' en WordPress.

![El desplegable Seleccionar tipo de código abierto con JavaScript, iFrame, URL y shortcode de WordPress como opciones](https://embedsocial.com/images/docs/embed-code/2-select-code-type.jpg)

Para saber qué hace cada formato y conocer las opciones de carga diferida y SPA, consulta la guía completa [Código de inserción](/docs/widgets/embed-code/).

## Guías para los creadores de sitios web más populares

Cada creador tiene una forma ligeramente distinta de pegar código personalizado. Aquí tienes guías paso a paso para las plataformas más populares:

-   [Insertar en WordPress](/docs/integrations/wordpress/)

-   [Insertar en Shopify](/docs/integrations/shopify/)

-   [Insertar en Squarespace](/docs/integrations/squarespace/)

-   [Insertar en Wix](/docs/integrations/wix/)

-   [Insertar en Webflow](/docs/integrations/webflow/)

-   [Insertar en Google Sites](/docs/integrations/google-sites/)

-   [Insertar en Elementor](/docs/integrations/elementor/)

Encontrarás guías para muchas más plataformas en la [sección de Integraciones](/docs/integrations/).

## Bueno saberlo: las actualizaciones son automáticas

Una vez insertado el widget, no vuelves a tocar el código nunca más. Las publicaciones y reseñas nuevas se sincronizan automáticamente, y cualquier cambio de diseño que hagas en el editor se publica solo en tu sitio web.

## Preguntas frecuentes

**Q: ¿Tengo que volver a insertar el widget cada vez que hago un cambio?**

No. Los cambios que guardas en el editor del widget se aplican automáticamente en tu sitio web.

**Q: Mi sitio web no permite código JavaScript. ¿Hay alguna alternativa?**

Sí. Abre el widget, haz clic en '**Insertar**' y elige '**iFrame**' en el desplegable '**Seleccionar tipo de código**' para copiar una versión en iframe. Ten en cuenta que algunas funciones, como el modo Lightbox, estarán limitadas con el código iFrame.

**Q: ¿Cómo inserto un feed de Instagram en Google Sites?**

Copia el código del widget como se explica más arriba y, en Google Sites, abre la pestaña '**Insertar**', elige '**Insertar**', haz clic en '**Código de inserción**' en el cuadro de diálogo, pega el código y haz clic en '**Siguiente**'. Después haz clic en '**Insertar**' para colocar el widget en la página. La [guía de Google Sites](/docs/integrations/google-sites/) tiene el tutorial completo con capturas de pantalla.

**Q: ¿En cuántos sitios web puedo insertar el widget?**

Depende de tu plan. [Consulta los detalles aquí](/docs/billing/limits/).

**Q: El widget no aparece en mi página. ¿Qué puedo hacer?**

Consulta la [sección de Solución de problemas](/docs/troubleshooting/) para ver las causas más habituales o escríbenos por el chat en vivo.

## Qué sigue

Tu widget ya está publicado. Descubre cómo funcionan los planes y los límites: [Planes y qué incluyen](/docs/billing/plans/).

> Si tienes alguna pregunta, haz clic en el icono de chat de la esquina inferior derecha para hablar con nuestro equipo de atención al cliente o escríbenos a [support@embedsocial.com](mailto:support@embedsocial.com). Estamos aquí para ayudarte 🙏