Crear y personalizar páginas

En HubSpot, puedes crear sitios web y páginas de destino para tu sitio web. Puedes personalizar el contenido y la configuración de la página y optimizar las páginas 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 tu dominio de página esté conectado a HubSpot para publicar. 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 de inicio incluyen características de edición de arrastrar y soltar y opciones para personalizar fuentes, colores y estilos de botón. Las plantillas de inicio no admiten contenido inteligente, módulos personalizados, personalización, acceso al código fuente en módulos de texto enriquecido, páginas protegidas por contraseña u opciones avanzadas como intercambio de plantillas y acceso al HTML de encabezado.
  • Las plantillas de temas admiten características de edición de arrastrar y soltar, módulos de tema únicos y estilo de temas personalizable.
  • Las plantillas personalizadas se crean en el administrador de diseño, ya sea en el editor de diseño o utilizando código personalizado. Las características de edición de arrastrar y soltar solo están disponibles en plantillas personalizadas con áreas de arrastrar y soltar. 
• Conoce el número de páginas de destino y de sitio web que puedes crear y las plantillas que pueden utilizar. Esto se determina mediante tus suscripciones a Marketing Hub y CMS Hub: 

Crear páginas

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• En la parte superior derecha, haz clic en el menú desplegable Crear y selecciona Página de sitio web o Página de destino.
• 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 predeterminado 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 todas las demás plantillas estarán en la sección Otras plantillas en la parte inferior. Si no has seleccionado un tema activo, coloca el cursor sobre 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 cómo editar páginas con plantillas de inicio o de tema, contenido global que abarca varias páginas, áreas de arrastrar y soltar y módulos de texto enriquecido o imagen. 

Personaliza la configuración

Una vez que hayas editado el contenido de tu página, podrás 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

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• Coloca el cursor sobre una página y haz clic en Editar. 

• Haz clic en el menú Configuración y selecciona General. 
• 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, escribe 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. Luego, introduce un slug de URL en el campo Slug del contenido. Más información sobre cómo editar la URL de una página. 
• En el campo Metadescripción, introduce una descripción del contenido de la página que aparecerá en los resultados de la búsqueda debajo del título de la página. 
• Para asociar la página con una campaña en HubSpot, haz clic en el menú desplegable Campaña y selecciona una campaña. Selecciona Agregar nuevo para crear una nueva campaña en su lugar.

Establecer la imagen destacada.

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

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Haz clic en el menú Configuración y selecciona Imagen destacada. 
• En el cuadro de diálogo, haz clic para activar el interruptor Imagen destacada activada.
• Haz clic en Cargar para seleccionar una imagen de tu equipo o Explorar imágenes para seleccionar una imagen de la herramienta archivos.
• Para aumentar la accesibilidad, introduce una descripción de su imagen en el campo Texto alternativo de la imagen. 

Cambiar la plantilla de página

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Haz clic en el menú Configuración y selecciona Plantilla.
• En el cuadro de diálogo, para seleccionar una plantilla diferente, haz clic en Usar plantilla diferente. Si estás cambiando la plantilla de una página publicada, asegúrate de hacer clic en Actualizar para activar los cambios no publicados. 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.
• Obtén una vista previa de cómo se verá tu página con la nueva plantilla, luego haz clic en Usar plantilla para terminar de cambiar la plantilla o Atrás para seleccionar una plantilla diferente. 

Establece el idioma de la página.

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Haz clic en el menú Configuración y selecciona Idioma.
• En el cuadro de diálogo, 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. 

Establece la visibilidad de la página

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Haz clic en el menú Configuración y selecciona Acceso de la audiencia.
• En el cuadro de diálogo, selecciona una opción de acceso de la audiencia: 
  • Selecciona Pública para que el contenido de la página esté disponible para cualquier visitante.
  • Selecciona Privada - Se requiere contraseña para agregar una contraseña obligatoria para que los visitantes puedan tener acceso al contenido de tu página.
  • En una cuenta de CMS Hub Enterprise, también puedes seleccionar Privada - Se requiere registro para requerir que los visitantes se registren en tu sitio para ver este contenido. 
  • En una cuenta CMS Hub Enterprise o Marketing Hub Enterprise, puedes seleccionar Privado - Inicio de sesión único (SSO) obligatorio para exigir a los visitantes que inicien sesión con un proveedor de identidad, como Google u Okta. 

Establecer opciones de página avanzada

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Haz clic en el menú Configuración y selecciona Avanzado.
• Para hacer de esta página una página dinámica, en el cuadro de diálogo, haz clic en el menú desplegable Fuente de datos y selecciona una tabla o propiedad de HubDB. Más información sobre cómo trabajar con páginas dinámicas. 
• Para agregar fragmentos de código al HTML de encabezado o pie de página de esta página, haz clic en el campo HTML de encabezado o HTML de pie de página y luego introduce tu fragmento de código. Para agregar 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 cómo usar URL canónicas.
• Para gestionar los diferentes 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 su sitio web. Para desactivar las hojas de estilo de dominio de una página en particular, 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 plantillas: estas hojas de estilo son establecidas por la plantilla de la página. Para desactivar las hojas de estilo de plantilla de una página en particular, haz clic en el menú desplegable y selecciona Desactivado. Esta sección no aparecerá para páginas que usan plantillas de temas. 
  • Hojas de estilo de páginas: estas hojas de estilo solo se aplicarán a esta página. Para adjuntar una hoja de estilo de página, haz clic en el menú desplegable Adjuntar una hoja de estilo y selecciona una hoja de estilo. 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:

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• Coloca el cursor sobre una página y haz clic en Editar. 
• Para publicar la página inmediatamente, haz clic en Publicar en la parte superior derecha.
• 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 luego selecciona Opciones de publicación. 
  • En el cuadro de diálogo, selecciona la casilla de verificación Programar la publicación para una fecha posterior. 

• • 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 seleccione la hora en la que se publicará tu página. 

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

• Para configurar tu página para que 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 luego selecciona Opciones de publicación. 

• • En el cuadro de diálogo, haz clic en la pestaña Programar anulación de publicación. 
  • Selecciona la casilla de verificación Pogramar anulación de publicación. 
  • Haz clic en el campo fecha y selecciona la fecha en la que se anulará la publicación de tu página. 
  • Haz clic en el menú desplegable hora y selecciona la hora en la que se anulará la publicación de tu página. 
  • Haz clic en el menú desplegable Cuando se publique la página, redirigir a los visitantes a seleccionar una página. Para utilizar una URL de destino externa, haz clic en el menú desplegable y selecciona Introducir una URL externa. En el cuadro de diálogo, escribe la URL, luego haz clic en Guardar. 
  • Haz clic en Actualizar ahora.

Optimizar el contenido para los motores de búsqueda

En la pestaña Optimización del editor de contenido, puedes ver las recomendaciones de SEO de una página o adjuntarlas a un tema. 

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• 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: 
  • Para agregar 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 Agregar tema principal. En el cuadro de diálogo, introduce el tema y luego haz clic en Guardar
• Para adjuntar la página a un Palabra clave de tema secundario:
  • Selecciona la casilla de verificación ¿Esto es contenido de apoyo?
  • Haz clic en el menú desplegable Palabra clave de tema tema secundario y selecciona una palabra clave.
  • Para crear una nueva palabra clave, haz clic en el menú desplegable Palabra clave de tema secundario y haz clic en Agregar palabra clave de tema secundario. En el cuadro de diálogo, introduce la palabra clave de tema secundario y luego haz clic en Guardar. 

• Para ver recomendaciones de SEO incompletas, haz clic en una categoría 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 de 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. 

• Busca el contenido que quieres utilizar:

  • 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 > Landing pages.
• 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 preliminar de página completa, haz clic en Abrir en una pestaña nueva en la parte superior derecha. Para compartir esta página de vista preliminar con otros usuarios en tu cuenta de HubSpot, haz clic en Copiar enlace en la página de vista preliminar. Los usuarios deben iniciar sesión en HubSpot para ver esta vista preliminar.
• Para obtener una vista preliminar de la página en un dispositivo diferente, haz clic en el ícono de mobile dispositivo móvil en la parte superior derecha de la página de vista preliminar. 

• 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. Luego, haz clic en el segundo menú desplegable y selecciona una o más reglas inteligentes para obtener una vista preliminar de cómo aparecerá 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.