En un artículo anterior habíamos visto cómo agregar un formulario de contacto sin plugins, sin embargo en este caso vamos a adaptar el código para mostrar un formulario de cotización en la página de productos de WooCommerce.
Resultado Final
Al final queremos obtener algo similar a lo que se muestra en la siguiente imagen:
Código PHP para solicitar cotización en la página de productos
Puedes agregar el siguiente código como parte del archivo functions.php de tu tema hijo.
En el código anterior:
- Usamos el hook woocommerce_share que hace referencia a la función dcms_show_request_quote_form
- A través de esta función crearemos el código HTML del formulario
- Antes validamos si venimos de una respuesta, esto para mostrar el mensaje en lugar del formulario
- La otra parte del código usa los hooks para el procesamiento del formulario, ambos hacen referencia a la función dcms_mail_request_quote
- Parte del nombre del hook usado debe ser process_form_quote que es el que enviamos en el campo oculto del formulario
- Dentro de la función capturamos los datos del formulario y realizamos el envío de correo
Código CSS
Opcionalmente puedes usar el siguiente código CSS para dar un mejor aspecto al formulario, puedes agregar este código al final del archivo style.css de tu tema hijo.
.msg-request-quote{
background-color:orange;
color:white;
padding:10px 20px;
text-transform: uppercase;
}
#frm-quote{
padding:5px;
}
#frm-quote label{
display: block;
margin-top:10px;
}
#frm-quote textarea,
#frm-quote input{
width: 100%;
}
#frm-quote #lbl-terms{
display: inline-block;
margin-bottom: 15px;
}
#frm-quote #terms{
width: auto;
}
Conclusión
Como has podido comprobar, es posible agregar la funcionalidad de un formulario de cotización a los productos de WooCommerce de manera simple a través de código.
¿Aún con dudas?, en el siguiente código se detallan los puntos anteriores.
Artículos Relacionados
(1 votos, promedio: 5,00 de 5)
Cargando...