Crear una página de destino con una plantilla de inicio
Última actualización: marzo 26, 2021
Requisitos
Todos los productos y planes |
Puedes usar una plantilla de inicio para crear una página de destino simple que presente una oferta de contenido a los visitantes de tu sitio web. Este artículo cubre cómo crear una nueva página de destino, personalizar el diseño de tu página y publicar tu página.
Nota:las plantillas de inicio no admiten contenido inteligente, módulos personalizados, personalización, acceso al código fuente en módulos de texto enriquecido u opciones avanzadas como intercambio de plantillas y accesp al HTML de encabezado.
Antes de comenzar
- Descubre cómo crear páginas de destino en las lecciones de video de Academy diseñadas para cuentas de Marketing Hub Starter y CRM Free.
- Asegúrate de que tu dominio esté conectado para la publicación de páginas. Si estás usando el generador de páginas de destino gratuito, ya tienes un dominio de HubSpot gratuito que está listo para publicar.
- Crea la oferta que les proporcionas a tus visitantes que envían el formulario en tu página de destino. Podrías ofrecer una guía, una suscripción a un boletín informativo o incluso un webinario. Más información sobre las ofertas de contenido y ver algunos ejemplos.
- Crear un formulario para recopilar información de tus contactos. Si es necesario, crea propiedades personalizadas para recopilar información única para tu negocio.
- Configura un correo de seguimiento para entregar tu oferta de contenido a contactos que envíen tu formulario.
Crear una página de destino con una plantilla de inicio
Para crear una nueva página de destino con una plantilla de inicio:
- 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 una plantilla y haz clic en Vista preliminar en la esquina superior derecha.
- Para crear una página con esta plantilla, haz clic en Usar plantilla en la parte superior derecha.
Editar el contenido de tu página
Las plantillas de inicio contienen bloques de contenido del sitio web llamados módulos. Puedes organizar estos módulos en filas horizontales 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. Más información sobre cómo editar el contenido de la página en un área de arrastrar y soltar.
Para personalizar la manera en que aparece el contenido de tu página en un dispositivo móvil, haz clic en el icono mobile ediEditar para dispositivos móviles en la parte superior izquierda.
Personalizar fuentes, colores y botones
Para personalizar los estilos predeterminados para tu plantilla de inicio, 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.
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.
- Encabezado: personaliza la fuente y el color para el texto en módulos con 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 color para seleccionar un color de 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.
- 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 el cursor sobre el enlace: personaliza el color y la transparencia del texto del enlace cuando un visitante coloca el cursor sobre el enlace.
-
-
- 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.
- 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 bordes redondos, mientras que un valor de cero significa que los botones serán rectangular.
Nota: HubSpot recomienda mantener colores, fuentes y estilos coherentes según la configuración en la pestaña Diseño. Puedes anular los estilos predeterminados para un módulo individual en la pestaña Opciones en el panel izquierdo.
Optimizar tu página para motores de búsqueda
Haz clic en la pestaña Optimización para abrir la herramienta Optimizador de SEO. Aquí puedes revisar las recomendaciones para mejorar el rendimiento de tu contenido en los motores de búsqueda.
Editar la configuración de tu página
Haz clic en la pestaña Configuración para personalizar los detalles de tu página.
- Nombre de la página interna: el nombre de la página que solo los usuarios de HubSpot ven. No se muestra a los visitantes.
- Título de la página: el título que el visitante ve en la pestaña en la parte superior de tu navegador cuando se carga la página.
- URL de la página: la URL para tu página. Aparece en la barra URL dentro del navegador cuando los visitantes navegan a esta página. Puedes editar la URL de tu página incluso después de que se haya publicado.
- Metadescripción: el contenido que aparecerá en los resultados de la búsqueda debajo del título de la página.
- Imagen destacada: haz clic para activar este interruptor para una imagen específica que se mostrará cuando se comparta tu página en las redes sociales. Haz clic en Cargar para seleccionar una imagen de tu equipo o Explorar imágenes para seleccionar una imagen de la herramienta archivos.
Vista preliminar y publicar tu plantilla
Antes de que tu página aparezca en vivo, haz clic en Vista preliminar en la parte superior derecha para probar cómo aparecerá tu página en un dispositivo móvil. Cuando estés satisfecho con la vista preliminar de tu página, haz clic en Publicar en la parte superior derecha.
Contenido relacionado
-
Agregar el código de Google Tag Manager a las páginas
Puedes integrar Google Tag Manager con HubSpot para administrar el seguimiento de múltiples fuentes en un...
Base de conocimientos -
Personalizar tu contenido
Con fichas de personalización, puedes mostrar contenido personalizado a tus contactos según sus valores de...
Base de conocimientos -
Integrar Google Analytics con tus páginas de HubSpot o blog
Puedes integrar tu sitio web de HubSpot y el contenido del blog con Google Analytics agregando tu ID de...
Base de conocimientos