¿Qué herramientas están disponibles en el editor de Landing Pages?
Una vez que comienzas a crear tu landing page, puedes personalizarla para que se adapte mejor a tus necesidades. Aquí hay algunas cosas que podrás añadir y personalizar dentro del editor de Landing Pages de GetResponse:
- Sección
- Texto
- Imagen
- Botón
- Vídeo
- Separador
- Espaciador
- Iconos de redes sociales
- Código personalizado
- Galería
- Temporizador
- Formulario
- Ventana emergente
- Formulario de inscripción a un webinar
- Caja de producto
- Caja del curso e índice
Secciones
Las secciones son una buena forma de organizar el contenido de tu página. Puedes pensar en una sección como un contenedor que agrupa elementos. Cuando agrupas elementos como botones, etiquetas o imágenes, puedes moverlos o eliminarlos con un solo clic.
Las secciones tienen dos funciones principales:
- Organizan los elementos en grupos lógicos.
- Permiten gestionar los contenidos de forma sencilla.
La mayoría de nuestras plantillas de landing page están compuestas por secciones. También puedes añadir secciones adicionales a tu plantilla.
Obtén más información sobre cómo utilizar las secciones en nuestro editor de landing pages.
Texto
Puedes añadir un nuevo cuadro de texto desde la barra de herramientas o editar el texto que ya está en la plantilla. Haz clic en el texto o en el cuadro de texto para realizar cambios. Las opciones de edición incluyen:
- Tipo
- Fuente
- Tamaño de fuente
- Estilo de fuente
- Color de fuente
- Color de fondo
- Alineación
- Altura de línea
- Estilo de lista
- Hipervínculo
- Emojis
- Ajustes del bloque (color, relleno, borde, radio, sombra y medios del fondo)
Imagen
En GetResponse, encontrarás una variedad de imágenes de stock para elegir, o puedes subir tus propios gráficos (imágenes o gifs) desde tu ordenador o desde una URL. Una vez insertados, haz clic en ellos para ver más opciones de edición. Entre ellas están:
- Texto alternativo
- Enlace para hacer clic
- Anchura y altura
- Escala a pantalla completa en móviles
- Opacidad
- Alineación
- Ajustes avanzados (borde, radio, sombra)
- Configuración del bloque (color, relleno, borde, radio y sombra)
También puedes reemplazar o editar la imagen utilizando un editor de fotos integrado directamente desde el editor de tu landing page.
Para reemplazar la imagen, haz clic en el botón Reemplazar y selecciona una diferente. Para editar la imagen en el editor, haz clic en el botón Editar.
En el editor, puedes recortar, redimensionar, ajustar y transformar la imagen. También puedes añadir filtros, superposiciones, pegatinas y texto.
Una vez finalizada la edición, haz clic en el enlace Guardar para guardar la versión editada de la imagen.
Botón
Si quieres enlazar con otra página web, número de teléfono, documento PDF, etc., puedes utilizar un botón. Haz clic en un botón para ajustar lo siguiente:
- Texto del botón
- Tipo de enlace
- URL
- ¿Cómo debe abrirse el enlace?
- Estilo
- Forma
- Tamaño
- Alineación
- Ajustes avanzados (radio, sombra)
- Ajustes del bloque (color, relleno, borde, radio y sombra)
Video
Puedes incrustar vídeos de plataformas de alojamiento de vídeos como YouTube directamente en tu landing page. Una vez que arrastres el bloque de vídeo a la página, haz clic en él y especifica la URL del vídeo. Después de hacerlo, podrás ajustar la siguiente configuración:
- Reproducción automática silenciada – Inicia automáticamente la reproducción del clip silenciado una vez cargada la página (no todos los navegadores admiten la reproducción automática).
- Silenciar – Activar silencio por defecto
- Bucle – Configura el vídeo para que se reproduzca en repetición en bucle
- Controles – Mostrar u ocultar los controles de vídeo por defecto proporcionados por la plataforma de vídeo
- Anchura y altura
- Escala a pantalla completa en dispositivos móviles
- Alineación
- Ajustes avanzados (borde, radio, sombra)
- Ajustes de bloque (color, relleno, borde, radio y sombra)
Obtén más información sobre cómo añadir vídeos a tus landing pages.
Separador
Los separadores son líneas gráficas que pueden añadir pequeños acentos de diseño a tu página y ayudar a resaltar las áreas más importantes. Se pueden ajustar:
- Diseño (horizontal o vertical)
- Estilo
- Altura
- Alineación
- Ajustes del bloque (color, relleno, borde, radio y sombra)
Espaciador
Utiliza espaciadores para añadir espacio adicional entre los objetos de tu landing page. Pueden ayudarte a dirigir la atención de los visitantes a las áreas importantes y darte más opciones para el diseño de la página. Puedes configurar los siguientes ajustes:
- Color
- Borde
- Radio
- Sombra
Iconos de redes sociales
Puedes añadir iconos de redes sociales y de compartir en redes sociales a tu landing page para proporcionar un acceso rápido y fomentar un mayor compromiso por parte de tus visitantes. En la configuración de este bloque, puedes especificar:
- Acción – qué debe ocurrir cuando se hace clic en uno de los iconos de las redes sociales
- Plataformas de redes sociales
- Estilo
- Diseño (horizontal o vertical)
- Alineación
- Color
- Tamaño
- Espaciado
- Ajustes del bloque (color, relleno, borde, radio y sombra)
Obtén más información sobre cómo añadir iconos de redes sociales a tu landing page.
Código personalizado
Puedes añadir tu propio código HTML, formato CSS y JavaScript a tu landing page utilizando el elemento Custom code.
Aquí encontrarás información detallada sobre el bloque de código personalizado.
Galería
Puedes añadir una galería de imágenes a tu landing page para presentar tus productos y servicios, llamar la atención de los visitantes sobre los aspectos más destacados de tu contenido o crear un ambiente visual que sirva de escaparate de tu negocio. Para este bloque, puedes ajustar:
- Imágenes mostradas en la galería
- Estilo de visualización (mampostería, cuadrícula o presentación de diapositivas)
- Anchura y altura (para el estilo de presentación de diapositivas)
- Tamaño de la imagen (para los estilos de cuadrícula y mampostería)
- Espaciado horizontal y vertical de la imagen (para los estilos de rejilla y mampostería)
- Ajustes avanzados (borde, radio y sombra)
- Ajustes del bloque (color, relleno, borde, radio y sombra)
Temporizador
Puedes añadir un temporizador a tu landing page para realizar una cuenta atrás hasta una fecha futura concreta. También puedes configurar una cuenta atrás permanente. Esta cuenta atrás se iniciará en el momento en que los visitantes abran la página y activará una redirección de venta adicional. Esta es una gran manera de anunciar una venta, upsell, o construir la anticipación para un evento. Ayuda a crear una sensación de urgencia para animar a los contactos potenciales a suscribirse a su lista.
Para este elemento, puedes configurar:
- Tipo ( permanente o fecha fija)
- Duración de la cuenta atrás
- Formato
- Diseño del contador (fuente, tamaño de fuente, estilo de fuente, color de fuente, color de fondo, relleno, borde, radio)
- Diseño de etiquetas (fuente, tamaño de fuente, estilo de fuente, color de fuente y mostrar etiquetas)
- Ajustes del bloque (color, relleno, borde, radio y sombra)
Obtén más información sobre cómo utilizar temporizadores en nuestro editor de landing pages.
Formulario
En nuestro editor de landing pages, puedes incrustar dos tipos de formularios:
- Formularios de suscripción: te permiten convertir visitantes en suscriptores y aumentar el alcance de tu negocio en Internet.
- Formularios de contacto: permiten a tus visitantes dejarte mensajes y hacerte preguntas. Podrás responder por chat o manualmente por correo electrónico o teléfono.
Aquí encontrarás más información sobre la diferencia entre formularios de contacto y de suscripción.
Ventana emergente
Añadir ventanas emergentes a tu landing page puede motivar a los clientes a realizar acciones específicas. Las ventanas emergentes pueden incluir formularios de suscripción o utilizarse para promocionar ventas y eventos. Para las ventanas emergentes, puedes configurar su:
- Tamaño
- Posición
- Disparador
- Temporización
- Frecuencia
- Ajustes de bloque (color, relleno, borde, radio, sombra, superposición y color de superposición)
Formulario de inscripción al webinar
También es posible añadir formularios de webinar a tu landing page. Si ya has programado webinars, arrastra y suelta el módulo de webinar en tu landing page. El resto se hace automáticamente. Para facilitarte la labor, siempre se selecciona por defecto el último webinar que hayas creado. Por supuesto, tú decides qué webinar promocionar en tu landing page.
Al arrastrar el módulo a tu sitio web, el módulo del webinar incluye el título, la fecha, la zona horaria, campos para introducir el nombre y la dirección de correo electrónico, y un botón para unirse. En la barra de herramientas, puedes configurar la visualización de los siguientes elementos:
- Título del webinar
- Fecha y hora
- Ajustes del formulario
- Ajuste del bloque (color, relleno, borde, radio y sombra)
Aquí encontrarás más información sobre los formularios de inscripción a webinars.
Caja de producto
Ahora puedes añadir cajas de productos a tu landing page para proporcionar un acceso rápido y fomentar un mayor compromiso por parte de tus visitantes.
Para usar esta función, necesitas conectar tu tienda a GetResponse o crear una nueva tienda en nuestro sistema.
Después de hacerlo, podrás seleccionar productos específicos para mostrar, así como modificar la configuración de la caja de productos, incluyendo:
- Ajustes de visualización
- Diseño de la tarjeta de producto
- Ajustes del bloque (color, relleno, borde, radio y sombra)
Más información sobre cómo añadir un cuadro de producto a tu landing page.
Caja de curso e índice
Ahora puedes promocionar cursos en tus landing pages utilizando nuestros bloques Caja de curso e Índice.
- Una Caja de curso es un bloque que te permite mostrar cursos en tus sitios web y landing pages con el fin de captar alumnos potenciales. Ofrece a tus contactos la opción de familiarizarse con tu curso e inscribirse sin mayor esfuerzo.
- Se puede utilizar un Índice para mostrar los capítulos y lecciones incluidos en el curso en una landing page o sitio web. Utilizarlo puede ser beneficioso si quieres familiarizar a los potenciales clientes potenciales con la oferta de tu curso.
Encontrarás más información sobre estos bloques de cursos aquí.
Pasos para las landing pages anteriores
Una vez que ingresas al espacio de trabajo del Editor de Landing Pages, puedes personalizar tu página para que se adapte mejor a tus necesidades. Aquí hay algunas cosas que podrás añadir y personalizar dentro del Editor de Landing Pages GetResponse:
- fondo
- sección
- texto
- imagen
- botón
- formulario
- forma
- webinar
- vídeo
- iconos para compartir en redes sociales
- botón PayPal
- código personalizado
Fondo
Para cambiar el fondo de una plantilla, haz doble clic en ella para ver las opciones de edición. Puedes elegir entre:
- color sólido
- degradado
- una imagen diferente. Si seleccionas una imagen, puedes decidir cómo quieres que encaje dentro de la sección.
Borde y sombra
Para cada uno de los elementos que añadas o edites, puedes establecer un borde y/o una sombra. Es una buena forma de hacer que un elemento destaque cuando necesites llamar la atención sobre él. Para acceder a estos ajustes, haz doble clic en un elemento y elige el icono de herramientas de estilo de la barra de herramientas.
Para el borde, puedes establecer:
- estilo
- tamaño
- color
- radio
Para la sombra, puedes establecer:
- color
- dirección
- distancia
- amplitud
- desenfoque
Secciones
Las secciones tienen dos funciones principales:
- Organizan los elementos en grupos lógicos.
- Permiten gestionar los contenidos de forma sencilla.
La mayoría de nuestras plantillas de landing page están compuestas por secciones. También puedes añadir secciones adicionales a tu plantilla.
Obtén más información sobre cómo utilizar las secciones en nuestro editor de landing pages.
Texto
Puedes añadir un nuevo cuadro de texto desde la barra de herramientas o editar el texto que ya está en la plantilla. Haz doble clic en el texto o en el cuadro de texto para realizar cambios. Las opciones de edición incluyen:
- fuente
- tamaño de letra
- color de fuente
- fondo del texto
- espaciado
- negrita
- cursiva
- guión bajo
- tachado
- orientación (izquierda, centro, derecha)
- viñetas
- lista numerada
- hipervínculo
- sombra
Imagen
En GetResponse encontrarás una variedad de imágenes de stock para elegir, o puedes subir tus propios gráficos (imágenes o gifs) desde tu ordenador o desde una URL. Una vez que los agregues, haz doble clic en ellos para ver más opciones de edición. Entre ellas están:
- tamaño
- borde
- sombra
- hipervínculo
También puedes utilizar alguna de las funciones de edición más avanzadas, como:
- filtro
- pin
- orientación
- redimensionar
- recortar
- añadir texto
- dibujar
- ajuste
Botón
Si quieres enlazar con otro sitio web, vídeo, documento PDF, etc., puedes utilizar un botón. Haz doble clic en un botón para ajustar lo siguiente:
- dimensionamiento
- fuente del texto del botón
- tamaño de fuente
- color de fuente
- negrita
- cursiva
- guión bajo
- tachado
- hipervínculo
- sombra
- color del botón
- borde y sombra
Hipervínculo
Elementos como bloques de texto, bloques de imágenes y botones incluyen la opción de añadir un hipervínculo. Para acceder a ella, haz doble clic en el elemento y elige el icono de hipervínculo. Una vez elegido, puedes seleccionar entre diferentes tipos de enlace. Estos son:
- dirección web se utiliza para redirigir a los visitantes a otra página en línea de tu elección.
- email abrirá una nueva ventana de correo electrónico dentro de la aplicación de correo predeterminada del visitante dirigida al correo electrónico de tu elección. También puedes colocar una línea de asunto para ese correo electrónico.
- sección se puede utilizar para dirigir a los visitantes a una sección específica de tu landing page.
- teléfono permitirá a los visitantes realizar una llamada telefónica directamente desde tu landing page al número que selecciones.
- webinar se utiliza para conectar un elemento a webinars activos desde tu cuenta. Seleccionando este tipo de enlace llevarás a los visitantes a la página de registro para el webinar que selecciones.
Formulario
Algunas plantillas ya incluyen un formulario de inscripción. Si no, puedes añadir uno desde la barra de herramientas. Elige entre un formulario estático o uno emergente.
Para editar el formulario de registro estático, haz doble clic en el formulario para activar las opciones de edición adicionales:
- haz clic en el formulario o en campos específicos, o en el botón, para cambiar el texto y el formato
- haz doble clic en el formulario para empezar a añadir campos adicionales: campos personalizados y campos de consentimiento. Los campos personalizados te ayudan a recopilar información de contacto. Los campos de consentimiento permiten a tus contactos dar su consentimiento a tus políticas de marketing o de tratamiento de datos cuando se registran.
Para añadir los campos, haz clic en el botón Campos del formulario.
A continuación, haz clic en la pestaña Campos personalizados y selecciona los campos personalizados que desees utilizar. Haz clic en la pestaña Campos de consentimiento para ver los campos de consentimiento que has creado en tu cuenta. A continuación, selecciona los campos que quieras añadir al formulario.
El botón de tu formulario sólo puede recoger contactos en tu cuenta. No puede utilizarse como hipervínculo. Para dirigir a los contactos a una ubicación específica después de que se registren, utiliza la configuración de la página de agradecimiento.
Forma
Las formas pueden ayudarte a añadir marcadores visuales de separación, llamar la atención sobre determinadas secciones de tu página o crear marcos para elementos específicos. Puedes elegir una de las siguientes:
- círculo
- rectángulo
- línea horizontal o vertical
Haz doble clic en la forma para editar su fondo, borde y sombra.
Webinar
Para facilitar a tus contactos la inscripción a un webinar, puedes añadir un formulario de inscripción a un webinar directamente a tu landing page. Haz doble clic en el webinar para seleccionar cuál quieres utilizar (si tienes más de uno programado). Al igual que con el formulario, puede personalizar el formulario de registro y añadir campos personalizados y de consentimiento.
Más información sobre cómo añadir webinars a tu landing page.
Video
Puedes incrustar vídeos de plataformas de alojamiento de vídeos como YouTube directamente en tu landing page. Una vez que arrastres el bloque de vídeo a la página, haz doble clic en él para fijarlo:
- la URL del vídeo
- borde y sombra
- ajustes de visualización del vídeo
Obtén más información sobre cómo añadir vídeos a tus landing pages.
Iconos de redes sociales
Estos iconos hacen posible que tus visitantes compartan la página en sus feeds y atraigan más tráfico hacia ella. No son editables.
Los iconos para compartir en redes sociales no pueden utilizarse como enlaces a tus perfiles en redes sociales. Si quieres enlazar a tus perfiles, añade los logotipos de las redes sociales como imágenes y utilízalos como hipervínculos.
Botón PayPal
Ofrecemos una integración con PayPal para facilitarte la venta de tus productos a través de las landing pages.
Obtén más información sobre la integración y cómo utilizar el botón.
Código personalizado
Si eres un usuario avanzado, puedes utilizar la opción de código personalizado para añadir funciones que no están disponibles en la barra de herramientas de la landing page.
Obtén más información sobre cómo añadir código personalizado a tu landing page.
Temporizador de cuenta atrás
El temporizador de cuenta atrás te permite contar los días, horas, minutos y segundos hasta una fecha futura específica o configurar un temporizador permanente. Es una forma estupenda de anunciar una venta, una venta adicional o de crear expectación ante un evento. Ayuda a crear una sensación de urgencia para animar a los contactos potenciales a suscribirse a su lista.
Más información sobre cómo utilizar el temporizador de cuenta atrás.
Ajustes SEO
En el icono Ajustes, podrás elegir cómo aparecerá tu página en los resultados de búsqueda y cuándo se enlazará.
Puedes configurar lo siguiente:
- título de la página
- descripción de la página
- notificación de cookies
- favicon
- imagen de Facebook
Vista previa
Puedes previsualizar tu landing page, página de agradecimiento y sus versiones móviles mientras trabajas. Haz clic en el icono Vista previa para echar un vistazo al aspecto que tendrá tu página cuando esté publicada.