Cómo agregar un FORMULARIO en GreatPages

Cómo agregar un formulario en una página de GreatPages.

Haz clic en el ícono de "Formulario" que se encuentra en el menú lateral izquierdo de la pantalla;

Luego se abrirá el elemento de formulario en tu página. Para editarlo, haz un clic en el formulario y haz clic en "Editar";

En el lado derecho de la pantalla se abrirán las opciones de edición. En el menú "Estilos" editarás la parte visual del formulario, como:

Posición de los títulos: En esta configuración definirás si deseas dejar el título del formulario más hacia adentro o hacia afuera;
Estilo del texto: Seleccione la opción de estilo de texto que desee utilizar. La configuración de cada estilo de texto se encuentra en la configuración de la Guía de estilos, en la sección "Fuentes";

Altura de los campos: La altura de los campos varía entre 36px y 76px. Cuanto mayor sea la cantidad de píxeles, más distante quedará un campo del otro;
Color de fondo: Color de fondo del campo del formulario;
Entre los ítems: Espacio entre campos;
Interno: Espacio interno entre nombres de campos;
Borde: En la configuración de los bordes, puedes dejarlos redondeados. Cuanto mayor sea la cantidad de píxeles, más redondeado quedará el borde;
Sombra: Efecto de sombra alrededor del texto.

Texto del botón: Texto de acción utilizado en el botón de conversión del formulario;
Color del botón: Aquí puedes configurar cuál será el color de fondo del botón y el color del texto del botón;
Color de hover: Color aplicado al pasar el cursor sobre el botón. Por defecto, el color utilizado automáticamente contrasta con el color del botón;
Estilo del texto: El estilo de texto determina el tamaño de la fuente en comparación con la configuración del Design System de la página;
Borde: En esta parte configuras mejor los bordes del botón, dejándolo más o menos redondeado de acuerdo con la cantidad de píxeles.
Sombra: Efecto de sombra alrededor del botón.

Efecto: Selecciona el estilo de efecto deseado para el elemento. Al alternar entre los efectos, podrás ver cómo funciona cada uno.
Dirección: Aquí puedes configurar cuál será la dirección de la animación, por ejemplo: hacia arriba, hacia abajo, hacia la derecha o hacia la izquierda.
Velocidad: Donde definirás cuál será la velocidad de tu animación. Cuanto más cerca de 250ms, más rápida será la velocidad; cuanto más cerca de 2000ms, más lenta será la velocidad de la animación.
Retraso: Esta configuración te permite definir el tiempo de retraso de tu animación. Ese tiempo varía de 0ms hasta 2000ms.
Repetir: En esta función puedes elegir si la animación aparecerá solo una vez o continuamente.

Campos del formulario: Es la opción donde se editan o agregan nuevos campos de formulario. Para anãdir nuevos campos haz un clic en el botón "Anãdir campo";
Redirigir a: Es el campo donde insertas un enlace de redirección y, al hacer clic para enviar el formulario, el visitante será redirigido al enlace configurado;
Mensaje de éxito: Es a través de este campo que configuras el mensaje que aparecerá para tu usuario después del envío del formulario;
Integraciones: Con este campo, integrarás con plataformas de e-mail marketing;
Visibilidad: El campo donde defines si el formulario aparecerá o no en la versión Desktop y Mobile.

Y por último, tenemos la configuración del código externo, a la que se puede acceder haciendo clic en "Configurar";

Selector CSS del elemento: Campo disponible para copiar el ID del bloque;
Edita el HTML: Utilice este campo únicamente si desea editar la apariencia del botón de acción del formulario mediante código.
Javascript del botón: Utilice este campo únicamente si desea agregar código que se ejecute solo cuando se haga clic en este botón.

¡Esperamos haberte ayudado! Ante cualquier duda contacta a nuestro soporte, siempre estamos a disposición.

Actualizado el: 11/08/2026

¿Este artículo te resultó útil?

¡Gracias!