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í.
Landing Pages

Crear una página de destino con una plantilla de starter

Última actualización: agosto 19, 2020

Requisitos

Marketing Hub  Starter, Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

Con una plantilla de starter, puedes crear fácilmente una página de destino para presentar una oferta de contenido a los visitantes de tu sitio web. Este artículo cubre cómo configurar una página de destino y personalizar el diseño de tu página en una plantilla de starter.

Nota: plantillas de startups noadmiten contenido inteligente, módulos personalizados o acceso al código fuente en módulos de texto enriquecido. Estas plantillas también no admiten opciones avanzadas, como el intercambio de plantillas y el acceso a HTML de encabezado.

Para aprender a crear una página de destino con una plantilla de starter en un tutorial de video, echa un vistazo a esta lección de HubSpot Academy.

Antes de comenzar

Crear una página de destino con una plantilla de starter

Para crear una nueva página de destino con una plantilla de starter:

  • En tu cuenta de HubSpot, dirígete a Marketing > Sitio web > Páginas de destino.
  • En la parte superior derecha, haz clic en Crear > Página de destino.
  • En el menú de la barra lateral izquierda, haz clic en Todas tus plantillas.
  • Coloca el cursor sobre cualquier plantilla etiquetada con una etiqueta Starter y haz clic en Vista preliminar en la parte superior derecha.

starter-template-create-page

  • Para crear una página con esta plantilla, haz clic en Usar plantilla en la parte superior derecha.

Editar contenido en un área de arrastrar y soltar

Las plantillas de Starter contienen módulos, que son bloques de contenido del sitio web. Estos módulos pueden organizarse en filas o columnas verticales.

Las filas y las columnas se pueden agrupar en secciones de elementos. Al agrupar elementos juntos, puedes aplicar estilos de fondo a un área completa de tu página. También puedes arrastrar y soltar estos elementos para reorganizar el diseño de tu página de destino.

Más información sobre cómo editar el contenido de la página en un área de arrastrar y soltar.

Personalizar fuentes, colores y botones

Para personalizar los estilos predeterminados para tu plantilla de starter, haz clic en la pestaña Diseño en el panel izquierdo. También puedes personalizar el color o la imagen de fondo para una fila específica, columna o sección de la página.

edit-starter-theme-on-page

Tipografía

En la sección Tipografía, edita la fuente y estilo de fuentes que se aplican al cuerpo y encabezados de tu página. Se admiten todas las fuentes Google.
  • Texto del cuerpo: personaliza la fuentes, el tamaño de la fuente y los colores de la fuente del cuerpo de tu página.
    • Haz clic en el menú desplegable Texto del cuerpo para seleccionar una fuente.
    • Haz clic en las teclas de flechas para seleccionar un tamaño de fuente.
    • Haz clic en la burbuja de colores para establecer un color para tu fuente. Para establecer un color personalizado, haz clic en la pestaña Avanzado para introducir un valor hexadecimal.
  • Encabezados: personaliza la fuente y el color de la fuente para cualquier texto de tus módulos que tenga una etiqueta de encabezado.
    • Haz clic en el menú desplegable Encabezados para seleccionar una fuente.
    • Haz clic en la burbuja de colores para establecer un color de fuente.
  • Texto del enlace: personaliza las fuentes y los colores que se aplican a los enlaces de tu página
    • Haz clic en el menú desplegable Texto del enlace para seleccionar una fuente.
    • Haz clic en la burbuja de colores para modificar el color de tu enlace.
    • Haz clic en los botones de estilo o en el menú desplegable para seleccionar los estilos que se aplican al texto de tus enlaces, incluyendo si deseas que los enlaces sean subrayados en la página.
    • Para personalizar la manera en la que los enlaces se muestran a los visitantes que interactúan con tu página, puedes personalizar el color y la transparencia del enlace.
      • Color al colocar cursor sobre el enlace: personaliza el color y la transparencia del texto cuando un visitante coloca el cursor sobre los enlaces de tu página.
      • Color del enlace activo: personaliza el color y la transparencia del texto del enlace por opción predeterminada antes de que se haga clic en el enlace.
      • Color del enlace activo: personaliza el color y la transparencia predeterminados del texto antes de que se haga clic en el enlace.

Botones

En la sección Botones, personaliza la manera en que los botones simples y los botones de envío de formularios se encuentran en la página.
  • Color de fondo del botón: personaliza el color que se aplica al fondo de tus botones.
    • Introduce un valor hexadecimal o haz clic en la burbuja de colores para establecer un color para tu fuente.
    • Introduce un valor de porcentaje o haz clic en las teclas de flecha para establecer la transparencia del color de fondo del botón.
  • Color del texto de botones: el color que se aplica al texto de los botones de tu página.
    • Introduce un valor hexadecimal o haz clic en la burbuja de colores para seleccionar un color para el texto.
    • Introduce un valor de porcentaje o haz clic en las teclas de flechas para establecer la transparencia del color del texto.
  • Radio de la esquina del botón: personaliza la forma de los botones de tu formulario introduciendo un valor o arrastra el control deslizante. Un valor más alto significa que los botones de tu página tendrán border más redondos. Un valor de cero indica que los botones serán rectangulares.

Nota: es una buena práctica para mantener colores, fuentes y estilos coherentes según la configuración en la pestaña Diseño. Si por alguna razón deseas anular los estilos predeterminados para un elemento específico en tu página, puedes anular los estilos predeterminados para un módulo en la pestaña Opciones en el panel izquierdo.

Pasos siguientes

Ahora que estás listo para compartir tu página de destino con otros:

/es/landing-pages/edit-a-page-using-a-starter-template