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í.
CMS-Pages-Editor

Crear y editar páginas en HubSpot

Última actualización: abril 26, 2019

Requisitos

Marketing Hub  Professional, Enterprise
HubSpot CMS

En CMS de HubSpot, puedes crear páginas de destino y páginas de sitio web. Las páginas de sitio web son los cimientos del sitio web de tu empresa y tus menús avanzados. Las páginas de destino se utilizan normalmente para crear ofertas de contenido para atraer conversiones en tus formularios

Antes de comenzar con tu nueva página, asegúrate de tener todos los materiales que necesitas. Crea una plantilla en la herramienta de administrador de diseño o encuentra una plantilla en el mercadoCarga los materiales del sitio en tu administrador de archivospersonaliza la configuración con la marca de tu empresa.

Si buscas inspiración para el diseño, revisa los ejemplos de los clientes de Academy y nuestro Foro de diseño.

Crear una página nueva

Para crear una nueva página desde cero:

main-nav-content-website-pages-2016.png

Para editar una página existente:

Editar el contenido de tu página

Una vez que estés en el editor de página, puedes comenzar a editar y optimizar tu contenido.

Para editar el contenido en tu página:

  • Coloca el cursor sobre un módulo y haz clic en el ícono del lápizeditar para hacer cambios en su contenido y estilo. También puedes hacer clic en el ícono del módulo para abrir una lista de los módulos de la página, con el fin de abrir una lista de los módulos de la plantilla para editarlos en el editor de la barra lateral.
  • Haz clic en el módulo que deseas editar.
  • Haz que tus cambios en el editor de la barra lateral.
  • Haz clic en Aplicar para ver tus cambios reflejados en el editor de la página mientras trabajas.
  • Cuando hayas terminado de realizar las ediciones, haz clic en Guardar y ve a la lista de módulos.

editar-módulos

El texto enriquecido, el encabezado y los módulos de texto de una sola línea se pueden modificar directamente en el editor de página. El resto de los tipos del módulo se pueden editar en el editor de la barra lateral deslizante. Si tu plantilla contiene columnas flexibles, puedes editar o reorganizar tus módulos en el editor de la página o en la barra lateral del módulo.

Tus módulos tendrán estilos predeterminados según las hojas de estilo que se aplicaron a tu página, pero también puedes aplicar algunos estilos en línea personalizados en el editor de contenido.

Para hacerlo:

  • Coloca el cursor sobre el módulo en el que deseas aplicar un estilo.
  • Haz clic en el ícono de brocha en la parte superior. Aparecerá un panel de barra lateral con las opciones de estilo para ese módulo en particular. 

editar-estilo

Editar la configuración de tu página

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

  • Nombre interno de la página: este es el nombre interno de tu página. Esto refleja el nombre que agregaste cuando creaste la página, pero puedes editarlo aquí. Este es un nombre interno solo para tu referencia y los visitantes del sitio web no lo verán.
  • Título de la página: esta es la frase que aparece en la pestaña en la parte superior del navegador web cuando se carga la página.
  • URL de la página: es la URL de 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ú: te permite agregar la página del sitio web actual en la que estás trabajando a un menú avanzado nuevo o existente en la configuración del contenido. 
  • Metadescripción: este es el contenido que aparecerá en los resultados de la búsqueda debajo del título de la página.
  • Campaña: usa este menú desplegable para asociar tu página a una campaña de HubSpot. Puedes seleccionar Agregar nuevo para crear una nueva campaña.
  • Imagen destacada: activa esta opción si quieres que aparezca una imagen destacada cuando se comparta tu página en redes sociales. Haz clic en Cargar para seleccionar una imagen en tu equipo o Explorar imágenes para seleccionar una imagen desde el administrador de archivos.

editar-configuración

Opciones avanzadas

Haz clic en Opciones avanzadas para personalizar otra configuración para tu página. Ten en cuenta que estas configuraciones no son obligatorias para publicar tu página.

  • Solicitar una contraseña para ver la página: haz clic en la casilla de comprobación para agregar una contraseña obligatoria para que los visitantes puedan acceder al contenido de tu página.
  • Hacer que la página expire en una fecha específica: haz clic en la casilla de comprobación para programar que la página expire y se redireccione en una fecha específica. 
  • Fragmentos de código adicionales: aquí puedes agregar fragmentos de código en los campos HTML de encabezado o HTML de pie de página. Esto es útil para agregar HTML sin procesar o seguimiento código a la etiqueta <head> o <footer> de tu página. 

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

  • HubDB: si usas una tabla de HubDB para administrar una base de datos dinámica, puedes agregarla a tu página aquí.
  • Plantilla: mira la plantilla que aplicaste en tu página. Haz clic en la vista preliminar de la plantilla para editar tu plantilla o haz clic en Seleccionar una plantilla diferente para aplicar una nueva plantilla a tu página. 

template-settings.png

  • Hojas de estilo: administrar las hojas de estilo que se adjuntarán a tu página. Utiliza los menús desplegables para elegir si tus hojas de estilo predeterminadas deberían estar activadas, desactivadas, o usa la configuración predeterminada. Haz clic en Adjuntar una hoja de estilo y usa el menú desplegable para agregar una nueva hoja de estilo a tu página.

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

  • URL canónica: en la parte inferior de la configuración avanzada, aparece un campo para personalizar la URL canónica de tu página. Esto es útil si hay contenido similar en otras páginas de tu sitio y quieres indicarle a los motores de búsqueda qué página tiene una mayor clasificación en los resultados de las búsquedas.

Optimizar tu página para SEO

Haz clic en el ícono del gráfico de barras en la navegación de la barra lateral para abrir el optimizador de SEO. Aquí puedes adjuntar tu página a uno de tus temas y revisar las recomendaciones para mejorar tu contenido.

seo-optimize-icon.png

Abrir una vista preliminar de la página

Haz clic en el ícono de ojo para ver las opciones de vista preliminar. Desde aquí puedes actualizar lo siguiente:

  • Vista preliminar de dispositivos: haz clic en uno de los íconos del tipo de dispositivo para abrir una vista preliminar de tu página en el editor de página en un dispositivo y una orientación específicos.
  • Vista preliminar inteligente: usa el menú desplegable Vista preliminar de la página como contacto específico para elegir un contacto en la base de datos de contactos. Esto te muestra cómo se verá el contenido de la página para ese visitante específico, lo que puede ser útil para ver preliminarmente cualquier tipo de personalización contenido inteligente en tu página.
  • Vista preliminar compartible: haz clic en Abrir en una nueva ventana para abrir una vista preliminar en vivo de tu página en el navegador. Este enlace de vista preliminar funcionará antes de que tu página sea publicada. Haz clic en Copiar para copiar el enlace al portapapeles para compartirlo con tu equipo.
Captura de pantalla de un artículo de ayuda de HubSpot

Publicar o programar tu página

Después de agregar el contenido, optimizarlo para los motores de búsqueda y abrir la vista preliminar de la página, ya estás listo para publicar tu contenido. Haz clic en Publicar o programar, y elige publicar tu página ahora o programar la publicación en una fecha futura. Si eliges Programar para más tarde, asegúrate de actualizar la fecha y la hora programadas. Una vez que hayas realizado tus selecciones, haz clic en Programar o publicar

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