Crea y personaliza páginas en el nuevo editor

Crea y personaliza páginas en el nuevo editor de contenidos. Crea contenido con la HubSpot AI, edita elementos directamente en la página y cambia la posición del contenido arrastrando y soltando.

El nuevo editor de contenidos reduce la necesidad de cambiar de herramienta o actualizar los archivos del tema al realizar modificaciones. Realiza modificaciones directamente en el diseño de la página, ajusta los estilos desde un único lugar y previsualiza cómo se muestra el contenido en distintos dispositivos mientras editas.

Por ejemplo, crea una landing page, actualiza el texto sobre la marcha y adapta los estilos de tu marca directamente en el editor. La configuración de tu tema se aplica automáticamente y se puede actualizar en cualquier momento desde el editor.

Ten en cuenta lo siguiente: puedes gestionar el acceso a las funciones de IA en tu configuración de IA y especificar qué datos se comparten. Consulta las preguntas frecuentes sobre la confianza en la IA y las fichas de modelos de IA de HubSpot para obtener información detallada sobre los controles de seguridad, el uso de los datos y el cumplimiento de la IA.

Nota: No se necesitan créditos de HubSpot para crear y personalizar páginas en el nuevo editor. Es posible que, en el futuro, se requieran créditos para utilizarlo.

Antes de empezar

Antes de empezar a crear y personalizar páginas en el nuevo editor de contenido, revisa los requisitos y las consideraciones.

Comprender los requisitos

• Un superadministrador debe activar en tu cuenta de HubSpot el editor de landing pages basado en IA (BETA)o el editor de sitios web basado en IA (BETA). 

• Un superadministrador debe activar los siguientes interruptores en la configuración de IA:

  • Da a los usuarios acceso a herramientas y características de IA generativa
  • Datos de CRM
  • Datos de conversión de clientes
  • Datos de archivos
  • Dar acceso a los usuarios al asistente de Breeze

Comprender las limitaciones y consideraciones

• En el nuevo editor solo se pueden crear y personalizar páginas nuevas. Las páginas existentes, incluidos los borradores, deberán personalizarse en el editor de contenido antiguo.
• El nuevo editor de contenido no admite plantillas personalizadas. Para utilizar una plantilla personalizada, crea o personaliza la página en el editor de contenido antiguo.
• En la vista previa para móviles, solo puedes cambiar el tamaño de los elementos y las secciones. Para editar texto o añadir y eliminar contenido, utiliza la vista de escritorio.

Crear páginas con IA

1. Ve al contenido:
   • En tu cuenta de HubSpot, haz clic en Más y luego ve a Contenido > Landing Pages. Si Más no aparece en tu cuenta, ve directamente a Contenido > Landing Pages.
   • En tu cuenta de HubSpot, haz clic en Más y luego ve a Contenido > Páginas web. Si Más no aparece en tu cuenta, ve directamente a Contenido > Páginas web.
2. Haz clic en el menú desplegable «Crear» y selecciona «Crear con IA».
3. En el editor de contenidos, el asistente de Breeze se abre a la izquierda. Introduce en el cuadro de chat una descripción de la meta de tu página, tu público y los detalles más importantes. Por ejemplo, introduce: «Crear una landing page para promocionar un libro electrónico gratuito, con un tono profesional y una llamada a la acción clara para la descarga».
4. Haz clic en el icono «Enviar » de « ».
5. El asistente de Breeze tramitará tu solicitud y es posible que te haga algunas preguntas para aclarar algunos puntos. Por ejemplo, cómo gestionar las imágenes si no hay una coincidencia adecuada en tu gestor de archivos. Selecciona una opción o escribe una respuesta en el cuadro de chat.
6. Sigue personalizando la página.

Crear páginas desde cero

1. Ve al contenido:
   • En tu cuenta de HubSpot, haz clic en Más y luego ve a Contenido > Landing Pages. Si Más no aparece en tu cuenta, ve directamente a Contenido > Landing Pages.
   • En tu cuenta de HubSpot, haz clic en Más y luego ve a Contenido > Páginas web. Si Más no aparece en tu cuenta, ve directamente a Contenido > Páginas web.
2. Haz clic en el menú desplegable «Crear» y selecciona «Crear desde cero».
3. En el editor de contenido, selecciona un punto de partida:
   • Clonar una página existente (solo landing pages): utiliza una página existente como punto de partida. Haz clic en el menú desplegable y selecciona una página.
   • Empieza con una página en blanco: empieza con una página vacía.
   • Utiliza una plantilla: selecciona una plantilla de entre las opciones disponibles.
4. Haz clic en Crear.
5. Sigue personalizando la página.

Personalizar páginas

Una vez creada la página, utiliza la HubSpot AI o el editor de contenido para actualizar el texto, los elementos, el diseño y la plantilla.

• Para utilizar la HubSpot AI y personalizar tus páginas, haz clic en el cuadro de chate introduce una descripción de los cambios que deseas realizar en la esquina inferior izquierda del editor de contenido. Por ejemplo, introduce «Probar un nuevo diseño » o «Añadir una imagen de fondo».

• Para personalizar tu página manualmente, consulta las siguientes secciones.

Editar estilos de tema

Edita los estilos del tema para aplicar una configuración de marca coherente en toda la página. Los cambios que se realicen aquí se aplicarán a todas las páginas que utilicen este tema.

1. En la parte superior del editor, haz clic en «Tema».
2. En el cuadro emergente de la derecha, pasa el cursor por encima del tema aplicado y haz clic en «Editar tema». Para crear un tema de marca, haz clic en «+ Nuevo tema».
3. En el cuadro de diálogo, haz clic en el estilo (por ejemplo, «Fuentes» o «Botones») que quieras editar.
• Fuentes: selecciona la familia tipográfica, el tamaño y el grosor que se aplicarán a los títulos y al texto del cuerpo en toda la página.
• Colores: selecciona los estilos de color de las secciones y los colores principal, neutro y de contraste que se utilizan en toda la página.
• Elementos: selecciona los estilos para los elementos interactivos de la página, como botones, formularios, tarjetas e iconos. Puedes crear hasta cuatro estilos diferentes para los elementos.

4. Cuando hayas terminado, haz clic en «Guardar tema».

Editar el texto de la página

1. Para editar el texto de una página, haz clic en el texto de la página. Introduce texto nuevo o elimina eltexto directamente en la línea.
2. Para cambiar el color, el estilo o el formato de la fuente, selecciona una opción de la barra de herramientas de texto.

Gestionar secciones

1. Para añadir una nueva sección, pasa el cursor por encima de la vista previa y haz clic en «Añadir sección». Introduce un texto para describir la sección, de modo que la HubSpot AI pueda crear o seleccionar un diseño en la sección «Explorar diseños de sección ».

2. Para cambiar el tamaño de una sección, haz clic en ella y, a continuación, haz clic en los puntos de arrastre para ampliarla desde la parte superior o inferior.
3. Para mover una sección a otra posición de la página, haz clic en ella. A continuación, haz clic en el upIcon icono «Subir » o downIcon el icono «Bajar» de la barra de herramientas de la izquierda.
4. Para eliminar una sección, haz clic en ella. A continuación, haz clic en el deleteIcon icono «Eliminar » de la barra de herramientas de la izquierda.

Gestionar elementos

1. Para añadir un nuevo elemento a la página, haz clic en una sección y, a continuación, haz clic en «Añadir elemento». En la ventana emergente, arrastra el elemento hasta la posición deseada en la página.
2. Para editar un elemento, haz clic en el elemento. En la barra de herramientas, haz clic en el editIcon icono «Editar ».
3. Para eliminar un elemento de la página, haz clic en el elemento y, a continuación, haz clic en el deleteIcon icono «Eliminar » de la barra de herramientas.

Editar la vista para móviles

El editor de contenidos muestra las vistas para ordenador y para móvil una al lado de la otra. Utiliza la vista para móvil para ajustar el tamaño de los elementos y las secciones de modo que se adapten al diseño para móvil, independientemente del diseño para ordenador.

1. Para cambiar el tamaño de un elemento en la versión móvil, haz clic en el elemento en la vista móvil y, a continuación, arrastra los controladores de tamaño para ajustar su tamaño.
2. Para cambiar el tamaño de una sección en el móvil, haz clic en la sección en la vista móvil y, a continuación, arrastra el borde de la sección hacia arriba o hacia abajo.

Ocultar o mostrar elementos en ordenadores de sobremesa o dispositivos móviles

En el cuadro emergente «Capas» del editor de contenido, revisa la estructura de tu página y muestra u oculta elementos concretos para ordenadores de sobremesa y dispositivos móviles. Esto te permite controlar cómo se muestra tu página en pantallas de distintos tamaños. 

1. En el editor de contenido, haz clic en el layersIcon icono «Capas » situado en la parte inferior derecha de la página.

2. En el cuadro emergente, haz clic en el desktopIcon icono de escritorio o mobileIcon móvil para mostrar u ocultar el elemento. 

Gestionar la configuración de la página

Gestiona la configuración general de tu página, incluyendo su nombre, título, URL, la asignación a una campaña de marketing, la metadescripción y el idioma.

1. En el editor, haz clic en «Más » en la esquina superior derecha y selecciona «Configuración».
2. En el cuadro de diálogo, haz clic en el menú desplegable «Campañas de marketing» y selecciona una campaña para asociarla a la landing page (opcional).
3. En la sección «Nombre de la página », introduce un nombre para la landing page en el campo «Nombre interno de la página ». El nombre interno de la página no se mostrará a los visitantes.
4. Introduce un nombre para la página en el campo «Título de la página ». El título de la página se mostrará a los visitantes.
5. En la sección «URL de la página », haz clic en el menú desplegable «Dominio» y selecciona un dominio. Introduce un slug de URL en el campo «Slug de contenido ».
6. Introduce una descripción de la landing page en el campo «Meta descripción ».
7. Para configurar el idioma de la página, haz clic en el menú desplegable «Idioma de la página» y selecciona un idioma.
8. Cuando hayas terminado, haz clic en «Guardar configuración».

Publicar una página

1. En la esquina superior derecha del editor de contenido, haz clic en el menú desplegable «Publicar» y selecciona una opción:
   • Publicar ahora: publica la página de inmediato.
   • Programar publicación: publica la página en una fecha y hora posteriores.
2. En el cuadro de diálogo, rellena los siguientes campos según la selección que hayas realizado anteriormente:
   • Para «Publicar ahora», confirma los detalles de la página y, a continuación, haz clic en «Publicar».
   • Para programar la publicación, introduce la fecha y la hora y, a continuación, haz clic en «Confirmar programación».