May 122020
 

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

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 4.8.4 de la extensión Form Builder, verificado el 12 de mayo de 2020. Si no tienes la última versión, haz clic en el 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.

Qué necesitas:

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: Consulte la siguiente URL cómo instalar plugins de wordpress para obtener información sobre cómo instalar un complemento o complemento.

Paso 2 ) Ves 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.

menu-extension-form-builder-wordpress-simple-membership

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.

ajustes-lista-de-formularios-form-builder-wp-simple-membership

Paso 3-a ) La siguiente imagen 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.
  • Haz clic en el botón Guardar cambios cuando hayas terminado con la configuración.

ajustes-generales-form-builder-wp-simple-membership

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.

crear-formulario-form-builder-wp-simple-membership

Aviso legal

Si ves la siguiente imagen cuando vas a crear un formulario nuevo, esque aun no has introducido una licencia legal. Por favor, asegurate 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.

aviso-form-builder-wp-simple-membership

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.

licencia-activada-form-builder-wp-simple-membership

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-estandar-form-builder-wp-simple-membership

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. 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-personalizados-form-builder-wp-simple-membership

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.

A continuación se muestra una lista de campos de formulario estándar que muchos usan en un sitio, especialmente si es un sitio de membresía gratuito. Por supuesto, puede elegir agregar algunos campos personalizados si lo desea.

Nota: Los campos predeterminados agregados por el complemento 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.
  • 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.

campos-formulario-por-defecto-wp-simple-membership

Configuración del campo de texto

Paso 8 ) La siguiente imagen muestra la configuración que puede configurar y configurar para un campo de texto agregado a un formulario. Solo he 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.

campos-texto-personalizado-form-builder-wp-simple-membership

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-confirmacion-form-builder-wp-simple-membership

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.

notificacion-form-builder-wp-simple-membership

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, he creado un nuevo formulario de registro. 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 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.

lista-form-builder-wp-simple-membership

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 no se crea el formulario de perfil, debes crearlo tu mismo. El plugin Simple Membership ya crea 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 sabe qué miembro ha entrado. 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).

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: Añade el siguiente filtro al archivo wp-config.php.

add_filter( ‘auto_update_translation’, ‘__return_false’ );

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

La implementación de una de las características anteriores 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:

Me llamo Manuel Ballesta Ruiz. Trabajo en informática desde 1999 y disfruto de los desafíos que me trae. Me encanta desarrollar sitios con WordPress. Paso mucho tiempo ayudando en los foros de wordpress.org. He estado escribiendo tutoriales desde 2011. Ahora estoy aprendiendo a administrar mi propio servidor virtual privado VPS.

 Deja un Comentario

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)