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: julio 15, 2020

Requisitos

Marketing Hub  Starter, Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

Descubre cómo crear una nueva página, personalizar la configuración de tu página, optimizar la configuración 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

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. Para crear una nueva página de destino rápida y sencilla, usa una plantilla de starter. Para una plantilla de página más personalizada, trabaja con un desarrollador web para crear una plantilla en la herramienta de gestión de diseño. Puedes encontrar plantillas de página adicionales en el Mercado de materiales.

Nota: una plantilla de starter tiene 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 de Asset Marketplace tendrán todas las opciones de estilo incluidas por el desarrollador que creó la plantilla.

  • Plantillas de starter: todas las cuentas tienen acceso a plantillas de starte con edición arrastrar y soltar para que tu diseño y los estilos de fondo de tu página se puedan actualizar fácilmente sin ningún código. Los estilos de plantilla de Starter se pueden actualizar en la pestaña Diseño para que los colores, las fuentes y los botones coincidan con la marca de tu empresa.
  • Plantillas codificadas con un área de arrastrar y soltar: para una plantilla de página más personalizada, trabaja con un desarrollador web para crear una plantilla codificada con un área de arrastrar y soltar. Esto te dará acceso a la edición de arrastrar y soltar para que puedas actualizar tu contenido y estilos sin ningún código. Si no tienes un desarrollador web en tu equipo y te gustaría una plantilla con un área de arrastrar y soltar, conecta con un Partner de HubSpot con experiencia en HubSpot CMS.
  • Plantillas de diseño:cualquier persona que tenga un conocimiento básico de HTML y CSS puede crear una plantilla con un diseno sencillo en la herramienta del administrador de diseño. Editar páginas creadas con una plantilla de diseño no requiere ningún conocimiento de código, pero no tendrás acceso a determinadas características de edición de arrastrar y soltar. Para obtener más flexibilidad, puedes solicitar a tu diseñador que incluya una columna flexible en tu plantilla.
  • Plantillas temáticas: Las cuentas de CMS Hub incluyen plantillas de temas con la edición de arrastrar y soltar y un conjunto de módulos de tema único. Las fuentes, los colores y el espaciado para las plantillas en un tema son controlados por un conjunto global de configuración de temas. Más información sobre cómo editar una página con una plantilla de tema.
  • Plantillas de marketing: puedes comprar todos los tipos de plantillas de página desde el Mercado de materiales. Puedes ponerte en contacto con el diseñador de tu plantilla de marketing para obtener ayuda con preguntas de diseño sobre tu página.

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:

  • En tu cuenta de HubSpot, navega a Marketing > Sitio Web > Páginas de destino o Páginas de sitio web.
  • 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:

Editar el contenido de tu página

En el editor de contenido, puedes editar el contenido de cada módulo incluido en tu plantilla. Si deseas 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. Todos los tipos de módulos son totalmente personalizables en el panel izquierdo. 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.

Para editar el contenido del módulo, coloca el cursor sobre tu módulo y haz clic en el edit ícono de edición. También puedes hacer clic en la pestaña Contenido en el panel izquierdo para ver una lista de todos los módulos en tu página. Haz clic en un módulo específico en la lista de edición de contenido.

edit-modules-in-page-editor

Todos los tipos de módulos se pueden editar en la pestaña Opciones en el panel izquierdo. Las opciones de contenido que aparecen dependen de cómo se creó originalmente el módulo en tu plantilla de página. Más información sobre las opciones de contenido comunes para cada tipo de módulo.

Nota: si creaste tu página con una plantilla de tema, verás las opciones de contenido que tu desarrollador incluyó en este módulo. 

edit-module-options

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 tendrán su estilo en función de los estilos aplicados a tu página. Según la forma en que el diseñador original de tu plantilla creó esta plantilla, podrás editar estilos adicionales dentro del editor de páginas.

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 la misma plantilla.

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 crear estilo de módulos dentro de cada tipo de plantilla de página.

edit-styles-in-page

Optimizar tu página para SEO

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 tu administrador de 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.

  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.
  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

 

/es/cos-pages-editor/create-and-edit-pages-in-hubspot