Expanda las capacidades del creador de sitios web con HTML personalizado. Este le permite insertar un código personalizado en su sitio y se puede usar para insertar s 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 obtener más información sobre el uso de HTML en el modo de desarrollador, consulte Modo de desarrollador.
Para añadir el :
- En el panel izquierdo, haga clic en Widgets.
- Haga clic y arrastre el HTML a su sitio.
Para obtener más información sobre cómo agregar s a su sitio, consulte Agregar widgets.
Editor de contenido
Para acceder al editor de contenido, haga clic con el botón derecho en el y haga clic en Editar contenido.
El 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 y haga clic en Editar diseño.
Para obtener información sobre las opciones de diseño que no son específicas de este (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.
- **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 . 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 HTML y en sus páginas dinámicas. Esto es útil cuando quiere incluir un 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 HTML. Para obtener más información, consulte Datos conectados.
Esta función solo está disponible en un plan Team o superior.
Para agregar los datos conectados:
- Haga clic con el botón 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 de la URL que guardó en el paso 2 en el campo de Párrafo de sección.
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.
- 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.
Una vez que su HTML se conecta con éxito a los datos de la Biblioteca de contenidos, se marca con un ícono azul de Datos conectados (
).
Para ver un video sobre cómo insertar campos de una colección en el HTML, consulte: