Crear y personalizar páginas

En HubSpot, puedes crear el sitio web y páginas de destino para tu sitio web. Puedes personalizar el contenido y la configuración de las páginas, así como optimizarlas para los motores de búsqueda. 

Antes de comenzar

• Comprueba que tienes el  permiso de Escritura para el tipo de página que deseas crear. Para publicar páginas, también necesitarás el permiso de Publicar . 
• Asegúrate de que el dominio de tu página está conectado a HubSpot para su publicación. Si estás usando las herramientas gratuitas de HubSpot, tu cuenta incluye un dominio de marca de HubSpot que está listo para publicar.
• Comprender los distintos tipos de plantillas de página disponibles en HubSpot: 

• • Las plantillas Starter incluyen funciones de edición de arrastrar y soltar y opciones para personalizar fuentes, colores y estilos de botones.
  • Las plantillas de temas admiten funciones de edición de arrastrar y soltar , módulos de temas únicos y estilos de temas personalizables.
  • Las plantillas personalizadas se crean en el gestor de diseño, ya sea en el editor de diseño o utilizando el código personalizado . Las funciones de edición de arrastrar y soltar sólo están disponibles en las plantillas personalizadas con áreas de arrastrar y soltar . 
• Comprende el número de páginas de aterrizaje y de sitio web que puedes crear y qué plantillas pueden utilizar. Esto viene determinado por tus suscripciones a Marketing Hub y CMS Hub : 

Crear páginas

• Ve al contenido que quieres modificar:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Marketing > Páginas de destino.
• En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página web o Página de aterrizaje.
• En el cuadro de diálogo, especifica un nombre y un dominio para la página: 
  • Haz clic en el menú desplegable Sitio web y selecciona un dominio para la URL de la página. Si no tienes ningún dominio conectado, el dominio del sistema por defecto de tu cuenta será la única opción.
  • En el campo Nombre de página, escribe un nombre interno para la página. 
  • Haz clic en Crear página. 

• En la pantalla de selección de plantillas, las plantillas de tu tema activo aparecerán en la parte superior de la página, mientras que el resto de plantillas estarán en la sección Otras plantillas en la parte inferior. Si no has seleccionado un tema activo, pasa el ratón por encima de un tema y haz clic en Establecer como tema activo. 
• Coloca el cursor sobre una plantilla y haz clic en Ver vista previa de la plantilla para abrir una vista previa o en Seleccionar plantilla para pasar al editor de contenidos.

• En el editor de contenido, las opciones de edición disponibles dependen del tipo de plantilla de la página y los módulos utilizados. Más información sobre la edición de páginas utilizando las plantillas starter o theme, contenido global que abarca varias páginas, áreas de arrastrar y soltar, y módulos de texto enriquecido o image. 

Personalizar la configuración de la página

Una vez que hayas editado el contenido de tu página, puedes personalizar atributos de la página como la URL, la meta descripción y el idioma. 

Personalizar la configuración básica de la página

• Ve al contenido que quieres modificar:

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

• Haz clic en el menú Archivo y selecciona Configuración de página. 
• En el cuadro de diálogo, introduce un nombre interno en el campo Nombre interno de la página . Este nombre no será visible para los visitantes. 
• En el campo Título de la página, introduce un nombre externo para la página. Este nombre aparecerá en la pestaña en la parte superior del navegador web de un visitante cuando la página se cargue. 
• En la sección URL de la página , haz clic en el menú desplegable Dominios y selecciona el dominio donde se alojará tu página. A continuación, introduce un slug de URL en el campo Slug de contenido . Más información sobre cómo editar la URL de una página. 
• En el campo Meta descripción, introduce una descripción del contenido de la página que aparecerá en los resultados de búsqueda debajo del título de la página. 
• Para asociar la página a una campaña , haz clic en el menú desplegable Campaña y selecciona una campaña . Para crear una nueva campaña en su lugar, selecciona Añadir nueva.

Configura la imagen destacada

Para añadir una imagen destacada que se incluirá cuando la página se comparta en las redes sociales:

• Ve al contenido que quieres modificar:

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

• Haz clic en elmenú Archivo y selecciona Configuración de página .
• En el cuadro de diálogo, haz clic en Imagen destacada en el menú de la barra lateral izquierda.
• Haz clic para activar el interruptor Activado featured image. Haz clic en Cargar para seleccionar una imagen de tu ordenador, o Examinar imágenes para seleccionar una imagen de la herramienta de archivos . Para aumentar la accesibilidad, introduce una descripción de tu imagen en elcampo  Texto alternativo de la imagen .

Cambiar la plantilla de página

• Ve al contenido que quieres modificar:

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

• Haz clic en el menú Archivo y selecciona Configuración de página.
• En el cuadro de diálogo, haz clic en Plantilla en el menú de la barra lateral izquierda. 
• Para seleccionar una plantilla diferente, haz clic en Utilizar plantilla diferente. Si vas a cambiar la plantilla de una página publicada, asegúrate de hacer clic en Actualizar, y luego en Actualizar ahora para que los cambios no publicados pasen a estar activos. De lo contrario, estos cambios pueden perderse al cambiar de plantilla.
• En la pantalla de selección de temas, selecciona un tema.
• En la pantalla de selección de plantillas, selecciona una plantilla.
• Previsualiza el aspecto que tendrá tu página con la nueva plantilla y, a continuación, haz clic en Usar plantilla para terminar de cambiar la plantilla o en Atrás para seleccionar una plantilla diferente. 

Establecer el idioma de la página

• Ve al contenido que quieres modificar:

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

• Haz clic en el menú Archivo y selecciona Configuración de página.
• En el cuadro de diálogo, haz clic en Idioma en el menú de la barra lateral izquierda.
• Haz clic en el menú desplegable Idioma de la página y selecciona un idioma. Más información sobre cómo administrar contenido en varios idiomas. 

Establecer la visibilidad de la página

• Ve al contenido que quieres modificar:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Marketing > Páginas de destino.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Haz clic en el menú Archivo y selecciona Configuración de página.
• En el cuadro de diálogo, haz clic en Acceso del público en el menú de la barra lateral izquierda
• Selecciona una opción de  acceso al público:
  • Selecciona Público para que el contenido de la página esté disponible para cualquier visitante.
  • Selecciona Privado - Contraseña obligatoria para añadir una contraseña obligatoria para que los visitantes accedan al contenido de la página.
  • En una cuenta CMS Hub Enterprise, también puedes seleccionar Privado - Registro obligatorio para exigir a los visitantes que se registren en tu sitio para ver este contenido. 
  • En un CMS Hub Enterprise o Marketing Hub Enterprise, puedes seleccionar Privado - Inicio de sesión único (SSO) requerido para exigir a los visitantes que inicien sesión con un proveedor de identidad, como Google u Okta. 

Establecer opciones avanzadas de página

• Ve al contenido que quieres modificar:

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

• Haz clic en el menú Archivo y selecciona Configuración de página.
• En el cuadro de diálogo, haz clic en Avanzado en el menú de la barra lateral izquierda.
• Para hacer de esta página una página dinámica, haz clic en el menú desplegable Fuente de datos y selecciona una tabla o propiedadde HubDB . Más información sobre cómo trabajar con páginas dinámicas. 
• Para añadir fragmentos de código al HTML del encabezado o del pie de página, haz clic en elcampo HTML del encabezado o HTML del pie de páginay, a continuación, introduce tu fragmento de código. En cambio, para añadir fragmentos de código a todas las páginas de un dominio, accede a la configuración de tu sitio web.
• Para agregar una canónica personalizada, introduce una URL en el campo Personalizar URL canónica. Más información sobre el uso de URL canónicas.
• Para gestionar los distintos tipos de hojas de estilo adjuntas a la página: 
  • Hojas de estilo de dominio: estas hojas de estilo se adjuntan a todas las páginas de un mismo dominio en la configuración de tu sitio web. Para desactivar las hojas de estilo de dominio de una página concreta, haz clic en el menú desplegable y selecciona Desactivado. Más información sobre cómo trabajar con hojas de estilo de dominio.
  • Hojas de estilo de plantilla: estas hojas de estilo las establece la plantilla de la página. Para desactivar las hojas de estilo de plantilla de una página concreta, haz clic en el menú desplegable y selecciona Desactivado. Esta sección no aparecerá en las páginas que utilicen plantillas temáticas. 
  • Hojas de estilo de la página: estas hojas de estilo sólo se aplicarán a esta página. Para adjuntar una hoja de estilos de página, haz clic en el menú desplegable Adjuntar una hoja de estilos y selecciona una hoja de estilos. Si también se utilizan hojas de estilo de dominio y plantilla, su estilo tendrá prioridad. 

Publicar páginas

Una vez que hayas personalizado el contenido y la configuración de tu página, puedes publicarla o programarla para una futura publicación:

• Ve al contenido que quieres modificar:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Marketing > Páginas de destino.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Para publicar la página inmediatamente:
  • Haz clic en Publica en la parte superior derecha. 
  • En el cuadro de diálogo, haz clic en Publicar ahora. 
• Para programar una página para su publicación posterior: 
  • En la parte superior derecha, haz clic en el menú desplegable situado junto al botón Publicar y, a continuación, selecciona Opciones de publicación. 
  • En el cuadro de diálogo, selecciona la casilla Programar publicación para más tarde . 

• • Haz clic en el campo fecha y selecciona la fecha  en la que se publicará tu página. 
  • Haz clic en el menú desplegable hora y selecciona la hora  en la que se publicará tu página. 

• • Haz clic en Programar, o haz clic en Programar y continúa editando para programar la publicación de la página y volver al editor de contenidos. 

• Para establecer que tu página se despublique automáticamente en el futuro:
  • En la parte superior derecha, haz clic en el menú desplegable situado junto al botón Publicar y, a continuación, selecciona Opciones de publicación. 

• • En el cuadro de diálogo, haz clic en la pestaña Programar despublicar. 
  • Selecciona la casilla de verificación Programar despublicar . 
  • Haz clic en el campo fecha y selecciona la fecha fecha en la que se despublicará tu página. 
  • Haz clic en el menú desplegable hora y selecciona la hora en la que se despublicará tu página. 
  • Haz clic en el menú desplegable Cuando se publique la página, redirige a los visitantes a selecciona una página . Para utilizar una URL de destino externa, haz clic en el menú desplegable y selecciona Introduce una URL externa. En el cuadro de diálogo, introduce la URL  , y luego haz clic en Guardar. 
  • Haz clic en Actualizar ahora, o haz clic en Actualizar y continuar editando para programar la despublicación de la página y volver al editor de contenidos. 

Optimizar el contenido para los motores de búsqueda

En la sección Optimizar del editor de la barra lateral, puedes ver las recomendaciones SEO de una página o adjuntarla a un tema. 

• Ve al contenido que quieres modificar:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Marketing > Páginas de destino.
• Coloca el cursor sobre la página de destino y haz clic en Editar. 
• En el editor de contenidos, haz clic en el icono gauge Optimizar de la barra lateral izquierda. 
• Para adjuntar el contenido a un tema de : 
  • Para añadir un tema existente, haz clic en el menú desplegable Tema y selecciona un tema para tu página.
  • Para crear un nuevo tema, haz clic en el menú desplegable Tema y selecciona Añadir tema principal. En el cuadro de diálogo, introduce el tema y haz clic en Guardar
• Para adjuntar la página a un subtema palabra clave:
  • Selecciona la casilla de comprobación ¿Esto es contenido de apoyo?
  • Haz clic en el menú desplegable Palabra clave del subtema y selecciona un subtema palabra clave
  • Para crear una nueva palabra clave, haz clic en el menú desplegable Palabra clave de subtemay haz clic en Añadir palabra clave de subtema. En el cuadro de diálogo, introduce la palabra clave del subtema y haz clic en Guardar. 

• Para ver las recomendaciones SEO incompletas, haz clic en una categoría de  con un círculo rojo. Cada recomendación completada tendrá una marca de comprobación verde. Cada recomendación incompleta tendrá una marca de comprobación gris. Más información sobre cómo trabajar con Recomendaciones SEO. 

Obtener vista preliminar de páginas

Antes de publicar una página, puedes obtener una vista preliminar en diferentes tipos de dispositivos y probar contenido inteligente y personalización. Más información sobre cómo personalizar la apariencia de una página para dispositivos móviles. 

• Ve al contenido que quieres modificar:

  • Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de sitio web.
  • Páginas de destino: En tu cuenta de HubSpot, dirígete a Marketing > Páginas de destino.
• Coloca el cursor sobre la página de destino y haz clic en Editar. 
• En el editor de contenido, haz clic en el icono de comentarios de la parte superior derecha. 
• Para acceder a una vista previa de la página completa, haz clic en Abrir en nueva pestaña en la parte superior derecha. Para compartir esta página de vista previa con otros usuarios de tu cuenta de HubSpot, haz clic en Enlace de copia en la página de vista previa. Los usuarios deben iniciar sesión en HubSpot para ver esta vista preliminar.
• Para previsualizar la página en un dispositivo diferente, haz clic en un icono de dispositivo mobile  en la parte superior derecha de la página de previsualización. 

• Para obtener una vista preliminar de la personalización o el contenido inteligente, haz clic en el menú desplegable Vista preliminar como: 
  • Selecciona Contacto para obtener una vista preliminar de la personalización de la página. Luego haz clic en el segundo menú desplegable y selecciona un contacto para obtener una vista preliminar de cómo aparecería la página para ese contacto. 
  • Selecciona Regla inteligente para obtener una vista preliminar del contenido inteligente de la página. A continuación, haz clic en el segundo menú desplegable  y selecciona una o más reglas inteligentes para previsualizar cómo aparecería la página para un visitante que coincida con esas reglas. 
  • Para volver a la apariencia predeterminada de la página, haz clic en Restablecer.