Envíe una cotización en línea con Formularios de Caldera y WordPress

Category: Plugins 187 0

Una cotización en línea con Formularios de Caldera? ¡Es posible! ¡Es posible! De hecho, Caldera Forms es un plugin que le permite construir cualquier tipo de formulario en su sitio WordPress. Si puede crear un formulario de contacto con este último, también puede proponer un presupuesto en línea, ya que ofrece campos muy específicos que le permiten generar cálculos, incluso los más complejos….

Antes de empezar a crear este tipo de formulario, obviamente necesitará identificar sus necesidades y definir qué campos desea visualizar. Le sugiero que vea paso a paso cuáles son los pasos (no exhaustivos) para lograr esto!

Paso 1: Crear el formulario

Primero, necesitará instalar el plugin Caldera Forms, que encontrará gratuitamente en el directorio oficial de WordPress.

Luego, puede crear su primer formulario en unos pocos clics:

  1. Ir a la pestaña Formularios de Caldera > Formularios
  2. Haga clic en Nuevo formulario
  3. Elija la “Forma vacía” y póngale el nombre que desee, por ejemplo, se llama “Cotización en línea”
  4. Haga clic en el “+” para añadir una sección
  5. Luego, arrastrando y soltando, agregue su primer campo

Paso 2: Definir los campos

Después de arrastrar su primer campo a la sección, una ventana se abrirá para darle la oportunidad de elegir sus tipos de campo. Para obtener un formulario de presupuesto, sin duda necesitará insertar campos que propongan seleccionar una o más opciones:

  1. En este caso, es en la pestaña “Seleccionar” donde encontrará este tipo de campos, puede elegir entre insertar un “menú desplegable” o un “botón de selección” para una sola opción o un “checkbox” para múltiples opciones.
  2. Haga clic en “Definir campo” para insertarlo y configurarlo
  3. Dé un título a su campo, especifique si es un campo “obligatorio” y añada una clase si desea modificar el visual de su formulario más adelante con CSS…. También puede añadir una descripción.
  4. Añadir tantas opciones como sea necesario: por ejemplo, en el caso de mi campo llamado “sitio web”, he creado tres opciones (sitio de escaparate, blog y comercio electrónico) utilizando un botón de radio, lo que significa que la persona que rellene el formulario sólo podrá elegir una de estas opciones.
  5. Marque la casilla “Mostrar valores” que le permitirá asignar un importe para cada opción. Este paso es esencial para hacer una cotización en línea. No especifique la moneda “€”, introduzca sólo el importe: por ejemplo, introduzca “100” para una opción con un valor de 100€.

Paso 3: Añadir condiciones

Algunos de los campos que usted crea pueden resultar inútiles o esenciales dependiendo de la elección realizada por la persona que rellena el formulario. Para mi ejemplo (captura de pantalla más abajo), si elige un sitio de “comercio electrónico”, me gustaría proponer precios diferentes en función del número de productos ofrecidos en la tienda. Esto implica que el campo para elegir el número de artículos no debería aparecer si elige un “sitio de escaparate”. Por lo tanto, tendrá que crear condiciones de acuerdo con sus campos y deseos yendo a la pestaña “Condiciones”.

  1. Haga clic en “Añadir un grupo condicional”
  2. Ingrese el nombre de su condición
  3. Elija si desea mostrar o no este grupo utilizando el menú desplegable denominado “Tipo”
  4. .

  5. A continuación, haga clic en “Añadir una línea de condición”
  6. Definir su condición: en el primer menú desplegable, seleccione el campo que debe ser objeto de la condición. El segundo menú desplegable se utilizará para definir la acción deseada (“es”, “no es”, etc….). El tercer menú desplegable aplica la condición dependiendo de la opción elegida.
  7. Seleccione el campo al que debe aplicarse la condición creada de este modo. Para el ejemplo presentado en la captura de pantalla anterior, mi condición es: Mostrar si “Website” es “e-commerce” y esta condición se aplica a mi campo “número de productos”.

Del mismo modo, se pueden crear tantas condiciones como sea necesario. Incluso se pueden crear varios grupos dentro de la misma condición. Simplemente adapte esto a su proyecto y a sus necesidades.

Paso 4: Añadir una sección “TOTAL”

La sección “total” le permitirá mostrar directa y dinámicamente la cantidad total de opciones seleccionadas por el cliente potencial.

  1. Añadir un nuevo campo: es en la pestaña “Especial” donde se encuentra el campo correspondiente llamado “cálculo”
  2. .

  3. Introduzca el nombre del campo
  4. Añada si es necesario una clase personalizada (para modificar el CSS)
  5. Defina las certificaciones que deben aparecer antes y después del importe de cálculo. Por ejemplo, “antes = Total:”/”después = €”.
  6. Elija los separadores que desea mostrar para miles y decimales
  7. Comience a crear su factura haciendo clic en “Add Operator Group”. Puedes añadir tantos como quieras.
  8. En cada grupo de operadores, puede añadir tantas líneas como sea necesario haciendo clic en “Add Line”
  9. No olvide registrar su formulario

Paso 5: Establecer las notificaciones

Ahora que ha creado los campos, con o sin condiciones, su formulario está completo. Sin embargo, es necesario configurar las notificaciones que se recibirán cuando un usuario solicite una cotización en línea en su sitio.

En la pestaña “De”:

  1. Introduzca el nombre del remitente: el que verá aparecer en el correo electrónico que recibirá
  2. Introduzca su dirección de correo electrónico personal: contact@votre-site.com
  3. En “reply email”, utilice el valor en el campo de correo electrónico de su formulario, por ejemplo %email%. Esto le permitirá responder al cliente directamente desde su buzón de correo
  4. Escriba el asunto de su correo electrónico
  5. Cree el contenido de su correo electrónico o utilice {resumen} para obtener un resumen de la solicitud
  6. También puede elegir no recibir ninguna notificación

Paso 6: Añadir un formulario de procesamiento

Puede añadir un tratamiento de su formulario desde la pestaña “Tratamientos”:

  1. Haga clic en “Añadir un tratamiento”
  2. Puede enviar una respuesta automática al usuario. Esto se hará enviando un correo electrónico
  3. Puede elegir redirigir al usuario a otra página de su sitio o incluso a una URL externa
  4. .

  5. Puede añadir un valor de incremento
  6. Puede añadir un filtro antispam y otros complementos disponibles

Paso 7: Definir la configuración del formulario

Por último, deberá ir a la pestaña “Ajustes de formulario” donde podrá hacerlo:

  1. Obtener el código abreviado de su formulario
  2. Decidir si conservar o no los datos
  3. Mostrar las entradas de su formulario en una subpestaña del menú Formularios de Caldera
  4. Hacer desaparecer el formulario una vez que el usuario haya hecho clic en el botón “enviar”
  5. Añadiendo un “honey pot” que es un campo adicional visible sólo para robots, esto evitará recibir spam
  6. Introduzca el mensaje que se presentará si el formulario se envía correctamente

Paso 8: Integre su formulario de cotización en línea

Cuando su formulario esté listo y todos sus ajustes estén listos, puede insertarlo en una página dedicada, ya sea copiando y pegando el código abreviado de su formulario de presupuesto en línea en su editor o haciendo clic en el botón “Formulario Caldera” situado a la derecha del botón “Añadir un medio”. Antes de publicar su página, no dude en realizar varias pruebas para comprobar que funciona correctamente. Aquí está el resultado de la prueba:

Alternativas para hacer una cotización en línea

Por supuesto, hay muchos plugins que le permitirán crear un formulario de cotización en línea. Como alternativa a Caldera Forms, puede utilizar plugins premium como WordPress Project Cost Calculator o Quote Management Plugin para WordPress, que son plugins que son especialistas en este campo!

También puede recurrir a Gravity Forms y crear un presupuesto en línea igualmente potente, de lo contrario, seguirá teniendo la solución para un desarrollo específico de forma manual.

En conclusión…

La flexibilidad y simplicidad de los Formularios de Caldera permiten crear los formularios más complejos, incluyendo aquellos para cotizaciones en línea…. Lo más delicado será estudiar cuáles son sus necesidades reales para elegir la solución más apropiada a la que recurrir…

3.811

Related Articles