Última actualización: junio 21, 2023
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique lo contrario:
Todos los productos y planes
|
En el editor de contenido, puedes utilizar las herramientas de arrastrar y soltar para añadir, editar y reorganizar el contenido de las entradas y páginas de tu blog. Las herramientas de arrastrar y soltar no están disponibles para algunas entradas y páginas.
Agregar y editar módulos
Los módulos son bloques individuales de contenido del sitio web. Algunos módulos, como el módulo de texto enriquecido, pueden contener múltiples tipos de contenido.
-
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 el contenido en cuestión y haz clic en Editar.
- En la barra lateral izquierda, haz clic en el icono Añadir .
- En la segunda columna, haz clic en un módulo de categoría:
- Tema: módulos específicos del tema de tu sitio web .
- Común: módulos de uso común disponibles en todas las cuentas de HubSpot. Más información sobre módulos comunes.
- Todos: todos los módulos disponibles.
- En la tercera columna, haz clic en un módulo y arrástralo hasta su posición en tu contenido. .
- Para ajustar el ancho de un módulo, haz clic en el separador vertical entre columnas y arrástralo a la posición.
- Para editar un módulo, haz clic en el módulo en tu contenido.
- Para añadir una copia de un módulo a tu contenido, pasa el ratón por encima del módulo y haz clic en el icono clone .
- Para eliminar un módulo de tu contenido, pasa el ratón por encima del módulo y haz clic en el icono eliminar .
Utiliza las secciones
Las secciones son grupos más grandes formados por diferentes módulos. Puedes crear secciones de página reutilizables arrastrando módulos a un diseño de sección en blanco. Los desarrolladores también pueden crear secciones reutilizables utilizando nuestra documentación para desarrolladores . Una vez creadas, las secciones pueden utilizarse en cualquier página que utilice el mismo tema y admita la edición mediante arrastrar y soltar
Nota: no se pueden guardar más de 50 secciones reutilizables a la vez. Para guardar una nueva sección reutilizable, elimina una sección reutilizable existente.
Crear una sección
Puedes crear una sección seleccionando un diseño y añadiéndole módulos.
-
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.
- En el editor de contenidos, haz clic en el icono Añadir de la barra lateral izquierda.
- En la primera columna, haz clic en Layouts.
- Haz clic en un diseño de y arrástralo hasta su lugar en la página.
- En la barra lateral izquierda, haz clic en el icono Añadir .
- En la primera columna, haz clic en Módulos.
- En la segunda columna, haz clic en un módulo de categoría.
- En la tercera columna, haz clic en un módulo , y arrástralo hasta su posición en la página. Repítelo para cada módulo de tu sección.
- Pasa el ratón por encima de la sección y haz clic en el icono hacia abajo , luego selecciona Guardar sección.
Nota: Las secciones de página existentes y las creadas sin diseño también pueden guardarse como secciones reutilizables.
- En el cuadro de diálogo, introduce un nombre y una descripción para tu sección, y luego haz clic en Guardar.
Añadir o eliminar una secció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.
- En el editor de contenidos, haz clic en el icono Añadir de la barra lateral izquierda.
- En la primera columna, haz clic en Secciones.
- En la segunda columna, haz clic en un tipo de sección :
- Guardado: secciones creadas en el editor de contenidos, que luego se guardan para utilizarlas en diferentes páginas.
- Tema: secciones creadas por el desarrollador del tema utilizado para tu página.
- En la tercera columna, haz clic en una sección de , y arrástrala hasta su posición en tu página.
Nota: Si añades una sección guardada que contiene reglas inteligentes, esas reglas se aplicarán a la nueva sección añadida. Estas secciones se etiquetarán como Smart.
- Para eliminar una sección de tus secciones guardadas, pasa el ratón sobre ella y haz clic en el icono de eliminación . En el cuadro de diálogo, haz clic en Eliminar.
Contenido de estilo
En el editor de contenido, puedes editar las opciones de estilo, como el relleno y los márgenes, en la pestaña Estilos del editor de la barra lateral. Puedes editar estilos para módulos y secciones, así como filas y columnas de contenido.
Las opciones de estilo disponibles para los módulos personalizados y los temas son establecidas por los desarrolladores creadores. Más información sobre el módulo y las opciones de estilo del tema en nuestra documentación para desarrolladores.
-
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.
- Blog: En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Blog.
- Coloca el cursor sobre el contenido en cuestión y haz clic en Editar.
- En el editor de contenidos, haz clic en un módulo , o en un icono de sección , fila, o columna de un elemento.
- En el editor de la barra lateral, haz clic en la pestaña Estilos .
- Para ocultar un elemento:
- Haz clic para ampliar la sección Visibilidad .
- En la sección Ocultar en este punto de interrupción , haz clic en Ocultar. Por defecto, esto ocultará el módulo en las vistas de escritorio y móvil.
- Para mostrar el módulo sólo en móvil o escritorio, haz clic en el icono móvil o escritorio en la parte superior de la página. Haz clic para ampliar la sección Visibilidad . En la sección Ocultar en este punto de interrupción , haz clic en Mostrar. Esto mostrará el módulo en el tipo de dispositivo seleccionado, pero lo ocultará en caso contrario.
- Para establecer el relleno y los márgenes:
- Haz clic para ampliar la sección Alineación y espaciado y, a continuación, haz clic en Relleno o Margen.
-
- Para añadir un espaciado uniforme a todos los lados, selecciona la casilla Aplicar a todos los lados , e introduce un valor en píxeles en cualquier campo.
- Para añadir un relleno diferente a cada lado, introduce los valores en píxeles en los campos Superior, Izquierda, Derecha, y Inferior .
- Para establecer el fondo de un elemento, haz clic para expandir la sección Fondo , luego selecciona una opción:
- Ninguno: elimina cualquier color o imagen de fondo.
- Color: establece un único color como fondo. Introduce un valor hexadecimal , o haz clic en el selector de olor c y selecciona un color , e introduce un valor de transparencia .
- Imagen: establece una imagen como fondo. Haz clic en Subir para añadir una imagen desde tu ordenador, o haz clic en Examinar imágenes para seleccionar una imagen de tus archivos.
- Gradiente: establece dos colores que se desvanecen y se mezclan como color de fondo. Haz clic en el menú desplegable Dirección y selecciona una dirección de degradado . Para cada color, introduce un valor hexadecimal , o haz clic en el selector de olor c y selecciona un color , y luego introduce un valor de transparencia .
Ten en cuenta: las opciones exactas que aparecen en la pestaña Estilos pueden variar, especialmente en el caso de los módulos personalizados. Más información sobre las opciones de estilo de para los módulos personalizados en nuestra documentación para desarrolladores.
Gestiona tus contenidos
En el editor de la barra lateral, puedes ver un resumen de las secciones, filas, columnas y módulos de tu contenido. Desde ahí, puedes renombrarlas, editarlas, clonarlas, borrarlas u ocultarlas:
-
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.
- En la barra lateral izquierda, haz clic en la pestaña Contenidos .
- Puedes controlar qué elementos de la página son visibles en el editor de la barra lateral:
- Para ver sólo las secciones de tu página, haz clic en Contraer todo. Esto contraerá todas las filas, columnas y módulos para que sólo sean visibles las secciones en el editor de la barra lateral.
- Para ver todo el contenido de tu página, haz clic en Expandir todo. Esto mostrará todas las secciones, filas, columnas y módulos en el editor de la barra lateral.
- Para ver un elemento individual de la página o un contenedor, haz clic en el signo + más situado junto a su nombre.
- Para ocultar un elemento o contenedor, haz clic en el signo - menos situado junto a su nombre.
- También puedes editar, renombrar, clonar, borrar y ocultar elementos de la página:
- Para editar un elemento, haz clic en su nombre .
- Para cambiar el nombre de un elemento, haz clic en los tres puntos que hay junto a su nombre y, a continuación, selecciona Renombrar [elemento]. En el cuadro de diálogo, introduce un nombre para el elemento y, a continuación, haz clic en Guardar.
- Para clonar un elemento, haz clic en los tres puntos que hay junto a su nombre y, a continuación, selecciona Clonar. Esto creará una copia exacta del elemento original adyacente a él.
- Para eliminar un elemento, haz clic en los tres puntos junto a su nombre y, a continuación, selecciona Eliminar.
- Para ocultar un módulo, haz clic en el icono ocultar . Esto ocultará el módulo en la vista previa del contenido, pero no en el editor de la barra lateral. Para mostrar un módulo oculto en la página, haz clic en el icono mostrar.
