Mbrsolution Blog Español

La extensión Form Builder de WP Simple Membership te muestra cómo crear formularios de membresía personalizados y más.

Actualizado el: 14 de octubre de 2023

Últimas noticias: Actualizada la documentación.

Hay momentos en los que necesitas añadir campos adicionales a tus formularios de membresía. También puedes decidir personalizar el formulario de perfil para tus miembros añadiendo campos de formulario adicionales. Esta publicación cubre la configuración básica disponible para la extensión Form Builder. También aprenderás cómo añadir y personalizar los campos de formulario por defecto añadidos.

Última versión 5.1.4 de la extensión Form Builder, comprobado el 13 de octubre de 2023. Si no tienes la última versión, haz clic en la siguiente URL re-download-the-purchased-addons.

Nota: Cuando instalas y activas la extensión Form Builder, y tienes activado la característica ID de la membresía gratuita, bajo Ajustes generales, tendrás que crear un nuevo formulario de membresía gratuita.

Información: La extensión no esta configurada para ser traducida en la parte de la administración. Pero si esta disponible para ser traducida en la parte frontal del formulario cuando un visitante rellena el formulario.

Qué necesitas:

• Simple membership
• simple-membership-form-builder-addon (Extensión premium)
• simple-membership-registration-form-shortcode-generator (Extensión opcional gratis)

Extensión Form Builder de WP Simple Membership

Importante: Esta extensión no está traducida en la parte de administración, pero sí que está traducida en la portada. A continuación verás cadenas en inglés y la traducción correspondiente en español.

Paso 1 ) Instala y activa la extensión Form Builder que has descargado.

Nota: Consulta la siguiente URL cómo instalar plugins de wordpress para obtener información sobre cómo instalar un plugin o una extensión. 

Paso 2 ) Ve a WP Membership -> Form Builder como puedes ver en la imagen a continuación para comenzar a crear nuevos formularios. También puedes ver la extensión Form Shortcode activado en la imagen a continuación.

Paso 3 ) La siguiente imagen te permite configurar las siguientes opciones. También muestra los formularios añadidos.

Pestañas disponibles:

• Form List = Lista de formularios
• New Form = Nuevo formulario
• Product License = Licencia del producto

Lista de formularios:

• Cuando se muestran los formularios, puedes seleccionarlos y editarlos o eliminarlos.

Paso 3-a ) La siguiente imagen General Settings = Ajustes generales te permite configurar las siguientes opciones.

Ajustes generales de formularios:

• Load a Light Version of the Form Builder CSS = Carga una versión ligera del CSS de Form Builder.
• Use Email Address as the Username = Usar la dirección de correo electrónico como nombre de usuario
• Haz clic en el botón Guardar cambios cuando hayas terminado con los ajustes.

Nuevo formulario

Paso 4 ) Haz clic en la pestaña New Form = Nuevo formulario como puedes ver en la siguiente imagen para crear un nuevo formulario. La siguiente imagen muestra los campos que debes completar y las opciones que debes seleccionar para crear el nuevo formulario.

Opciones de nuevo formulario:

• Name the form = Nombrar el formulario
• Type of the form = Tipo de formulario
• Membership level = Nivel de membresía
• Haz clic en el botón Create Form = Crear formulario para comenzar.

Nota: Cuando creas un botón de Comprar ahora de PayPal, mostrará el formulario asignado al mismo nivel de membresía que el botón de PayPal. Lo mismo se aplica a los botones de suscripciones.

Aviso legal

Si ves la siguiente imagen cuando vas a crear un formulario nuevo, esto significa que aun no has introducido la clave de la licencia legal. Por favor, asegúrate de comprar una licencia válida antes de instalar y activar la extensión.

Form builder addon needs a valid license key to function. Click Here to enter your license key and start using the addon.

La extensión Form builder necesita una clave de licencia válida para funcionar. Haz clic aquí para introducir tu clave de licencia y comenzar a usar la extensión.

Una vez que hayas introducido una licencia legal verás el siguiente mensaje. Ahora podrás comenzar a crear nuevos formularios.

License key activated. You can start using the addon now.

Clave de licencia activada. Ahora puedes comenzar a usar la extensión.

Campos de formulario estándar

Paso 5 ) La siguiente imagen te muestra los campos de formulario Standard = Estándar que puedes usar para crear tu formulario.

Campos de formulario estándar:

• First Name = Nombre de pila
• Last Name = Apellido
• Gender = Género
• Company = Empresa
• Address = Direccion
• Phone = Teléfono
• Profile Image= Imagen de perfil

Campos de formulario personalizado

Paso 6 ) La siguiente imagen te muestra los campos de la pestaña Custom – Personalizado que puedes usar para expandir tu formulario con campos adicionales.

Campos de formulario personalizado:

1. Text = Texto
2. Checkbox = Caja de verificación
3. Select = Selecciona
4. Date = Fecha
5. URL = URL
6. Number = Número
7. Telephone = Teléfono
8. File Upload = Subir archivo
9. Textarea = Área de texto
10. Radio = Radio
11. Address = Dirección
12. Email = Correo electrónico
13. Currency = Moneda
14. Hour = Hora
15. HTML = HTML
16. Instructions = Instrucciones
17. Country = País
18. Member ID = ID de miembro = Nota: Este campo se puede agregar al campo de edición de perfil muestra la ID de miembro del miembro.

Campos de formulario por defecto

Paso 7 ) La siguiente imagen muestra los campos estándar por defecto añadidos a tu formulario cuando haces clic en el botón Nuevo formulario como se mencionó anteriormente. Puede personalizar aún más los campos de formulario predeterminados agregando más opciones a cada campo.

La lista a continuación muestra los campos de formulario estándar que muchos usan en un sitio, especialmente si es un sitio de membresía gratuito. Por supuesto, puedes elegir añadir algunos campos personalizados si lo deseas.

Nota: Los campos por defecto añadidos por la extensión no se pueden eliminar.

Campos de formulario estándar por defecto:

• Form Name = Nombre del formulario = Registración gratuita.
• Settings = Ajustes, Delete = Borrar, Save = Guardar.
• Fieldset = Grupo de campos
• Nombre
• Contraseña
• Nivel de membresía
• Verificación
• Por favor, introduce dos dígitos
• Enviar
• Haz clic en el botón Save Form = Guardar el formulario cuando hayas completado el formulario.

Configuración del campo de texto

Paso 8 ) La siguiente imagen muestra los ajustes que puedes configurar para un campo de texto añadido a un formulario. Solo se ha incluido información básica.

Ajustes del campo de texto del formulario:

• Name = Nombre
• Description = Descripción
• Text = Texto
• Validation = Validación
• Required = Obligatorio
• Size = Tamaño
• Field Layout = Diseño de campo
• Read Only = Solo lectura
• Show to Admin Only = Mostrar sólo al administrador
• Default Value = Valor por defecto
• CSS Class = Clases CSS
• Delete = Borrar Nota: Puedes borrar cualquier campo personalizado añadido a un formulario. Pero no puedes borrar ningún campo estándar añadido por defecto.

Nota: Algunos campos tendrán diferentes opciones disponibles para ajustar y personalizar el campo.

Ajustes de confirmación

Nota: Los siguientes dos pasos no están disponibles cuando alguien se registra como miembro gratuito a menos que tengas la extensión Form Builder instalada y activada.

Paso 9 ) La siguiente imagen Settings -> Confirmation = Ajustes -> Confirmación te permite configurar las siguientes características que se muestran después de enviar un formulario.

Confirmación de formulario:

• Text = Texto
• Page = Página
• Redirect = Redirigir

Ajustes de la notificación

Paso 10 ) Haz clic en Settings -> Notification = Ajustes -> Notificación como puedes ver en la imagen a continuación para activar Send Confirmation Email to User = Enviar el correo electrónico de confirmación al usuario. Esto es importante si deseas notificar al miembro sobre su suscripción a través de un correo electrónico.

Lista de formularios

Paso 11 ) La siguiente pestaña Form List = Lista de formularios te muestra la lista de formularios creados con esta extensión. En este ejemplo, un nuevo formulario de registro ha sido creado. Cada formulario de registro creado tiene un nombre de formulario único, un ID de formulario y cada uno pertenece a un nivel de membresía. La extensión Form Builder también crea automáticamente un formulario de perfil único para cada formulario de registro creado.

Si deseas usar cualquiera de los formularios creados para el registro gratuito debido a una situación particular, puedes usar la siguiente extensión simple-membership-registration-form-shortcode-generator.

Nota: Recuerda, en tu sitio tus formularios tendrán una identificación diferente.

Shortcodes de formulario de registro gratuito

Paso 12 ) Para el nivel gratis, el shortcode es [ swpm_registration_form level=3 ]. Nota: para el formulario de Membresía gratuito no tienes que añadir el parámetro level=3 al shortcode porque esto ya es añadido a los ajustes del plugin en ID de la membresía gratuita. El shortcode por defecto [ swpm_registration_form ] creado al instalar el plugin también funcionará.

Información: Para cada formulario de registro que creas, la extensión también creará un formulario de perfil. Cada formulario de registro debe tener también un formulario de perfil único o sino recibirás mensajes de error. Si por algún motivo no se ha creado el formulario de perfil, debes crearlo tu mismo. El plugin Simple Membership crea automáticamente la página de perfil cuando instalas y activas el plugin por primera vez. El shortcode que añade a la página de perfil es [ swpm_profile_form ]. No tienes que editar ni cambiar este shortcode. El plugin ya sabe qué miembro ha entrado a tu sitio. Extraerá el perfil correcto de acuerdo al nivel de membresía. El siguiente shortcode [ swpm_payment_button id=8100 ] muestra un ejemplo de membresía de pago. (Nota: En tu botón de pago el id será diferente).

Paso 13 ) La siguiente imagen te muestra el resultado final de un formulario de registro muy simple.

FAQ

P1 Estoy usando el complemento Form Builder junto con Simple Membership. La casilla de verificación de la Política de privacidad no aparece en la interfaz. Se activa en el backend pero no pasa nada. ¿Este problema ya debería estar solucionado?

Respuesta: = La casilla de verificación del plugin principal solo se aplica al formulario de registro del plugin principal. Con la extensión Form Builder, puedes crear tus propios campos de casilla de verificación personalizada que puedes usar para los términos y condiciones. La extensión Form Builder te permite crear casillas de verificación personalizadas con el texto que desees usar. Luego puedes hacer que esa casilla de verificación sea obligatoria para que los usuarios tengan que marcarla antes de que puedan completar el formulario de registro.

============

P2 ¿Es posible dirigir a las personas a un nivel de membresía específico dependiendo de qué información es introducida en el formulario de registro? Por ejemplo, introducen un país específico en el formulario al registrarse y eso los colocará en un nivel de membresía específico.

Respuesta: = Esto necesitaría un trabajo personalizado.

============

P3 ¿Son posibles los campos condicionales? Por ejemplo, se introduce una entrada que requiere que el usuario complete otro campo.

Respuesta: = No

============

P4 Algunas de las cadenas del formulario de registración en la portada no están traducidas. ¿Cómo puedo arreglar este problema?

Respuesta: = Es posible que WordPress restablece el archivo de idioma de origen para el plugin Simple Membership en tu sitio. Hay dos métodos que puedes usar para evitar este problema.

Primer método: El siguiente filtro te puede ayudar.

add_filter( ‘auto_update_translation’, ‘__return_false’ );

Segundo método: Instala y activa el plugin Loco Translate. Implementa la siguiente función. https://localise.biz/wordpress/plugin/custom-translations

Tercer método: Los siguiente enlaces también te pueden ayudar.

• https://gist.github.com/swoboda/85cb70e1112db23454e37a838e891fed
• https://gist.github.com/timwhitlock/8d4d2fa35c0ab312d040223ef6990e5b

La implementación de una de las opciones de arriba impedirá que el plugin actualice el archivo de idioma de tu sitio.

=====================================

Espero que esta información te ayude a añadir nuevos formularios con la extensión Form Builder.

Estaré actualizando este tutorial de vez en cuando. No olvides de visitar de nuevo.

Disfrutar.

Lista de cursos de simple membership plugin:

• WP simple membership plugin para miembros