Widget HTML

Expanda las capacidades del creador de sitios web con HTML personalizado. Este widget le permite insertar un código personalizado en su sitio y se puede usar para insertar widgets de terceros, como videos, formularios de contacto y más.

Si bien agregar códigos personalizados puede extender la funcionalidad de su sitio, recomendamos que solo agregue códigos de una fuente confiable. Agregue códigos solo si sabe exactamente qué hacen y cómo resolver problemas si algo no funciona.

Para agregar el widget:

  1. En el panel izquierdo, haga clic en Widgets.
  2. Haga clic y arrastre el widget HTML a su sitio.

Para obtener 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 con el botón derecho en el widget y haga clic en Editar contenido.

El widget HTML le ofrece un espacio para que agregue un HTML personalizado. Solo pegue o escriba su HTML en el cuadro de texto proporcionado.

Editor de diseño

Para acceder al editor de diseño, haga clic con el botón 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.

Advertencia
  • **No podemos resolver problemas relacionados con códigos personalizados**
  • Los scripts del lado del servidor (PHP y ASP, por ejemplo) no tendrán efecto alguno en este widget. Recomendamos utilizar solamente scripts del lado del cliente (Javascript, HTML).
  • Recomendamos crear una copia de seguridad de su sitio antes de agregarle códigos personalizados, de manera que pueda volver a cargar una versión anterior si algo sale mal.
  • Nuestro editor usa HTTPS, por lo que, si su script carga un archivo externo no https, este no funcionará.
  • Nuestro sistema usa jQuery 3.0 para funcionar, por lo que implementar una nueva versión de la biblioteca jQuery generalmente hará que nuestro editor deje de funcionar. Por este motivo, recomendamos que cualquier código personalizado que agregue use las funciones de jQuery 3.0 y no intente reiniciar la biblioteca.
  • Mientras la Navegación rápida está activada, los eventos onload podrían no condicionarse correctamente. Si su script los usa, desactive la navegación rápida como un primer paso para solucionar problemas.

Agregar datos conectados

Puede insertar campos de una colección o desde la biblioteca de contenido en el widget HTML y usarlo en sus páginas dinámicas. Esto es útil cuando quiere incluir un widget HTML en sus páginas dinámicas sin tener que almacenar todo el código HTML en la colección. En cambio, solo el dato o ID único se almacena en la colección.

Por ejemplo, si quiere incrustar un elemento en su página dinámica -un podcast de SoundCloud, un calendario externo o cualquier código personalizado- y quiere que sea diferente en cada página dinámica, puede almacenar el ID en su colección e incrustar el código en el widget HTML. Para obtener más información, consulte Datos conectados.

Para agregar los datos conectados:

  1. Haga clic con el botón derecho en el widget HTML y seleccione Editar contenido.
  2. 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.

  3. Haga clic en Actualizar.

  4. En la barra superior, haga clic en Editar fila.

  5. Pegue el slug de la URL que guardó en el paso 2 en el campo de Párrafo de sección.

  6. Haga clic con el botón derecho del ratón en su widget HTML para abrir el menú contextual y haga clic en Editar contenido.

  7. Haga clic en Conectar y luego seleccione el campo de datos al que desea conectar el widget.
  8. 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.

  9. Haga clic en Actualizar.

Una vez que su widget HTML se conecta con éxito a los datos de la Biblioteca de contenidos, se marca con un ícono azul de Datos conectados ().