Cómo construir formularios de pedido con pago gratuito en WordPress

Pierde el 100% de las ventas que no solicita y lo mismo es cierto para una experiencia de pago desagradable. Los formularios de pedido lo ayudan a recopilar información sobre el pedido y procesar los pagos de manera eficiente, lo que aumenta las tasas de conversión significativas. Forminator le facilita crear un formulario de pedido y aceptar pagos de PayPress. ¡Oh sí … y la mejor parte es que es completamente gratis! ¡Y eso incluye PayPal y Stripe Pague Guerdway! Ya sea que tenga la intención de vender productos, recolectar donaciones o hacer habitaciones, Forminator los hace todos sin omitir un ritmo. Su simple interfaz de tipo de arrastrar y arrastrar significa que no tiene que conocer ninguna codificación. ¡Es realmente un solo complemento para generar formularios que los rigen a todos!
** ¡Viva el forminador! Presentamos el fantástico entrenador Forminant es un complemento de potencia de formulario. Acepta la lógica condicional, almacena todas las entradas de formulario en una base de datos de fácil acceso, envía correos electrónicos tanto al usuario como al administrador y hace todo sin recargar la página. Para sobrecargar sus formularios, Forminator se integra con los populares instrumentos de tercera parte, como MailChimp, Aweber, Activecampaign, Google Sheets, Zapier y Slack. Aquí hay una guía de integración para automatizar el flujo de trabajo con formularios del mediodía.
También respeta el GDPR y funciona perfectamente con el nuevo editor de bloques de WordPress. Si puede pensar en un formulario, Forminator puede llevarlo casi con seguridad. Creemos un formulario de comando para esta demostración, construiremos un formulario de comando simple, como el siguiente, para vender una nota personalizada. Lo haremos para que los usuarios puedan ingresar su información personal (como nombre, dirección, correo electrónico y número de teléfono), y luego, al final, realizar un pedido completando el pago. Siga los pasos a continuación y/o disfrute del video I Creado para acompañar esta publicación:

Paso 1: Instale Forminator para instalar Forminator, simplemente acceda al tablero de WordPress y, debajo de los complementos, elija una nueva adición y busque Forminator. Haga clic en el botón Instalar ahora y active el complemento después de la instalación.
Si es un miembro de WPMU de, también puede instalar y activar Pro Direct Forminator desde el tablero WPMU DEB. Si aún no eres miembro, ¿qué estás esperando? ¡Pruébelo sin costo (y 100% sin riesgo) con nuestra versión de prueba de membresía gratuita!

El uso de la versión gratuita WordPress.org Un forminator también es absolutamente genial. Este tutorial funciona perfectamente con cualquiera de las versiones.

Paso 2: Acceda al tablero de Forminator, accede al tablero de Forminator. Esto le dará una imagen rápida de todos sus formularios, cuestionarios y encuestas.
El tablero minimalista, pero fácil de usar.

Nunca verá aquí ahora, pero a medida que comience a crear formularios y recolecte entradas de usuario, el tablero comenzará a completarse con vistas, referencias, tasas de conversión y otros datos interesantes. Forma de acceso de acceso> Formularios y haga clic en cualquiera de los botones azules creado para comenzar a crear su nuevo formulario. Puede hacer lo mismo y directamente desde el tablero de formación.
Aparecerá una ventana emergente en la que debe ingresar el nombre del nuevo formulario. Mantenga el nombre de la forma única y memorable para que pueda recordarlo fácilmente. Haga clic en el botón Crear azul después de ingresar el nombre del formulario.

De manera predeterminada, cada formulario en el forminator viene con los siguientes campos predefinidos: nombre, dirección de correo electrónico, número de teléfono y mensaje.

Los campos implícitos del formulario se pueden editar o eliminar, y con la opción de agregar muchos otros campos, tiene posibilidades de personalización ilimitadas. Nota: Los campos marcados con un asterisco rojo ( *) al final son campos obligatorios. El formulario no se enviará hasta que el usuario los complete.

Paso 4: Agregar los campos del formulario de comando mantendremos los nombres de los nombres, la dirección de correo electrónico y el número de teléfono y eliminaremos el campo de mensajes que no necesitamos para este formulario. En el primer nombre, haga clic en el icono de la rueda y seleccione la duplicación. Esta es una forma más rápida de insertar más campos del mismo tipo sin acceder a los campos de inserción de campo repetidamente. Cambie el nombre del campo duplicado como un apellido.

Dibuja el campo de su nombre de familia en la misma fila con el primer nombre, a la derecha, para que aparezca uno al lado del otro. Y exactamente, tienes una fila con dos columnas en tu forma.
Todos los campos de forminator se pueden dibujar y colocarse en filas y columnas, de modo que tenga la máxima flexibilidad en el diseño de formularios como desee. Luego haga clic en el botón Violet Insertar Fields. Debe abrir una ventana emergente con todas las opciones de campo que pueda agregar en el formulario. También hay otros campos de inserción de enlace en la parte inferior del formulario.

Seleccione la opción Dirección en la ventana emergente y haga clic en el botón Insertar el campo.

Una vez insertado, haga clic en la fila de direcciones para abrir la configuración del campo. En la pestaña Etiquetas, puede activar o desactivar los diferentes sub -clientas (todos se activan por defecto).
En la pestaña Configuración, marque todos los subclientes según sea necesario, porque son esenciales para el envío del producto.

Finalmente, haga clic en el icono de la rueda en el campo de mensaje y presione el eliminación.

Puede mantener el campo de mensaje si desea dar a los usuarios la opción de agregar un comentario o preferencia. Paso 5: Agregue el botón de pago de rayas e integre Haga clic en los campos de inserción de Violet y seleccione la opción Stripe.

Stripe le permite sobrecargar sus ventas en línea con una puerta de pago segura y sin problemas. Nota: Necesita una cuenta de rayas activadas para configurar el campo Stripe. De lo contrario, no le permitirá editarlo. Si necesita ayuda para configurarlo, use la documentación de Forminator como una hoja de hoja de trucos.

Puede configurar Stripe accediendo a Configuración> Pagos> Rayas en Forminator. Una vez configurado Stripe, en la configuración del campo Stripe, debemos establecer la cantidad de pago. Debido a que este es un solo producto con un precio con todo incluido y sin variaciones, seleccionaremos la opción de pago fijo. Cuando las entradas del usuario afectan el precio (por ejemplo, las camisetas t de diferentes tamaños o opciones de personalización) o si hay un cálculo, como el impuesto o el transporte, que se agregará al precio inicial, se debe usar la opción variable. Seleccione. En la configuración del campo Stripe e ingrese la cantidad.

Además, conserve las opciones de prueba y modo en vivo mencionadas en la parte superior aquí. Usaremos el modo de prueba por el momento.

Desde la pestaña avanzada, puede agregar configuraciones avanzadas, como un recibo de pago, detalles de pago, detalles de facturación y metadatos. Luego cambie la etiqueta Deposite el botón Enviar un mensaje al pedido ahora.

Vista previa del formulario y asegúrese de que funcione como desee. Puede editar los sustitutos predeterminados en el formulario si no son de su agrado.

¡El formulario de pedido está listo!
Nota: También puede configurar PayPal utilizando el mismo método descrito anteriormente. Simplemente ingrese el campo PayPal en lugar de la raya. Sin embargo, no puede introducir ambos campos. De ahora en adelante, puede usar una sola pasarela de pago en un formulario. Paso 6: Hagamos que la formación de jazz le permita realizar fácilmente cambios de estilo básicos en el formulario. La sección de aspecto lo ayuda a establecer el estilo de diseño de la forma, los colores, las fuentes, el forro, el borde, el espacio, etc. Haga clic en el botón de aspecto para moverse a su configuración.

Puedes elegir tu estilo favorito aquí. Me gusta la apariencia del estilo plano que el estilo predeterminado, sin embargo, esta elección depende de usted. También le brinda una forma de agregar CSS personalizado para su forma en términos de colores y fuentes, prefiero la configuración implícita del tema y las dejaré tal como están. Guarde el esquema del formulario después de hacer los cambios. Paso 7: Formulario enviado. ¿El siguiente? Formar es como un maestro genial y ocasional. Es divertido e inteligente, pero también se asegura que las formas se comporten correctamente. En la configuración de comportamiento, puede definir cómo se comportará el formulario después de que el usuario envíe con éxito el formulario o, en este caso, realice un pedido. Por defecto, el formulario mostrará una línea en línea que se cerrará automáticamente en 5 segundos. Cambie el mensaje aquí para reflejar mejor un formulario de comando.

También tiene la opción de redirigir al usuario a una nueva página o ocultar completamente el formulario. Si recibe pagos, se recomienda verificar el “Certificado SSL de solicitud para enviar este formulario”. Permitirá que su formulario cobre pagos seguros.

El resto de la configuración de comportamiento se puede dejar como están. Paso 8: Envíeme un correo electrónico, por favor, y el usuario después de haber terminado de establecer el comportamiento, vaya a las notificaciones por correo electrónico. Por defecto, cada formulario enviará (el administrador) un correo electrónico con los detalles de todo el formulario introducido. Puede cambiarlo y/o agregar más destinatarios. También tiene la opción de agregar campos CC y BCC al correo electrónico.
Es una buena práctica enviar al usuario un correo electrónico de confirmación de pedido automático. Esta opción se puede activar en la configuración de notificación E -Mail. Asegúrese de que el destinatario aquí esté configurado en la dirección de correo electrónico, que es la etiqueta para la dirección de correo electrónico ingresada por un usuario en el formulario. Por ejemplo, si un usuario ingresa [por correo electrónico protegido] como una dirección de correo electrónico en el formulario, el correo electrónico de confirmación del pedido se enviará automáticamente a esa dirección. Además, el forminator le permite establecer la integración con varias aplicaciones de terceros y cambiar el general Configuración de formulario. Para este formulario de pedido, no agregaremos ninguna integración y permaneceremos en la configuración predeterminada. Paso 9: presione el botón de publicación previsualización del formulario por última vez antes de presionar el botón de publicación.

Oye, bofetada la espalda. ¡Acabas de crear el formulario de primer pedido! Después de presionar el botón de publicación, una ventana emergente le presentará el código de formulario corto. Copie y coloque este código corto en cualquier lugar de su sitio para mostrarlo a los usuarios.

También puede copiar el código corto más tarde desde el tablero del forminador.

Paso 10: Agregue el formulario de pedido en su página de ventas crea una página de ventas si aún no tiene una. Debe contener todos los detalles importantes del producto, como el nombre, la imagen, la descripción, el precio, etc. Si usa el complemento del editor clásico, puede copiar y pegar el código corto para agregar el formulario en su publicación/página para los sitios utilizando el editor de bloque predeterminado, agregar un formulario es mucho más simple. Para colocar el formulario de pedido en la parte inferior de la página de ventas, en las publicaciones/páginas de WordPress, haga clic en el icono más y agregue un bloque de formulario. Luego seleccione el formulario de pedido aquí para agregarlo a la página.

Publique o actualice la página de ventas después de haber agregado el formulario de pedido. Los visitantes de su sitio ahora pueden usar este formulario para realizar un pedido. ¡Es tan simple! Nota importante: el campo Stripe en su formulario de pedido todavía está configurado en el modo de prueba. Esto es para ayudarlo a realizar pagos de prueba y asegurarse de que todo funcione bien. Antes de aceptar comandos reales, debe cambiarlo de la prueba a vivir. Una vez que se haya realizado un pedido, se le notificará por correo electrónico. Además, el forminator almacena todos los formularios enviados en una base de datos, de modo que sea más fácil ordenarlos más tarde. Para ver todas las referencias de un formulario, vaya a formar la formulación desde el tablero. Haga clic en el icono de la rueda y seleccione vistas.

Puede hacer clic en cualquier fila de envío individual para obtener los detalles completos. También puede presionar el botón Exportar para descargar todas las referencias como .csv.intee> Interacción> Conversión La gestión de un negocio en línea viene con muchos desafíos. Cualquier cosa que lo ayude a interactuar con los clientes potenciales y que se le pague más fácil es una ventaja y eso es exactamente lo que hace que un forminador. Lo que construí aquí es el más simple de los formularios de control que puede hacer con el formador. Con su apoyo a la lógica condicional, ¡puede hacer mucho más! Puede establecer impuestos, tarifas de envío, variaciones del producto y luego solicitar al formulario que calcule automáticamente el monto final del pedido. ¿Estás listo para crear formularios de siguiente nivel? Aprende más aquí. ¡Empieza a crear!

¿Has intentado construir un formulario de pedido? ¿Usó un complemento o código para hacer eso? Si tiene alguna pregunta, vaya a la sección de comentarios y responderemos cualquier pregunta.

Etiquetas:

formado

formado

Formularios de comando

Pasarela

Paypal

Trazo