Amplía la funcionalidad de tu sitio añadiendo HTML personalizado y enlaces de navegación. Aprende a continuación cómo añadir código personalizado a todo el sitio o a páginas específicas, y cómo configurar menús de navegación estructurados.
Amplía la funcionalidad del sitio añadiendo HTML y scripts personalizados. Usa este widget para integrar funciones de terceros, como vídeos, formularios o calendarios.
Consejo:
Añade código únicamente de fuentes confiables. Revisa y prueba siempre el código personalizado antes de publicarlo y crea una copia de seguridad de tu sitio web primero.
Para obtener un control avanzado, consulta modo de desarrollador.
Limitaciones
- Guesty no puede solucionar problemas de código personalizado.
- Utiliza HTTPS para todos los recursos externos o no se cargarán.
- No anules ni reinicies jQuery.
Dónde agregar código personalizado
Tienes dos opciones principales para agregar código personalizado:
Opción 1: Agregar código para todo el sitio
Aplica código globalmente en todas las páginas agregándolo a la etiqueta del encabezado <head> del sitio o antes de la etiqueta de cierre <body>.
- En el panel lateral, haz clic en SEO y Ajustes.
- Haz clic en Encabezado HTML.
- HTML del encabezado: Agrega contenido a
<head>. Usa este campo para scripts globales, estilos, metaetiquetas o código de verificación que deben aparecer en el encabezado de todas las páginas. - HTML final del cuerpo: agrega HTML o JavaScript personalizado justo antes del elemento de cierre
</body>en cada página.
- HTML del encabezado: Agrega contenido a
- Pega tu código.
- Haz clic en Guardar.
Consejo:
Coloca el código que carga recursos (como CSS o scripts generales) en la sección del encabezado. Usa la sección del cuerpo para widgets o códigos de estadísticas que deben cargarse después del contenido de la página.
Para obtener más detalles, consulta la guía de códigos personalizados de Duda.
Opción 2: Agregar código por página (encabezado de página única)
Agrega código al encabezado de una página individual para scripts o estilos que solo deberían afectar a esa página.
""- En el panel lateral, haga clic en Páginas.
- Localice la página a la que desea agregar el código y haga clic
. - Haga clic en Editar página SEO.
- Desplácese hacia abajo hasta el encabezado HTML.
- Pegue su código en el campo y haga clic en Guardar.
Esto agrega código al <head> de la página seleccionada únicamente.
- Haga clic en el widget HTML y seleccione la pestaña Contenido.
- Pegue su HTML personalizado en el cuadro de texto.
- Haga clic en Actualizar para guardar.
Agregar datos conectados al widget HTML
Escala tu sitio insertando campos dinámicos de una colección en el widget HTML. Esto te permite mostrar contenido personalizado, como podcasts exclusivos de SoundCloud o calendarios externos, para cada elemento de una colección.
Más información sobre los datos conectados.
Haga clic en el widget HTML y seleccione la pestaña Diseño para ajustar el diseño, el estilo o el espaciado del widget.