Cree un formulario de pago ligero (¡gratis!) Con Forminator

La venta de artículos sobre WordPress nunca ha sido tan simplificado, debido a la formulación, nuestro complemento de formulación de 5 estras. Puede configurar su tienda rápida y eficiente con opciones de pago gratuitas, como integración de Stripe y PayPal, productos personalizables, códigos de descuento y más, ¡todo gratis! Si está tratando de encontrar una forma más fácil de aceptar pagos seguros o crear un desenfoque funcional sin complicar las cosas, este tutorial le mostrará cómo puede vender las cosas muy fácilmente, sin tener que preocuparse por una elaborada configuración de WooCommerce.
Lo guiaremos paso a paso a través de algunas de las funciones formantes más avanzadas, lo que lo ayudará a usted y sus compradores también verán cómo formarse, combinados con nuestro complemento de captura de correos electrónicos gratuitos, Hustle, puede hacer que su tienda en línea “establezca” (en su propio, como verá). Hustle puede proporcionar descuentos especiales a sus visitantes antes de salir de su sitio y puede recopilar sus correos electrónicos al mismo tiempo para que pueda continuar comercializando con ellos. Con Forminator, sus visitantes pueden comprar en el corto tiempo en un escaparate como este …
Vender las cosas muy fácilmente … ¡No se necesita WoCommerce! Comenzaremos configurando un formulario de comando y luego analizándolo más con Hustle. Durante este tutorial, trabajaremos con un formulario de comando para una camiseta t -t -t -thisk como ejemplo:

La página de ventas que utilizamos tiene muchas opciones personalizadas. Bonificación: A medida que avanzamos, ¡únete a la diversión! Haga clic aquí para consultar esta demostración del sitio en busca de camisetas y pruébelo. También puede descargar el archivo de este formulario y cargarlo en su sitio de WordPress. Mostraremos cómo usar Forminator para:
Elija opciones avanzadas para el formulario de pedido
Estructurar el formulario de orden con paginación
Crear etiquetas de productos con opciones de selección de campo
Configurar descuentos y un precio básico
Calcule el impuesto y el precio total
Crea la sección de pago
Configure una ventana emergente para la salida con descuento especial (con ajetreo)
1. Elija opciones avanzadas para el formulario de pedido Por supuesto, puede crear un formulario de pedido de formador simple en solo unos pocos clics, pero nos movemos a un nivel superior. Forminator puede construir páginas de ventas bastante impresionantes con opciones avanzadas, como el número de artículos, tarifas de ventas, códigos de descuento y más.
Como puede ver, puede crear formularios de pago y pedido profesionales que le den más opciones a sus compradores y serán visualmente atractivos. Además, dependiendo de su oferta, pueden ser necesarias muchas de estas características. Aunque está avanzado, todavía es simple de configurar. Hasta que terminemos, sabrá cómo crear una forma de pago de comercio electrónico sofisticado con funcionalidades avanzadas, cálculos y más … ¡todos creados con componentes libres! 2. Estructura El formulario de orden de la página es el campo para la página interrupciones. Esto es perfecto para dividir el formulario de comando en secciones y para que sea menos llena. Cuando agrega la primera página de la interrupción de la página en el formulario, verá una paginación en la parte superior de las otras áreas. Este formulario de comando tiene tres secciones. Aquí hay un vistazo rápido a ellos … haga clic en la sección Paging para abrirla y editar las interrupciones de la página en el formulario. En este ejemplo, en las etiquetas, se divide de la siguiente manera:
Página 1: Elija el producto
Página 2: Dirección de entrega
Finalización: pago
Donde agrega etiquetas de interrupción de página para el formulario. En la sección Configuración, tiene la opción de un indicador de progreso para mostrar a los usuarios qué tan lejos están a través de su formulario, puede personalizar el texto para los botones siguientes y anteriores.
Área de configuración de paginación. Destruir un formulario de pedido es una excelente manera de guiar a sus usuarios completando el formulario de pedido. Para esto, utilizamos los campos de selección para opciones de estilo, color y tamaño. Se etiquetan correctamente y se colocan en la parte superior de la forma en la sección superior. Las llanuras seleccionadas etiquetadas de acuerdo con lo que son. Cada uno se puede editar después de incluir en la sección de etiquetas. Por ejemplo, con los colores, la forma tiene las opciones de verde y amarillo.

La sección de la etiqueta donde puede agregar varias opciones. El proceso es el mismo para el campo de estilo. Con el tamaño, tiene algunas variables de cálculo que debemos incluir, porque aquí está el lugar donde muestra el precio. Los precios son todos diferentes, dependiendo del tamaño.

Puede ver los diferentes precios que varían según el tamaño. La pestaña de cálculo es el lugar donde hará cálculos (le mostraré cómo se recopila todo esto pronto). Puede activar esto e indicar el precio a través de un valor numérico para cada tamaño. Como puede ver, todos varían.

Los precios individuales se calculan aquí. La siguiente opción que se indica es la cantidad. Para esto, usamos un campo Número. ¿Cuántos quieres? Es la forma en que está etiquetada.

Opción del campo Número para indicar el número de artículos que un usuario desea comprar. Puede ajustar la configuración en el campo e indicar una cantidad mínima y máxima disponible para la compra. Esta sección es el lugar donde agrega cálculos y descuentos. Con un campo de texto, puede mencionar una opción para un descuento. Aquí hemos formulado que tiene un cupón de descuento? El campo de texto con la función de descuento. Ahora incluiremos dos campos informáticos para operar la función de descuento. Los cálculos están a la derecha del campo de texto. El primer campo de descuento es para cuando alguien ingresa el código de descuento correcto. El campo de la computadora luego calcula un descuento del 20% y se vuelve visible. El campo de computación sigue siendo obligatorio cuando no se ingresa el código de cupón, por lo que en estos casos, este campo de descuento será visible (verá en la captura de pantalla que sigue) y mostrará la cantidad reducida como 0.

Los dos campos de los cálculos. Para que esto funcione, vaya al área de configuración del primer campo (Computer-4). El tipo de campo debe establecerse solo en lectura, y los decimales colocados en 2.

Configuración de cálculo. En el área de cálculo, agregamos la fórmula ({select-3}*{número-1})*0.2. Esto indica que Select-3 (tamaño) multiplica el número 1 (¿cuántos desea?) Y la reducción porcentual que queremos ofrecer (en este caso, 20%).

Donde ingresará la fórmula de cálculo para el tamaño y el número de artículos. Este cálculo funciona multiplicando la “cantidad de tamaño*” por 0.2 para averiguar la cantidad reducida. La regla para el cupón de descuento está en la pestaña Visibilidad. Usaremos el código de cupón DevMan20. Utilicé el campo como Text-1 (¿tienes un cupón de descuento?), Tenemos la condición que es el valor es devman20. Cuando se cumplen todas las condiciones, presione terminado y aplique para guardar. Los siguientes cálculos de campo (Cálculo-5) se establecerán similar al otro; Sin embargo, hay algunos cambios. Usaremos el cálculo ({select-3}*{número-1})*0.

La fórmula de cálculo para el tamaño y el número de artículos que un cliente desea. Además, en la pestaña Visibilidad, cambiamos la condición en ella no lo es. Cualquier otra configuración es la misma que los cálculos de pestaña anteriores.

La otra regla de la pestaña de cálculos. Ahora que tenemos estas condiciones establecidas, agregamos el precio básico. El precio básico es otro campo de cálculo (Cálculo-1).

Dónde poner el campo de precio básico. En la configuración, se establece como solo lectura y tiene dos como varios decimales. Para el campo de cálculo, incluye el cálculo establecido en ({select-3}*{número-1})-({Cálculo-4}).

Fórmula de cálculo para el precio básico. Este cálculo funciona al encontrar el precio inicial y multiplicar el tamaño con el campo de cantidad (por ejemplo, {select-3}*{número-1}) y luego disminuyó la reducción. Más allá de eso, no hay reglas o algo más para agregar a este campo. Estos son campos de computación (Cálculo-1 y Cálculo 2) agregados por debajo del precio básico en nuestro formulario.

Campos de impuestos y precios totales. Para el campo de impuestos, agregue una descripción del monto del impuesto bajo las etiquetas, de modo que los usuarios sepan que es el 18% (puede establecer cualquier cuota deseada). Donde describe el monto del impuesto que un cliente cobrará. En la configuración, el tipo de campo es solo lectura, y los lugares decimales son 2. Con respecto a los cálculos, el que incluyó el impuesto es la fórmula {Cálculo-1}*0.18. Esto significa que el 18% del precio básico es el precio que calculé en el paso anterior.

Fórmula fiscal. No es necesario nada más para este campo. Finalmente, el campo para el precio total (Cálculo-3) incluye la fórmula {Cálculo-1}+{Cálculo-2}. Esta fórmula reunirá la cantidad total combinando el precio básico con el impuesto.


Cálculo de la cantidad total. Esto funcionará para todos los cálculos y la primera sección del formulario. Formante calculará los números para el cliente y agregará todo para determinar el precio. Desde aquí, los clientes se mudarán a la siguiente sección, donde ingresarán su dirección. Puede ver que una interrupción de la página indica que la siguiente sección solo será para la dirección, creada con el campo de dirección. Sigue otra interrupción de la página.

El campo de dirección entre los descansos de la página. Para el campo de la dirección, incluye la información vital necesaria y nada más. Puede editar información específica (por ejemplo, “país”) de todos modos que desee. Los clientes ahora pueden hacer clic en el “Siguiente” para verificar. ¡Cha-ching! 6. Crea la sección de pago Configuración de esta pieza es extremadamente simple. Solo asegúrese de tener una cuenta de rayas o paypal conectada al formador. Si necesita ayuda a este respecto, consulte nuestra documentación. Todo lo que he incluido son campos para nombres, correo electrónico y rayas. Las casas creadas para el área de la casa. Desde este punto, lo único que se ha cambiado es el botón de envío en la parte inferior de los campos. El pedido de lugar es el texto.

El campo del botón de envío. También edité el mensaje de error en las etiquetas del área al error: su formulario no es válido, ¡solucione los errores!

El texto del botón y el mensaje de error. ¡Con toda esta información nuevamente, ahora es el momento de recopilar y completar la compra! Pero uh-oh … parece que un cliente está a punto de dejar la página sin comprar nuestra fantástica camisa. La ventana emergente es el lugar donde los cuelgas con una oferta que no puedo rechazar antes de despegar. Marketing gratuito que aparece y guarda la venta exactamente cuando la necesitas. Verá lo beneficioso que es incluirlo con un forminador cuando un cliente esté listo para mirar.

Hustle y Forminator: juntos forma el dúo perfecto. Puede configurar una promoción que aparezca y ofrecer un código de descuento especial que corresponde al formulario de pedido. Si opta por el descuento, capturará y su correo electrónico para continuar comercializando. Por lo tanto, configuremos este formulario y evitemos que este comprador vaya a cualquier parte … Cuando el ajetreo se descargue y se active, puede crear una nueva ventana emergente en el administrador de WordPress. En la zona de contenido del ajetreo, agregué que el título ¡No te pierdas esto! Y un subtítulo en ofrecemos un descuento del 20%. También agregué imágenes. Contenido de Hustle. En el área de contenido principal, incluimos un mensaje instando a los usuarios a registrarse.

Área de contenido principal de Hustle. Para proporcionar el código, el usuario debe ingresar la dirección de correo electrónico. La inserción del E -Mail se realiza en la sección E – correo en Hustle. Simplemente colocará el campo e – correo. Además, el texto del botón se ha modificado para obtener mi cupón de descuento.

Área de correo electrónico de Hustle. Una vez que se han registrado, se les ofrece el código de reducción agregándolo en un comportamiento de referencia.

Donde ingresará cualquier mensaje y también el código promocional. Su dirección de correo electrónico también se puede agregar a una aplicación de terceros (por ejemplo, MailChimp) en el área de integración. Con esta promoción lanzada ahora, Hustle sabe cuándo atraer su atención antes de irse. En la sección de comportamiento, en el activador emergente, puede elegir la intención de salida activada cuando se muestra.

Dónde configurar la ventana emergente para el anuncio. Y los usuarios serán recibidos con un descuento especial:

La ventana de promoción. Una vez que están registrados, recibo el código promocional. ¿Quién podría transmitir un descuento del 20%? Devman20 es lo que puedo usar para descuento. Y con esto, hay altas posibilidades de un orden atractivo … agregar una ventana emergente y las promociones pueden ayudar a las ventas, desarrollar su lista y crear una experiencia positiva para los usuarios que aprecian un buen descuento. Y si te preguntas, Elementor ayudó a crear nuestro formulario. Elementor es un constructor de páginas de WordPress de 5 estrellas. Puede obtener más información sobre el elemento aquí. Estos formularios no son la norma como puede ver, gracias al forminador, puede lanzar y financiar una tienda en línea en WordPress, creando un proceso de pago sobre la normalidad. También puede hacer mucho más con un forminador. ¡Tiene opciones para firmas electrónicas, integración con FortressDB, computadoras y más! Con todas las opciones de personalización, puede configurar su tienda en línea exactamente como lo desee. Y para obtener más información sobre cómo crear formularios de pedido y aceptar pagos con tarjeta de crédito, asegúrese de ver este video rápidamente: finalmente, si alguna vez necesita ayuda adicional para configurar la tienda, comuníquese con nuestro soporte de desarrollo WPMU 24/7. Con Forminator y Hustle, su tienda debe tomar forma en el menor tiempo.

¿Ha configurado otra tienda de Forminator en línea? Si es así, ¿qué te parece? ¡Dinos en los comentarios!