Amplía las capacidades de los sitios web de Guesty con HTML personalizado. Este widget te permite incrustar código personalizado en tu sitio y puede usarse para integrar widgets de terceros como videos, formularios de contacto y más.
Aunque agregar código personalizado puede ampliar la funcionalidad de tu sitio, te recomendamos que solo agregues código de una fuente confiable. Solo agrega código si sabes exactamente qué hace y cómo solucionarlo si no funciona.
Para más información sobre el uso de HTML en el modo de desarrollador, consulte Modo de desarrollador.
Para agregar el widget:
- Inicie sesión en su cuenta de Guesty.
- En la barra de navegación superior, haga clic en el selector de modo y seleccione Modo de crecimiento.
- Haga clic en Distribución.
- Haga clic en la miniatura de Sitios web de Guesty.
- A la derecha del sitio web correspondiente, haga clic en Editar.
- En el panel izquierdo, haga clic en Widgets.
- Haga clic y arrastre el widget HTML a su sitio.
Para más información sobre cómo agregar widgets a su sitio, consulte Agregar widgets.
Editor de contenido
Para acceder al editor de contenido, haga clic derecho en el widget y haga clic en Editar contenido.
El widget HTML te permite añadir HTML personalizado. Simplemente pega o escribe tu HTML en el cuadro de texto.
Editor de diseño
Para acceder al editor de diseño, haga clic derecho en el widget y haga clic en Editar diseño.
Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.
Importante:
- **¡No podemos solucionar problemas de código personalizado!**
- Los scripts del lado del servidor (por ejemplo, PHP y ASP) no tendrán efecto en este widget. Recomendamos usar únicamente scripts del lado del cliente (JavaScript, HTML).
- Le recomendamos crear una copia de seguridad de su sitio antes de agregarle código personalizado para que pueda volver a cargar una versión anterior si algo sale mal.
- Nuestro editor utiliza HTTPS, por lo que si su script carga un archivo externo que no sea HTTPS, no funcionará.
- Nuestro sistema utiliza jQuery 3.0 para funcionar, por lo que implementar una nueva versión de la biblioteca jQuery generalmente provocará que nuestro editor deje de funcionar. Por esta razón, recomendamos que cualquier código personalizado que agregue utilice las funciones de jQuery 3.0 y no intente reinicializar la biblioteca.
- Mientras la Navegación Rápida esté activada, es posible que los eventos de carga no se condicionen correctamente. Si su script los usa, desactive la Navegación Rápida como primer paso para solucionar el problema.
Agregar datos conectados
Puedes insertar campos de una colección o de la Biblioteca de Contenido en el widget HTML y usarlo en tus páginas dinámicas. Esto resulta útil si quieres incluir un widget HTML en tus páginas dinámicas sin tener que almacenar todo el código HTML en la colección. En su lugar, solo se recopilan los datos únicos o el ID.
Por ejemplo, si deseas incrustar un elemento en tu página dinámica (un podcast de SoundCloud, un calendario externo o cualquier código personalizado) y deseas que sea diferente en cada página dinámica, puedes almacenar el ID en tu colección e incrustar el código en el widget HTML. Para más información, consulte Datos conectados.
Para agregar datos conectados:
- Inicie sesión en su cuenta de Guesty.
- En la barra de navegación superior, haga clic en el selector de modo y seleccione Modo de crecimiento.
- Haga clic en Distribución.
- Haga clic en la miniatura de Sitios web de Guesty.
- A la derecha del sitio web correspondiente, haga clic en Editar.
- Haga clic derecho en el widget HTML y seleccione Editar contenido.
Pegue su código HTML en el campo, luego elimine el slug de la URL (final de la URL) del código y guárdelo para más tarde.
Haga clic en Actualizar.
En la barra superior, haga clic en Editar fila.
Pegue el slug URL que guardó en el paso 2 en el campo Párrafo de sección.
Haga clic derecho en su widget HTML para abrir el menú contextual y haga clic en Editar contenido.
- Haga clic en Conectar y luego seleccione el campo de datos al que desea conectar el widget.
Haga clic en Copiar al portapapeles y luego pegue el contenido copiado en la sección de código donde estaba el slug de la URL antes de eliminarlo en el paso 2.
- Haga clic en Actualizar.