Cómo crear una calculadora de cotizaciones en WordPress (paso a paso)

como crear una calculadora de cotizaciones en wordpress


¿Quieres crear una calculadora de cotizaciones en WordPress??

Una calculadora de cotizaciones permite a sus clientes seleccionar los productos / servicios que desean para obtener una cotización o precio instantáneo.

En este artículo, le mostraremos cómo crear una calculadora de cotizaciones en WordPress, paso a paso sin escribir ningún código.

Crear una calculadora de cotizaciones con WordPress

Con una calculadora de cotizaciones, sus clientes pueden seleccionar diferentes productos o servicios y aplicar filtros para verificar los precios antes de enviar sus pedidos..

Para crear una calculadora de cotizaciones, deberá usar el complemento Formidable Forms.

Si bien hay muchos complementos diferentes que le proporcionan el cálculo de cotizaciones, aquí hay algunas maneras en que Formidable Forms se destaca de ellos.

  • Crear un formulario de presupuesto complejo o formulario de pedido fácilmente con demasiadas variables.
  • Crear un formulario de pedido independiente e instantáneamente muestra el precio total.
  • Integrarse con WooCommerce para crear una experiencia de compra perfecta.

El complemento Formidable Forms viene con múltiples plantillas de formulario que puede usar para crear cualquier formulario rápidamente. Estas plantillas de formulario son fáciles de personalizar gracias al generador de arrastrar y soltar. También puede usar la plantilla en blanco para agregar campos personalizados y configurar un formulario que desee.

Consulte nuestra revisión completa de Formularios Formidables para más detalles.

Echemos un vistazo a esta guía paso a paso sobre cómo crear correctamente una calculadora de cotizaciones en WordPress.

Paso 1: crear un formulario de presupuesto

Por supuesto, lo primero que debe hacer es instalar Formidable Forms en su sitio. Ofrece una plantilla que puede usar para crear su formulario de cotización al instante.

Pero antes de hacerlo, asegúrese de haber agregado los productos / servicios que desea vender y especifique sus costos. Hay varias formas de mostrar las opciones de precios en su formulario. Puede usar cuadros de radio, casillas de verificación o campos desplegables para agregar los productos.

Marque casillas y botones de radio

Use el generador de formularios de arrastrar y soltar para agregar tipos de campo para mostrar sus opciones.

A continuación, puede hacer clic en cualquier campo para ver las opciones en el lado izquierdo de la pantalla. Las opciones predeterminadas serán “Opción 1”, “Opción 2”, etc. Puede continuar y reemplazar el texto con los nombres de sus productos.

Ahora, verifique el Usar valores separados opción de agregar precios al lado de cada producto. Siéntase libre de agregar más opciones a la lista si lo desea.

Usa valores separados

Estos valores serán útiles para calcular los precios totales de los productos seleccionados automáticamente.

Puede usar las opciones avanzadas para personalizar la configuración de estilo para diferentes campos.

Paso 2: agregue un campo de solo lectura para mostrar el precio total

A continuación, debe agregar un Número campo en su formulario para mostrar el precio total. Este campo de número debe establecerse en solo lectura para que los usuarios no puedan editar el precio total.

En el Opciones avanzadas sección, encontrarás un Valor por defecto opción. Debe hacer clic en el icono de la calculadora y luego hacer clic en el icono del menú..

Opciones avanzadas

Mostrará el Calcular valor predeterminado opciones. En esta sección, debe agregar lugares decimales. El valor sugerido es “2” para calcular el precio..

Valor por defecto

En el Lista de campo En la sección a continuación, puede continuar y buscar los campos que desea calcular en el formulario. Seleccione el nombre o id de los campos para agregarlos a la lista.

Puede ver un ejemplo de cómo el complemento mostrará los precios totales en función de la selección de productos del usuario.

Cálculo de precio total

Cada vez que el usuario cambie productos o categorías, actualizará el precio en la calculadora de cotizaciones automáticamente.

Paso 3: Agregue métodos de pago en su formulario de calculadora de cotizaciones

Después de calcular y mostrar el precio total, debe agregar el método de pago para que los usuarios completen la compra. El complemento Formidable Forms viene con múltiples complementos para agregar opciones de pago, incluidos Stripe, Authorize.net, PayPal, etc..

Puedes seleccionar un método de pago. La mayoría de estos métodos utilizan tarjetas de crédito como una opción para cobrar los pagos en línea..

Tarjeta de crédito

Agregue el campo de tarjeta de crédito y personalícelo en el Opciones de campo sección.

Paso 4: publique y muestre la calculadora de cotizaciones en WordPress

Ahora su formulario de calculadora de cotizaciones está listo. Puedes publicarlo y mostrarlo en cualquier página de producto en WordPress.

Para publicar el formulario en el editor de bloques de Gutenberg, puede agregar un nuevo bloque y elegir Formidable Forms. Luego, puede seleccionar su formulario de calculadora de cotizaciones.

Si está utilizando el editor clásico, haga clic en el icono Formidable que se encuentra sobre el editor. Se abrirá una ventana emergente y puede seleccionar el formulario de calculadora de cotizaciones. Haga clic en el Insertar botón para agregar el formulario en su página.

Eso es todo.

Esperamos que este artículo le haya ayudado a aprender cómo crear un formulario de calculadora de cotizaciones en WordPress. También puede consultar nuestra guía sobre cómo enviar un formulario sin actualizar la página en WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map