Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Website Pages

Crear y publicar una página

Última actualización: octubre 12, 2021

Requisitos

Todos los productos y planes

Descubre cómo crear una nueva página, optimizarla para los motores de búsqueda y publicarla en tu sitio web. Puedes usar una página de destino para presentar una oferta de contenido para atraer nuevos visitantes a tu sitio. En la herramienta páginas del sitio web, puedes administrar el contenido de todo tu sitio en HubSpot.

Antes de comenzar

  • Para editar cualquier tipo de contenido de página, deberás tener acceso de Escritura en tus permisos de usuario. Para publicar una página de destino o página de sitio web, deberás tener acceso de Publicación en tus permisos de usuario.
  • Asegúrate de que tu dominio de página esté conectado a HubSpot para publicar. Si estás usando el generador de páginas de destino gratuito, tu cuenta incluye un dominio de marca de HubSpot que está listo para publicar.
  • Identifica el tema que escribiste en términos de tu estrategia de contenido más amplia. Mediante la organización estratégica y el enlace cruzado de tu contenido, clasificarás más alto en los motores de búsqueda para tus palabras clave con hipervínculo. Más información sobre cómo optimizar tu página.

Tipos de plantillas de página

Las opciones para el contenido de tu página, el diseño y los estilos dependen del tipo de plantilla que estás usando.

Nota: todas las plantilla de starter tienen las mismas opciones en el editor de páginas y en la pestaña Diseño. Las plantillas codificadas, plantillas de diseño, plantillas de temas y plantillas del mercado de materiales tendrán todas las opciones de estilo incluidas por el desarrollador.

Navega al editor de páginas

Crear una página nueva

Para crear una nueva página de destino o página de sitio web desde cero:

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página de sitio web o Página de destino.
  • Coloca el cursor sobre una plantilla y haz clic en Vista preliminar en la parte superior derecha para ver cómo aparecerá en el dispositivo de escritorio o dispositivo móvil. Para crear una página nueva con esta plantilla, haz clic en Usar plantilla en la parte superior derecha.
  • Dale a tu página un nombre de página interna y haz clic en Crear página.

Nota: deberás darle un título público en tu configuración antes de publicarla.

Editar una página existente

Para editar una página existente:

  • Navega a tu contenido:

    • Páginas del sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas web.
    • Páginas de destino: En tu cuenta de HubSpot, ve a Marketing > Páginas de destino.
  • Coloca el cursor sobre una página existente en tu panel y haz clic en Editar.

Editar el contenido de tu página

En el editor de páginas, puedes editar el contenido de cada módulo en tu plantilla. Para editar el diseño de tu página o agregar nuevos módulos en el editor de páginas, trabaja con tu desarrollador web para agregar un área de arrastrar y soltar a tu plantilla de página.

Editar contenido en un módulo

En la pestaña Contenido a la izquierda, puedes ver y editar todos los módulos en tu plantilla de página. Si tu página contiene contenido global, como un encabezado de página, editarás esto en tu página dentro del editor de contenido global.

Nota: las opciones de contenido para cada módulo pueden variar según la manera en que tu plantilla estaba codificada por tu desarrollador.

Para editar el contenido de un módulo, coloca el cursor sobre el módulo y haz clic en el edit símbolo del lápiz

edit-modules-in-page-editor

Algunos tipos de módulos, como los encabezados, se pueden editar directamente en la vista preliminar de la página. Al hacer clic en un módulo, también abre opciones de edición en el panel izquierdo. Más información sobre las opciones de contenido comunes para cada tipo de módulo.

edit-module-options

Para ver una lista completa de todos los módulos en tu página, haz clic en la pestaña Contenido en el panel izquierdo. Luego haz clic en un módulo específico de la lista para editar las opciones de contenido.

Si tu plantilla contiene un área de arrastrar y soltar o columnas flexibles, puedes agregar o reorganizar tus módulos en el editor de páginas.

Para deshacer o volver a hacer una acción en el editor de páginas, haz clic en el icono deshacer undo o volver a hacer redo en la parte superior izquierda.

Nota: solo estarán disponibles para deshacer o rehacer las ediciones realizadas durante la sesión actual en tu navegador web. Si actualizas el editor de páginas, ya no estarán disponibles tus ediciones anteriores.

Editar estilos aplicados a tus módulos

Los módulos se repiten varias veces en tu página, como botones o encabezados, normalmente tienen estilos predeterminados según la hoja de estilo de tu plantilla o la configuración del tema del sitio web. Los cambios en estos estilos normalmente afectan otras páginas que usan la misma plantilla.

Nota: otras opciones de estilo disponibles para cada módulo pueden variar según la plantilla de tu página.

Haz clic en un módulo para seleccionarlo en el editor. En el panel izquierdo, haz clic en la pestaña Estilos para acceder a las opciones de estilo para ese módulo en particular. Más información sobre cómo diseñar módulos dentro de cada tipo de plantilla de página.

edit-styles-in-page

Optimizar tu página para motores de búsqueda

En la barra de navegación superior, haz clic en la pestaña Optimizar para abrir la herramienta optimizador de SEO. Aquí puedes adjuntar tu página a uno de tus temas y revisar las recomendaciones para mejorar tu contenido.

optimize-your-page-in-the-editor

Editar la configuración de tu página

Para editar la configuración de tu página y agregar información básica de la página, haz clic en la pestaña Configuración en la parte superior del editor de página:

  • Nombre interno de la página: el nombre interno de la página es el nombre que agregaste cuando creaste la página y al que se hace referencia en el panel. No se muestra a los visitantes.
  • Título de la página: el título que aparece en la pestaña en la parte superior de tu navegador web cuando se carga la página.
  • URL de la página: la URL para tu página. Aparece en la barra URL dentro del navegador cuando los visitantes navegan a esta página. Puedes editar la URL de tu página incluso después de que se ha publicado.
  • Agregar página a un menú: agrega la página de sitio web actual en la que estás trabajando a un menú avanzado nuevo o existente en la configuración de contenido.
  • Metadescripción: el contenido que aparecerá en los resultados de la búsqueda debajo del título de la página.
  • Campaña: asocia tu página a una campaña de HubSpot. Selecciona Agregar nuevo para crear una nueva campaña.
  • Imagen destacada: haz clic para activar este interruptor para una imagen específica que se mostrará cuando se comparta tu página en las redes sociales. Haz clic en Cargar para seleccionar una imagen de tu equipo o Explorar imágenes para seleccionar una imagen de la herramienta archivos.

Opciones avanzadas

Nota: la sección Opciones avanzadas no está disponible en plantillas de starter.

Haz clic en Opciones avanzadas para personalizar más configuración para tu página. Esta configuración no es obligatoria para publicar tu página.

  • Hacer que la página expire en una fecha específica: selecciona la casilla de comprobación para programar tu página para que expire y se redirija en una fecha específica.
  • Controlar acceso de la audiencia para página: selecciona una opción para controlar el acceso a la audiencia para esta página.
    • Selecciona Privado - Contraseña obligatoria para agregar una contraseña obligatoria para que los visitantes puedan tener acceso al contenido de tu página.
    • Selecciona Privado - Registro obligatorio para permitir a los visitantes registrarse en tu sitio antes de ver la página (solo CMS Hub Enterprise). Más información sobre el control de acceso a la audiencia
  • Fragmentos de código adicionales: agrega fragmentos de código en los campos HTML del encabezado o en los campos HTML de pie de página. Esto es útil para agregar HTML sin procesar o seguimiento código <head> o <footer> etiqueta de tu página.

  • HubDB: si tu desarrollador web configuró una tabla de HubDB para el contenido dinámico de la base de datos, puedes agregar tu página a una tabla de HubDB aquí. Haz clic en Seleccionar una tabla y selecciona la tabla para agregar esta página a una base de datos.
  • Plantilla: ver la plantilla aplicada a tu página. Haz clic en Usar diferentes plantillas para aplicar una nueva plantilla a tu página o Editar esta plantilla para editar tu plantilla.

Nota: solo podrás intercambiar plantillas que son el mismo tipo de plantilla.

  • Hojas de estilo: administra las hojas de estilo adjuntas a tu página. Para seleccionar si las hojas de estilo predeterminadas deberían estar activadas, desactivadas o sigan la configuración predeterminada, haz clic en el menú desplegable y selecciona una opción. Haz clic en Adjuntar una hoja de estilo y selecciona una hoja de estilo existente para adjuntar a tu página. Las hojas de estilo no se aplican a las plantillas de temas.

Captura de pantalla de un artículo de ayuda de HubSpot

Abrir una vista preliminar de la página

En la parte superior derecha, haz clic en Vista preliminar para ver cómo aparecerá tu página a los visitantes del sitio web en distintos tipos de dispositivos. También puedes probar la personalización y el contenido inteligente en la vista preliminar. Descubre cómo personalizar cómo aparecen tus páginas en un dispositivo móvil.

  1. Vista preliminar del dispositivo: haz clic en Abrir en una nueva ventana para ver una vista preliminar en directo de tu página en una nueva pestaña en tu navegador. Este enlace de vista preliminar funcionará antes de que tu página sea publicada. Haz clic en Copiar enlace compartible para copiar el enlace a tu portapapeles para compartirlo con tu equipo. Para ver el enlace de vista preliminar, los compañeros de equipo deben haber iniciado sesión en HubSpot.
  2. Vista preliminar inteligente: haz clic en el menú desplegable Vista preliminar como para obtener una vista preliminar de cómo aparecerá tu página para distintos contactos en tu base de datos.
    • Selecciona un contacto para obtener una vista preliminar de cómo aparecerá la personalización según los valores de propiedad del contacto en particular. Haz clic en el segundo menú desplegable para seleccionar un contacto específico de tu base de datos.
    • Selecciona una regla inteligente para obtener una vista preliminar de cómo se mostrará el contenido inteligente en tu página a contactos que cumplan con sus criterios. Haz clic en el segundo menú desplegable para seleccionar una regla inteligente específica para obtener una vista preliminar.
  3. Tipo de dispositivo: haz clic en Móvil + Tableta para ver una vista preliminar en directo de tu página en un dispositivo de teléfono o tableta. Haz clic en Escritorio para ver una vista preliminar de cómo aparecerá tu página en un navegador web.
preview-a-page

Publicar o programar tu página

Después de agregar tu contenido, optimizado para los motores de búsqueda y de ver una vista preliminar de cómo la verán los visitantes, estás listo para publicar tu página.

  • Haz clic en la pestaña Publicar o programar y selecciona Publicar ahora para publicar inmediatamente o Programar para luego publicar esta página en una fecha y hora futuras.
  • Si faltan elementos obligatorios en tu página, verás una alerta en la esquina superior derecha del botón Publicar.
  • Una vez que hayas terminado de completar todos los elementos obligatorios para tu página, haz clic en Publicar.

publish-a-landing-page