Control del diseño

Formularios personalizados

Available in:v1.0v2.0

Key Benefits

Control del diseño

Empiece desde cero o utilice un formulario ya preparado y personalice los colores, las fuentes, la colocación del logotipo y el diseño general para crear un formulario que se adapte a su marca.

Segmentación

Recopile datos específicos relevantes para las necesidades de su empresa. Incluya campos adicionales para recopilar información y utilizarla para segmentar su audiencia y adaptar su comunicación (como el correo electrónico) y su producto o servicio.

Análisis e información

Recopile, rastree y analice los distintos comportamientos e interacciones de los usuarios.

Cómo integrar su formulario de inicio de sesión Webflow personalizado

Memberstack funciona con los formularios de registro, inicio de sesión y perfil creados en Webflow. A continuación le mostramos cómo integrar su formulario de inicio de sesión personalizado de Webflow con Memberstack.

A. Copiar y pegar

Este método es el más rápido y el más recomendado. Tenemos cientos de componentes personalizables que puedes utilizar para empezar.

1. Pick from over 200+ free components or start with an unstyled signup form.

2. Copie el elemento de formulario y péguelo en su proyecto.

Todos los atributos y el código personalizado que necesita ya se han configurado para usted.

Si desea recopilar información adicional, consulte "Paso opcional 3 → Añadir campos personalizados"

abajo.

-------------

B. Empezar de cero

Paso 1 → Crear un formulario en Webflow

  1. Añade un bloque de formulario.
  2. Añada los campos de entrada obligatorios (correo electrónico y contraseña) y los campos adicionales para los que desee recopilar datos. Pueden ser casillas de verificación, botones de radio, campos de selección o áreas de prueba.

Paso 2 → Añadir los atributos de datos Memberstack.

  1. Add data-ms-form=”signup” to the <form> element.
  2. Añada los datos attributedata-ms-member="email" a su entrada de correo electrónico.
  3. Añada data-ms-member="password" a su entrada de contraseña.

Opcional Paso 3 → Añadir campos personalizados

  1. Si tiene campos personalizados, tendrá que añadirlos a su base de datos en Memberstack. Crear campos personalizados
  2. Memberstack generará un ID de campo para cada uno, que tendrá que añadir a Webflow. El atributo se verá como data-ms-member="custom_field_id", data-ms-member="name", data-ms-member="phone", etc.
  3. Tu formulario está listo para empezar a añadir miembros a tu aplicación Memberstack.

-------------

C. Módulos preconstruidos

Paso 1 → Crea un enlace o botón de registro en tu sitio web.

navbar-signup.jpg

Paso 2 → Añada el atributo data-ms-modal="signup" a su enlace.

atributo_inscripción.jpg

¡Ya está! → ¡Su formulario está listo para los miembros!

signup_modal_preview.jpg

Crear varias páginas de registro

Por favor, coloque sus formularios de registro en páginas individuales. Memberstack no puede procesar correctamente una página con 2 o más formularios de registro.