> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.sutori.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# ¿Cómo incrusto una historia de Sutori en Weebly?

Por favor, siga esta guía para integrar su Sutori en el sitio web de Weebly.

### Primer paso - Copiar el código de incrustación

Primero tienes que hacer pública la historia. Haz clic en "Compartir" en la parte superior derecha de la historia bajo el banner y luego en la pestaña "Incrustar". Haga pública la historia y luego copie el código de incrustación.

![](https://storage.crisp.chat/users/helpdesk/website/daed1b27dc6e3000/codigo-de-insercion_17ob9oh.png)

### Paso dos - Editar el código de incrustación

Ahora dirígete a tu sitio web de Weebly. Mientras editas la página web, verás la opción a la izquierda de la pantalla de añadir "Incrustar Código". Haga clic allí y colóquelo en su sitio web de Weebly:

![](https://storage.crisp.chat/users/helpdesk/website/8871323e-06fa-4499-9e2e-fc953d1c2fd9/4890f4b4-dcb0-452e-8ecc-183e8300b7b0.png)

A continuación, tendrás que editar el código de incrustación de Sutori como se muestra en la siguiente captura de pantalla. Quita las etiquetas </script></s> y mantén sólo la sección *<iframe></iframe>*.

![](https://storage.crisp.chat/users/helpdesk/website/8871323e-06fa-4499-9e2e-fc953d1c2fd9/3368e7ca-c3b6-4049-91f9-34a5be0e9e96.png)

Por ejemplo:
```
<script src="https://d1ox703z8b11rg.cloudfront.net/assets/iframeResizer.js"></script><iframe src="https://www.sutori.com/story/explorer-report-3c48/embed" width="100%" height="600" frameborder="0" allowfullscreen></iframe><script src="https://d1ox703z8b11rg.cloudfront.net/assets/iframeResizer.executer.js"></script>
```

Cambios en este código:
```
<iframe src="https://www.sutori.com/story/explorer-report-3c48/embed" width="100%" height="600" frameborder="0" allowfullscreen></iframe>
```

### Paso Tres - Publica y verás los resultados!

Este es un paso importante, ya que la historia no se mostrará correctamente hasta que haya hecho clic en "Publicar". Entonces verás el resultado final:

![](https://storage.crisp.chat/users/helpdesk/website/8871323e-06fa-4499-9e2e-fc953d1c2fd9/830dd299-63c7-42bf-97d9-60dc7768c625.png)

${youtube}[Guía de instrucciones: incrustar un Sutori en Weebly (en inglés).](KGM2bQQeiXs)