Última actualización: octubre 19, 2020
Encuentra respuestas a preguntas comunes sobre el diseño de páginas, la publicación de páginas y las analíticas de página. La mejor manera de hacer un cambio en tu hoja de estilo o plantilla de HubSpot es con el diseñador de plantillas original.
Nota: si estás usando una plantilla comprada desde el Mercado de Activos, ponte en contacto con el diseñador de la plantilla para preguntas sobre el diseño de tu página.
Diseño de la página
- ¿Cómo puedo obtener ayuda con las preguntas de diseño?
- ¿Por qué mi página no responde a los dispositivos móviles?
- ¿Cómo puedo crear una imagen de fondo de un héroe?
- ¿Cómo controlo los colores y las fuentes de mi menú de navegación?
- ¿Cómo edito mi plantilla de página?
- ¿Puedo hacer ediciones en el código fuente de mi página?
- ¿Cómo puedo incrustar un archivo de video o audio en mi página?
- ¿Cómo puedo cambiar el color de fondo para una página?
- ¿Cómo puedo flotar imágenes para un efecto de ajuste de texto?
Si estás familiarizado con leer y escribir HTML y CSS:
- Consulta la Documentación de referencia del CMS para tutoriales, guías y un resumen del marco del CMS.
- Busca y publica en el Foro de desarrollo del CMS en la Comunidad para obtener consejos, sugerencias o solución de problemas de tu código.
- Conéctate con el equipo de productos de HubSpot y otros desarrolladores que trabajan en HubSpot en el CMS Developer Community Slack.
Si no estás cómodo con leer y escribir HTML y CSS:
- Conecta con un Partner de HubSpot certificado con experiencia en el diseño de sitios web para ayudarte a personalizar tus plantillas.
- Usa una plantilla de starter o una plantilla de tema para editar estilos de página sin tocar ningún código.
- Si estás usando una plantilla comprada en el Mercado de activos, ponte en contacto con el diseñador de la plantilla para preguntar sobre el diseño de tu página.
¿Por qué mi página no responde a los dispositivos móviles?
El contenido adaptable no será idéntico en cada tipo de dispositivo. Si bien todas las plantillas de arrastrar y soltar de HubSpot son adaptables por opción predeterminada, hay varias razones por las que tu contenido puede no parecer adaptable. Descubre cómo obtener una vista preliminar de tu contenido en un dispositivo móvil.
- La imagen se corta: una imagen adaptable cambiará de tamaño para adaptarse al tamaño de la pantalla en la que se está viendo. Esto significa que puede recortarse de manera diferente para adaptarse a un tipo de dispositivo más pequeño. Esto evita que se estire o se distorsione la imagen.
- El texto no cambia de tamaño: si has agregado texto a una imagen en una herramienta de edición de fotos, como Photoshop, ese texto no se cambiará de tamaño por separado. Para garantizar que el texto superpuesto seaadaptable, agrega la imagen de fondo como una sección, fila o imagen de fondo de columna e incluye un módulo de texto enriquecido o un módulo de encabezado para tu texto.
- La tabla no es adaptable: las reglas establecidas en tablas sobre el tamaño exacto que estos elementos deberían estar en la página. Para obtener mejores resultados, usa las columnas de arrastrar y soltar para definir la estructura de tu página en lugar de una tabla.
¿Cómo puedo crear una imagen de fondo de un héroe?
La mejor manera de crear una imagen de héroe depende del tipo de plantilla de página que estás usando.
- Si quieres crear una página de sitio web con una imagen de fondo de un héroe, con las cuentas de CMS Hub Pro y Enterprise pueden usar una plantilla de tema que incluya una imagen de un héroe en el diseño. Las plantillas de temas también admiten la edición de arrastrar y soltar, donde puedes seleccionar una imagen de fondo para una sección completa de tu página.
Los elementos de menú y enlaces para tu menú de navegación están controlados en tu configuración de navegación en la configuración de tu cuenta. Sin embargo, tu diseño de menú se basa en la plantilla de tu página. Los colores, las fuentes y la apariencia general de los menús son controlados por los estilos aplicados a tu plantilla de página.
- Si estás usando una plantilla de diseño creada en la herramienta Administrador de diseño, el CSS en las hojas de estilo adjuntas a tu plantilla.
- Si usas una plantilla de tema, el diseño de tu menú de navegación está controlado por la configuración de tu tema.
¿Cómo centro una CTA?
Los pasos para centrar una CTA (llamada a la acción) dependen del tipo de plantilla que estás usando.
Para centrar una CTA en una plantilla de starter, una plantilla de tema o una plantilla codificada con un área de arrastrar y soltar, puedes centrar un módulo de CTA dentro de la configuración de alineación del módulo:
- En el editor de páginas, haz clic en tu CTA para seleccionarla.
- En el panel izquierdo, haz clic en la pestaña Estilos.
- Haz clic en Alineación y espaciado para expandir esas opciones.
- En la sección Alineación, haz clic en el ícono de alineacion central.
Al centrar una CTA en una plantilla de diseño creada en el administrador de diseño, obtendrás mejores resultados agregando la CTA a un módulo de texto enriquecido y centrando la plantilla dentro del módulo.
- En el editor de páginas, haz clic en cualquier módulo de texto enriquecido para seleccionarlo.
- En la barra de navegación superior, haz clic en Insertar > Llamada a la acción.
- Haz clic en la CTA para seleccionarla y luego haz clic en Insertar.
- En tu módulo de texto enriquecido, haz clic en la CTA para activar el cuadro de diálogo Opciones de CTA.
- En la sección Diseño, haz clic en el ícono de alineacion central. Esto centrará tu CTA en el módulo de texto enriquecido en tu página.
Si te sientes cómodo editando CSS, puedes personalizar tu plantilla de diseño para centrar siempre el contenido en este módulo.
¿Cómo edito mi plantilla de página?
Para editar la plantilla de tu página, puedes acceder a la plantilla dentro de la pestaña Configuración en el editor de páginas.
Nota: si estás cambiando la plantilla aplicada a una página existente, solo podrás seleccionar plantillas del mismo tipo que la plantilla actual. Si la página está usando el editor de arrastrar y soltar, solo puedes cambiar a una plantilla que esté activada para editar y soltar.
- En tu cuenta de HubSpot, navega a páginas de destino, páginas de sitio web, blog o correo electrónico.
- En el panel, coloca el cursor sobre la página, publicación o correo electrónico que deseas editar y luego haz clic en Editar.
- Haz clic en la pestaña Configuración en la parte superior del editor de contenido y luego desplázate hacia abajo y haz clic en Opciones avanzadas.
- Para editar la plantilla, en la sección Plantilla, haz clic en Editar esta plantilla.
Si prefieres cambiar la plantilla que se usa para esta página, haz clic en Usar diferentes plantillas.
¿Puedo hacer ediciones en el código fuente de mi página?
Los módulos de texto enriquecido admiten acceso al código fuente en la mayoría de los tipos de plantillas. Para acceder al código fuente, haz clic en cualquier módulo de texto enriquecido para activar la barra de herramientas del editor. En la parte superior derecha, haz clic en Avanzado > Código fuente. Haz cambios, luego haz clic en Guardar cambios en la esquina inferior izquierda.
Nota: no es posible acceder al código fuente en plantillas starter.
¿Cómo puedo flotar imágenes para un efecto de ajuste de texto?
Puedes flotar una imagen en cualquier módulo de texto enriquecido con las opciones de alineación para cualquier imagen. Primero inserta la imagen que deseas colocar en la página. Luego haz clic en la imagen en el editor de contenido para abrir las opciones de formato.
¿Cómo puedo incrustar un archivo de video o audio en mi página?
- Puedes incrustar una URL de video desde un proveedor compatible en todos los tipos de plantillas de página.
- Con HubSpot video, con Vidyard, Marketing Hub Pro y Enterprise y CMS Hub Pro y Enterprise pueden agregar contenido de video en un módulo de texto enriquecido y monitorizar las analíticas de video en HubSpot. Esta característica no está disponible en plantillas de starter.
- También hay una integración de Vidyard disponible para HubSpot.
¿Cómo puedo cambiar el color de fondo para una página?
Las plantillas de Starter, las plantillas de temas y las plantillas codificadas con un área de arrastrar y soltar incluyen secciones de página con opciones de estilo de fondo. Descubre cómo editar el estilo aplicado al fondo de una sección.
Para plantillas de diseño, el color de fondo de una página individual puede cambiarse agregando CSS simple al HTML del encabezado de una página web o página de destino.
- En tu cuenta de HubSpot, navega a las páginas de destino o páginas del sitio web. Coloca el cursor sobre la página que te gustaría personalizar y haz clic en Editar.
- Haz clic en la pestaña Configuración y luego desplázate hacia abajo y haz clic en Opciones avanzadas.
- Agrega el siguiente código en la sección HTML del encabezado. Reemplaza el color rojo con el color de tu elección, ya sea usando el nombre o el valor hexadecimal HTML.
<style>
body {
background-color: red;
}
</style>Nota: si no estás familiarizado con la edición de CSS, ponte en contacto con el diseñador original de tu plantilla o recibe consejos en el Foro de desarrollo del CMS.
Publicación de página
- ¿Puedo restaurar versiones anteriores de mi página de destino o página del sitio web?
- ¿Puedo usar personalización en mi página?
- ¿Cómo puedo enlazar a un archivo PDF después de que un visitante envíe un formulario en mi página de destino?
- ¿Cómo configuro una fecha de vencimiento y una hora para una página?
- ¿Por qué no se publica mi página?
- ¿Puedo asociar una página con más de una campaña?
- ¿Puedo recuperar una página eliminada?
¿Puedo restaurar versiones anteriores de mi página?
Puedes revisar las versiones guardadas de tu página usando la herramienta revisiones de página. A medida que trabajas en el borrador de una página, tus cambios se guardarán cada vez que hagas clic en el botón Guardar en la esquina superior derecha. Después de que tu página se publique, cualquier nueva versión publicada también se guardará en el historial de revisiones.
¿Puedo usar personalización en mi página?
Puedes personalizar tus páginas con cualquier propiedad de contacto o propiedad personalizada. Cuando agregues una ficha de personalización, asegúrate de incluir un valor predeterminado para cualquier visitante nuevo. Para que las fichas de personalización muestren un valor para un contacto, el contacto debe tener un registro de contacto en tu cuenta de HubSpot y tener un valor conocido para la propiedad utilizada como ficha.
¿Cómo puedo enlazar a un archivo PDF después de que un visitante envíe un formulario en mi página de destino?
Puedes redirigir a los visitantes a contenido (por ejemplo, un archivo PDF o un video) después de enviar tu formulario de HubSpot en dos maneras:
- Redirigir al visitante directamente al contenido o URL del archivo
- Redirigir al visitante a una página de agradecimiento con el contenido¿Cómo configuro una fecha de vencimiento y una hora para una página?
Puedes caducar una página y redirigir a los visitantes a una nueva URL después de que tu promoción termine o haya pasado la fecha de evento. En la pestaña Configuración del editor de páginas, haz clic en el menú desplegable Cuando una página expira redirigir a los visitantes a para seleccionar dónde debería redireccionar esta página después de que expire. Selecciona una de tus páginas de HubSpot publicadas o haz clic en + Ingresa una URL externa para redirigir tu página de HubSpot a una página externa.
¿Por qué mi página no se publica?
Las páginas y publicaciones de blog de HubSpot requieren un valor en el nombre de la página interna, el título de la página y los campos url de la página antes de que la opción Publicar aparezca en la interfaz de edición. Cualquier contenido que publiques también debe tener una URL única.
Si a tu página le faltan unos campos obligatorios, verás una alerta con una lista de campos obligatorios cuando colocas el cursor sobre el botón Publicar en la esquina superior derecha.
¿Puedo asociar una página de destino con más de una campaña?
Cada página de destino individual y página de sitio web solo se pueden asociar con una campaña en HubSpot. Agregar materiales o contenido que ya están asociados con otra campaña a una nueva campaña los eliminarán de sus campañas actuales.
¿Puedo recuperar una página eliminada?
En este momento, no hay manera de recuperar las páginas de HubSpot eliminadas en la aplicación. Si accidentalmente eliminaste una página de HubSpot que necesitas restaurar, ponte en contacto con Asistencia técnica.
Analíticas de páginas
- ¿Con qué frecuencia se actualizan los datos en el panel de la página de destino?
- Si cambio la URL de mi página de destino, ¿se eliminarán las analíticas de esa página de destino?
- ¿Cómo veo las analíticas para un período específico?
- ¿Cuál es la diferencia entre Envíos y Contactos nuevos?
- Si un contacto envía varios formularios y se convierte en cliente, ¿contará como cliente para ambas páginas de destino?
- Si veo y envío mi propia página de destino, ¿mi prueba también contará?
- ¿Por qué los envíos de formularios recientes no aparecen de inmediato en las analíticas de mi página de destino?
- ¿Cómo se manejan los envíos de formulario duplicados?
¿Con qué frecuencia se actualizan los datos en el panel de la página de destino?
Las analíticas y métricas del panel de la página y las herramientas de analíticas de sitio web se actualizarán cada 20 a 30 minutos.
Si cambio la URL de mi página de destino, ¿se eliminarán las analíticas de esa página de destino?
Los datos no desaparecerán del panel de la página de destino si cambias la URL de una página. HubSpot utiliza un número de identificación único para cada una de tus páginas para hacer seguimiento a su desempeño. Esto permite que la URL de una página se pueda cambiar sin afectar tus datos.
Nota: a diferencia del panel de la página de destino, el informe de páginas considera las páginas basadas en la URL. Si cambias la URL de una página de destino, la herramienta páginas comenzará a hacer seguimiento a las visitas a la página en la nueva URL, en lugar de la URL antigua.
¿Cómo veo analíticas para un período específico?
Para ver las analíticas de una página para un período específico, navega a tus páginas de destino o páginas de sitio web. Coloca el cursor sobre tu página, haz clic en el menú desplegable Más y selecciona Detalles.
En la pestaña Rendimiento, haz clic en el menú desplegable Intervalo de fechas para segmentar analíticas para un intervalo de fechas personalizado.
¿Cuál es la diferencia entre Envíos y Contactos nuevos?
- El número de envíos indica el número de veces que se envió un formulario de la página.
- El número de contactos nuevos indica el número de visitantes que se convirtieron en un contacto enviando el formulario de la página. Por ejemplo, si uno de tus contactos existentes envía un formulario en tu página de destino, no se considera un nuevo contacto.
Si un contacto envía varios formularios y se convierte en cliente, ¿contará como cliente para todas esas páginas de destino?
El contacto solo se verá reflejado como un cliente en las analíticas para la primera página de destino que envió. Se contarán los envíos en las 5 páginas de destino, pero el contacto solo aparecerá en las secciones Nuevos contactos y Clientes en la primera página de destino que completó.
Si veo y envío mi propia página de destino, ¿mi prueba también contará?
Si tu dirección IP está filtrada de analíticas, en la configuración de tus informes, tus vistas de prueba y los envíos no se contarán para los datos de envío de la página.
¿Por qué los envíos de formularios recientes no aparecen de inmediato en las analíticas de mi página de destino?
Puede ocurrir una demora de 20 a 30 minutos entre el momento en el que un contacto envía un formulario y el momento en el que ese envío aparece en las analíticas de una página de destino. Para ver los envíos más actualizados en un formulario, navega al panel de formularios. En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > Formularios. Coloca el cursor sobre el formulario en tu página de destino y haz clic en el menú desplegable Acciones y luego selecciona Ver envíos.
¿Cómo se manejan los envíos de formulario duplicados?
Cada envío de formulario se contará en el total de envíos en tu rendimiento de página. Si el mismo contacto envía el formulario en tu página de destino más de una vez, se contará cada uno de esos envíos.