Hay dos aspectos cruciales a la hora de convertir los carritos en ventas en un comercio electrónico: el número de pasos necesarios y la cantidad de datos que se solicitan. En ambos aspectos lo aconsejable es lo mismo: el mínimo indispensable. En cuanto al número de paso no pueden ser más de dos; de hecho, lo ideal es que sea uno sólo (el tan de moda one-step checkout). Sin embargo, a veces necesitamos algún dato extra por lo que necesitaremos modificar, personalizar o editar la página de pago de WooCommerce.
Como digo, cuantos menos datos pidamos más conversiones obtendremos estadísticamente. Pero a veces es inevitable: bien porque nuestro negocio sea B2B y necesitemos el CIF/NIF para emitir factura, bien porque nuestra estrategia o nuestro producto necesite algún dato específico, como una fecha de entrega.
Es cierto que WooCommerce provee un campo de «observaciones del pedido», pero no deberíamos usarlo para solicitar al cliente que nos dé un campo necesario. Hay varias razones, pero la principal en términos de productividad es que no podemos ni comprobar ni automatizar ese input. En estos casos concretos necesitaremos un campo personalizado.
O quizá se solicitan campos que no necesitamos y, siguiendo la filosofía de pedir lo menos posible para aumentar las conversiones, queremos eliminarlo. Sea cual sea tu necesidad en este aspecto hoy la vas a cubrir, porque vas a aprender a personalizar el checkout de WooCommerce.
El plugin WooCommerce Checkout Manager, sobre el que hablo en esta entrada, es muy completo pero por la misma razón complicado de configurar correctamente. Sí sólo necesitas eliminar campos del checkout échale un vistazo a este otro plugin, que te permite hacerlo de forma sencilla.
Además tiene una opción para sustituir el campo Nombre de la empresa (apenas utilizado) por un campo para el NIF/CIF en caso de que el cliente quiera solicitar factura. Adicionalmente podemos hacer que este campo sea obligatorio si así lo deseamos.
Y si lo que necesitas es simplemente solicitar el NIF/CIF como dato obligatorio (porque tienes que facturar en todos los pedidos) y que ese campo se incluya en la pantalla de edición del pedido, los emails, etcétera, puedes utilizar este otro plugin:
Tabla de contenidos
Personalizar la página de pago de WooCommerce
Como siempre (o como casi siempre) hay un plugin para ello. O varios. En este caso vamos a echar mano de un plugin muy completo que nos permitirá no sólo añadir campos en el checkout, sino también:
- Reordenar los campos
- Elegir cuáles son obligatorios y cuáles opcionales
- Eliminar campos no necesarios
- Mostrar o no los campos adicionales en el resumen del pedido o el email de confirmación
- Mostrar u ocultar campos en función del rol de usuario (o, lo que es lo mismo, del tipo de cuenta si tenemos varias
Y muchas cosas más, ya que básicamente lo que este plugin permite es personalizar casi por completo el checkout de WooCommerce.
¿Que si es premium? Pues no. Aunque parezca mentira es un plugin gratuito, disponible en el repositorio de WordPress: WooCommerce Checkout Manager.
Preparación de WooCommerce Checkout Manager
Nada más instalar y activar el plugin te muestra un aviso para actualizar las opciones de WooCommerce.
Es una llamada a configurar el plugin y pulsando el botón te llevará a la nueva opción que ya tienes en el menú de administración, en WooCheckout > WooCheckout.
Una vez allí sigues encontrando el aviso, pero ojo: no es el mismo. Éste te llama a actualizar los datos del plugin, y te insta a realizar una copia de seguridad antes de hacerlo. Hazla por si acaso (ya sabes), pero realmente no hay nada preocupante. Simplemente haces un backup y pulsas el botón.
Una vez realizado el proceso es hora de centrarnos en lo que nos interesa: personalizar el proceso de checkout. En la pantalla de configuración encuentras cuatro pestañas: General, Billing, Shipping y Additional.
En la primera pestaña, General, vamos a poder elegir opciones muy interesantes que nos van a permitir un alto grado de personalización en el proceso de compra y pago de WooCommerce, y que ahora veremos.
En Billing y Shipping es donde podremos elegir qué campos se mostrarán y cuáles se ocultarán en el checkout.
Opciones de personalización de la página de pago de WooCommerce
En esta primera pestaña podremos configurar funcionalidades para necesidades muy específicas, y que pueden resolver más de un problema.
En el primer apartado, Upload, encontrarás todas las opciones referentes a permitir la subida de archivos por parte de clientes en el proceso de checkout.
Muy útil para todos los comercios que venden artículos personalizados con imágenes provistas por el cliente, como camisetas, tazas, etc.
El segundo apartado, Hide Address Fields, permite ocultar los campos de dirección de facturación para artículos concretos, indicando su ID (aquí te explico cómo averiguar el ID de un producto).
¿Para qué sirve esto? Bueno, si alguno de tus productos no se envía (es un servicio o un producto digital) puedes ocultar los campos de dirección para facilitar el checkout. Si el cliente necesita factura, ya te la pedirá y entonces podrás pedirle los datos que necesites. Ojo, sólo si es alguno. Si son todos puedes ocultarlos de una tacada para todos los productos en otro sitio.
En la sección Checkout Notices podrás configurar avisos distintos a mostrar en la página de pago, algo muy útil en lagunas ocasiones. Hasta dos mensajes distintos puedes configurar y elegir si se muestran antes de los campos de dirección o del resumen del pedido.
Además, puedes darles el mismo estilo que los mensajes de los cupones si los escribes así:
Esto es un ejemplo de aviso en el checkout de WooCommerce. Aquí puedes escribir lo que quieras y poniendo estas etiquetas al principio y al final se mostrarán con el mismo estilo que las notificaciones de los cupones.
Hay que señalar que estos avisos se mostrarán siempre. Si lo que necesitas es mostrar avisos de forma condicional, en función de qué productos o en qué cantidad ha comprado un usuario, te explico aquí cómo conseguirlo.
El siguiente apartado, Switches, también nos permite una serie de opciones muy interesantes, ya que aquí podremos configurar si mostrar u ocultar ciertos aspectos, como el mensaje de ¿Crear una cuenta? para los invitados o de Enviar a una dirección diferente.
Justo debajo, en Additional Fields Position on Checkout, es donde podrás configurar dónde deben mostrarse los campos personalizados que configures. Puedes elegir entre cinco posiciones:
- Antes de los campos de facturación
- Después de los campos de facturación
- Antes de los campos de envío
- Después de los campos de envío
- Después de las notas del pedido
El siguiente apartado, Order Notes, te permitirá personalizar el apartado «notas del pedido».
¿Estás construyendo tu tienda online o eres implementador WordPress?
¿Necesitas plugins de calidad y con soporte para implementar funcionalidades concretas?
Consigue todos los plugins a la venta en la sección de plugins de esta web y todos los que siga añadiendo. Acceso a los 96 plugins (y subiendo) con soporte directo del desarrollador, actualizaciones y uso ilimitado: úsalos en tantas webs como lo necesites.
Personalizar los campos de facturación y envío
Las siguientes pestañas, Billing y Shipping, son muy similares. Ambas tienen este aspecto:
En ellos podrás personalizar por completo los campos de los apartados de facturación (billing) y de envío (shipping) de la pantalla de checkout de WooCommerce, tanto modificando los existentes como creando nuevos campos.
Como ves, los campos existentes ya aparecen mostrados en la tabla y los puedes personalizar simplemente modificando los valores, eligiendo si quieres que sea un campo obligatorio o no (Required), si ocupará todo el ancho disponible o estará alineado a derecha o izquierda (Position), el tipo de campo, el ejemplo que contendrá…
En cuanto a la casilla Clear es un tema algo técnico de CSS. Si no se te alinea bien uno de los campos prueba a jugar con esta casilla en ese campo o los adyacentes. Por último, el cuadro en la columna X te servirá para indicar qué elementos no quieres que se muestren.
Por supuesto, si necesitas algún campo adicional, como decía al principio, puedes utilizar el botón +Agregar nuevo campo y sólo tendrás que indicarle el nombre del campo, el texto a mostrar y de qué tipo ha de ser:
- Campo de texto
- Área de texto
- Contraseña
- Botones de selección única
- Casilla
- Opciones desplegablese
- Selector de fecha
- Selector de hora
- Selector de color
- Cabecera (esto añade un título de sección)
- Selección múltiple (multiselect)
- Casilla de selección múltiple
- País
- Estado/provincia
- Subida de archivo
¿Imaginas un checkout como éste?:
Conclusiones
En general, en tu proceso de checkout deberías aplicar la máxima «no pidas datos que no necesitas». Ya sabes que menos datos significan más conversiones.
Este plugin te va a permitir precisamente eso, personalizar el proceso de pedido y pago en tu tienda WooCommerce, de modo que puedas eliminar cualquier dato que no necesites y, se así lo requieres, pedir alguno adicional.
Si tienes cualquier duda respecto a este asunto o cualquier otro relacionado con WooCommerce o con WordPress, me tienes a tu disposición.
Leonardo dice
Hola estimado, quisiera saber si es posible con este plugin agregar productos extras en la página del checkout y que actualice el carro. Por ejemplo en una tienda de comida al momento de hacer el checkout de la opción de elegir extras: «Soya, Jengibre, Salsas, Agregados etc.» entonces el usuario pueda elegir los que desee y se actualice el checkout con esos productos, sabes si este plugin es capaz de hacerlo o conoces algún otro?
Saludos.
Enrique J. Ros dice
Gracias por tu comentario, Leonardo.
No, este plugin no es capaz de hacer algo así (sólo es capaz de manejar campos de introducción de datos).
Si te he entendido bien, lo que necesitas serían los cross-sells. Puedes ver cómo manejarlos en este artículo.
Un saludo.
diego dice
Hola como estas enrique muy bueno el articulo , yo tengo una carniceria y la verdad es muy complicado el tema del stock yo necesito que del carrito me pasen el pedido al mail o whats app y ahi concretar la venta por esos medios es posible ?
Enrique J. Ros dice
Hola Diego
Echa un vistazo a este plugin, quizá te sirva. No es una recomendación, ya que yo no lo he probado, sólo veo que puede ajustarse a lo que buscas.
Un saludo
Nicolas dice
Enrique como te va? Muy bueno el tutorial pero estoy teniendo un problema que no puedo solucionar. La sección «tu pedido» la tengo justo al lado de «detalles de facturacion» y cuando desplego la tarjeta de credito como metodo de pago los campos para llenar la tarjeta de credito se me ven para abajo, desfazados. podrias ayudarme con esto? muchas gracias.
Enrique J. Ros dice
Gracias por tu comentario, Nicolás. Esas cosas suelen tener fácil arreglo aplicando estilos personalizados CSS, que puedes incluir en algún plugin como Simple Custom CSS o similar. Se trata simplemente de ir ajustando márgenes y posiciones de los campos hasta te todo cuadre.
Recuerda tener presente todos los tipos de dispositivos a la hora de aplicar estilos.
Un saludo.
Nicolas dice
Muchas gracias Enrique, tenes idea donde puedo encontrar un tutorial para hacer esto? Soy nuevo en wordpress.
Enrique J. Ros dice
En realidad no es algo específico de WordPress, se trata de aplicar estilos mediante CSS. Te pueden ser útiles para lo que tú necesitas este tutorial o este otro.
Un saludo.
Petra dice
Hola Enrique. Gracias por el tutorial. Quería preguntarte si sabes cómo se puede cambiar el título de «información adicional» que aparece antes de los campos añadidos adicionalmente y si es posible que aparezcan solo en determinados casos. Estoy haciendo una tienda en la que se venden inscripciones a cursos y publicaciones (físicas), hay unos campos que solo deben aparecer en caso de que la compra sea un curso y en este caso no aparece la información de envío, en cambio, cuando se trata de un libro no se necesita la información adicional y sí la de envío.
Muchas gracias por anticipado por tu ayuda
Enrique J. Ros dice
Hola Petra. El texto se puede cambiar mediante el archivo de traducción. Puedes usar para ello Loco Translate.
En cuanto a que aparezca condicionalmente en función del producto comprado también se puede hacer, pero requiere algo de programación.
Un saludo.
David Baxin dice
Hola que tal Enrique excelente tutorial. Tengo una pregunta de como mover los nuevos campos creados hacia el apartado de Dirección de Facturación o Dirección de Envió esto en el email de nuevo pedido. Agregue campos extra relacionados con la dirección por lo que me gustaría que aparecieran en la parte de direcciones ya que en el email aparecen antes de Datos del Cliente.
Enrique J. Ros dice
Hola David. Para eso tienes que editar las plantillas de email. Las tienes en WooCommerce > Ajustes > Correos electrónicos.
Un saludo.
Eduardo dice
Hola Enrique. Estupendo el plugin y el tutorial. Cómo añado el campo de subir archivo? lo he activado pero no sé si en la pestaña Billing tengo que añadir un campo y si es así ¿qué tipo de campo?
Saludos
Eduardo dice
Sí, en Billing había que añadir un campo nuevo con el tipo «File Picker».
Por si le interesa a alguien 🙂
Saludos!
Enrique J. Ros dice
Veo que has encontrado la solución 🙂 Gracias por compartirla, Eduardo.
Un saludo.
Bernaldo Bellido dice
Buenas tardes Enrique,
para un proyecto fin de carrera quiero usar una tienda virtual, pero el proceso de pago lo voy a hacer leyendo una cantidad que tengo cargado en la sesión del apache previamente, y que realmente el pago se realice contra esta cantidad controlando si hay suficiente (en vez de usar CCC, paypal o cualquier otro mecanismo de pago),de forma que se realice la compra y automaticamente el pedido se ponga en estado de enviado y pagado. ¿Como podria hacer esto? Entiendo que habría que programar directamente, ¿pero como?. Vaya lio. Cualquier ayuda se la agradecería.
Adela dice
Hola Enrique, muchas gracias por las explicaciones y el tutorial,
soy autónoma y estoy construyendo la tienda online y la sorpresa es que no existe el concepto «Retención %» en woocommerce, ni existe un plugin específico donde se pueda aplicar la reducción del 7% IRPF al final de la factura. He llegado hasta aquí pensando en crear un campo con el plugin del tutorial pero me acabo de enterar, por tus explicaciones, que sólo es capaz de manejar campos de introducción de datos, por lo que deduzco que no lo voy a poder utilizar… ¿Me puedes orientar, por favor, por dónde puedo solucionar este problema?
Un saludo.
Enrique J. Ros dice
Hola Adela.
No conozco ningún plugin específico para ello, así que habría que hacer un desarrollo propio. Pero, ¿estás segura de que lo necesitas? Hasta donde yo sé un autónomo sólo tiene que facturar con retención los autónomos dedicados a actividades profesionales, agrícolas, ganaderas y forestales, y sólo cuando facturan a empresas (tu tienda no parece B2B). En fin, no es mi especialidad, pero es lo que tengo entendido.
Un saludo.
Adela dice
Hola Enrique,
muchas gracias por responderme tan rápido, estoy dada de alta como profesional y es de obligado cumplimiento practicar la retención del 7% IRPF a las facturas los primeros tres años de la actividad, dá igual si el que compra tus productos es también empresa o particular:
«Se entiende por profesionales autónomos aquellos dados de alta en las secciones segunda y tercera del Impuesto de Actividades Económicas (IAE), relativas a actividades profesionales y actividades artísticas». ¿Cómo lo han solucionado los que se encuentran en este apartado utilizando Woocommerce? de este tema no hay nada en internet….
De todas formas millón de gracias.
Enrique J. Ros dice
Pues lo cierto es que no debe ser muy habitual, a mí no me lo han pedido nunca. Como te decía anteriormente, en caso necesario supongo que habría que hacer un desarrollo a medida.
Un saludo.
Pedro Luis dice
Hola Adela, pudiste solucionar el descuento del IRPF en WooCommerce?
Salu2 y Felices Fiestas 🙂
andrés dice
Estimado.
estos cambios
tambien se ven reflejados en los mail de notificación que se envia al administrador y cliento, al momento de finalizar la compra.
Henry dice
Hola
Yo hago repartos por delivery, cómo agregar un campo con los distritos de envio (cada distrito tendrá un precio de flete), además rangos de hora de reparto.
Ejem:
Distrito: lima 20 soles
lince 15 soles
……….
Horas: 8:00 – 12:00
12:00m – 3:00pm
……..
Enrique J. Ros dice
Hola Henry. Echa un vistazo al tema de las zonas de envío.
Un saludo.
Henry dice
Hola Enrique
Gracias por la respuesta, sin embargo no he logrado ver cómo configurar lo referente a «REGIONES», no quiero que aparezca las provincias de Perú sino los distritos de Lima, por eso quiero cambiar lo que viene por defecto en woocommerce.
Por favor tu orientación para modificar las regiones de Perú
Saludos
Enrique J. Ros dice
No hay información en WooCommerce acerca de distritos, sólo provincias. Sin embargo existe la posibilidad de hacerlo por códigos postales.
Un saludo.
Jose Sarria dice
Hola Enrique, tu blog es genial. Gracias por compartir información tan valiosa.
Aprovecho y te hago una pregunta. En mi tienda vendo productos físicos y también inscripciones a eventos. Necesito dos checkouts diferentes, pero no se como hacerlo. ¿Me puedes dar alguna idea?
Enrique J. Ros dice
Hola Jose. Gracias, me alegra que te sea útil. No sé por qué necesitarías dos checkouts, puedes hacerlo todo con uno. En cualquier caso, si lo quieres así siempre puedes usar WooCommerce para los productos físicos y Easy Digital Downloads para los eventos.
Un saludo.
Khalil dice
Hola Enrique,
lo primero gracias por compartir tus conocimientos, que haríamos algunos sin vuestra ayuda.
Yo estoy implementado mi segunda tienda con Woocommerce y la primera edite las plantillas y demás para conseguir editar el checkout, pero esta vez me he inclinado por gestionarlo con el plugin.
El problema con el que me he encontrado es que al recibir el mail del pedido, no se porque me separaba el nombre ( me lo metía en el apartado dirección de facturación, que pretendo quitar editando la plantilla), del email y del teléfono (que me lo metía en el apartado datos del cliente), y para solucionarlo, he quitado el nombre inicial y he añadido uno nuevo a mano para el nombre, pero claro, ahora no me aparece el nombre en la cabecera de email, es decir, me pone: «ha recibido un pedido de . El pedido es este:» Aparte que estaria bien que los campos adicionales, parte del nombre también apareciesen como datos del cliente.
Otra duda es que una vez en el checkout con todos los datos rellenados y aceptadas las condiciones, tengo un botón «Realizar Pedido» que al pincharlo me recarga de nuevo la pagina de checkout mostrándome info del pedido y la opción de pagar con tarjeta o cancelar.
¿Hay alguna manera de que al pulsar sobre «realizar el pedido» me lleve directamente al pago con tarjeta?
Agradecería infinitamente un poco ayuda!
Un saludo y gracias por todo!!
Enrique J. Ros dice
Hola Khalil, gracias por tu mensaje.
Así a priori es imposible saber por qué no está tratando los campos de datos como se espera, habría que hacer pruebas para determinar la causa y corregirla.
Lo del botón de realizar pedido sí te puedo decir que ése no es el comportamiento que debería tener, sino que tendría que comportarse como tú dices, dirigiendo al usuario directamente a la pasarela de pago, todo en un paso. Sin duda ese paso extra te puede estar afectando la tasa de conversión. Comienza probando a cambiar la plantilla (aunque sea momentáneamente, para hacer la comprobación) porque puede ser la causa.
Un saludo.
Khalil dice
Hola Enrique,
Gracias por tu rápida respuesta. Lo del plugin si que es raro, pero bueno cuando lo entienda y corrija lo pondré por aquí.
En cuanto a lo de los pasos, también es raro porque ya me pasaba con la anterior plantilla, y ahora uso Avada que ya conocerás, he escrito a soporte y lo mismo, cuando solucione pondré por aquí.
Ya aprovecho a hacerte otra pregunta sobre algo con lo que llevo tiempo pegándome, y es quitarle el rango de precios a mis productos variables ( todos lo son), pero no consigo, porque al final parece que no hay manera de ocultar por css el rango de precios de la cabecera del producto sin ocultar también su precio final….
He intentado seguir los pasos que muchos recomiendan ( creo que a ti también te leí sobre esto) en sus blogs y he conseguido dejarlo con un «Desde» pero que queda muy feo y lo ideal seria ocultarlo.
Un saludo y muchas gracias por todo de nuevo!
Enrique J. Ros dice
Si me dices que usas Avada, no me extrañaría que tenga algo que ver con el theme.
En cuanto a lo de los precios de los productos variables, con CSS no puedes hacer más que ocultarlo. Para actual sobre él ha de ser por código. Yo tengo un plugin que te permite personalizarlo, lo puedes ver aquí. Espero que te ayude.
Un saludo.
David dice
Buenos dias Enrique:
Muchas gracias por toda la información, me esta ayudando mucho en la creación de mi tienda.
Te quería preguntar si existe algun plugin que permita agregar el iva o el recargo de equivalencia cuando el cliente lo necesite o configurarlo automáticamente mediante roles dependiendo del tipo de cliente. Veras vendemos telefonia libre y normalmente los precios van sin iva, si el comprador tiene certificado de revendedor no se le aplica el iva en la factura, esto solo en el caso de la telefonía libre no en accesorios, y en el caso de que el cliente tenga recargo de equivalencia se le aplica el iva y el recargo. Mi idea era crear un desplegable en el carrito donde el cliente diga si tiene certificado de revendedor y otro si tiene recargo de equivalencia y sumarle esos impuestos.
Es necesario hacerlo a medida o habría algo que pudiera solucionarlo?
Muchas gracias de antemano y buen año!
Enrique J. Ros dice
Hola David
Gracias ante todo por tu comentario. No hay ningún plugin que lo haga, ya lo he buscado otras veces cuando lo he necesitado para algún cliente y finalmente he tenido que solucionarlo mediante programación cuando me ha hecho falta.
Básicamente las veces que lo he necesitado he establecido el impuesto a aplicar en función del rol de usuario, ya que en estos casos siempre se suele trabajar con usuarios registrados (si el usuario no está registrado, va a PVP con IVA siempre) y con uno u otro rol dependiendo del tipo de distribuidor.
Un saludo.
Jesús dice
Buenos días David, me ha resultado muy útil este post, muchas gracias!
Te comento un problema que tengo con el checkout, hasta hace un mes más o menos, al elegir la provincia el cliente, a nosotros en su dirección de pedido nos aparecía el nombre completo de la provincia; pero desde entonces, no sabemos que que habremos tocado en el checkout, que nos aparecen las siglas de la provincia en vez del nombre completo. Esto no sería mucho problema, pero nos hemos dado cuenta de que estos pedidos con siglas en vez de provincias no se nos exportan a nuestra plataforma externa de facturación. ¿Hay forma de volver a que salga el nombre de la provincia completo? Muchas gracias
Enrique J. Ros dice
Hola Jesús
Seguramente no habréis tocado nada, ya que no hay una opción para ello. Yo diría que puede ser algún otro plugin que está interfiriendo. Intenta ver si en esa fecha más o menos habéis instalado algún plugin y prueba desactivándolo. Si no fuera eso ya habría que hacer diversas pruebas para ver qué está generando el problema.
Un saludo.
P.S. Especialmente comprueba también si habéis añadido alguna función en el functions.php copiada de algún sitio.
Roberto Rodríguez dice
Hola Enrique,
Gracias por el post. Lo he encontrado al realizar una busqueda en google para intentar solucionar el mismo problema que nos plantea el compañero Jesus. Aún que ya conocia tu blog y sobre todo tu canal de YouTube 😉
El causante del problema, si es el WooCommerce Checkout Manager el culpable de este problema. A mi me sucede exactamente lo mismo. Si descativo el pluguin, la dirección y la provincia del cliente, aparecen perfectamente, pero en cuanto vuelvo a activarlo, me substitulle el nombre de la provincia por el codigo de provincia.
Estoy mirando de solucionar el problema, pero si no hayo la solución, no tendré más remedio que desinstalarlo y buscar una alternativa 🙁
Si nos puedes echar una mano, te estaremos muy agradecidos.
Un saludo,
Roberto Rodríguez
Enrique J. Ros dice
Hola Roberto
Si ya has comprobado que ese plugin es el causante la mejor solución es solicitar soporte al propio autor del plugin.
Un saludo
Jesús dice
Actualizo:
Perdón, quería decir Enrique!!!!
En WooCommerce, al entrar en un pedido de los que están con siglas, en detalles de facturación, no está seleccionado el país; al seleccionarlo se actualiza automáticamente la provincia y ya si la puedo exportar sin problema a la plataforma de facturación. En nuestro checkout, en la lista de campos de facturación, aparece el campo de país como requerido; pero en nuestra página, a la hora de hacer un pedido, este campo no aparece. ¿Se te ocurre algo?? Muchas gracis.
Enrique J. Ros dice
¿Has comprobado lo que tienes establecido en WooCommerce > Ajustes > General > Localizaciones de venta?
Un saludo.
Cesar dice
Saludos una pregunta, como puedo modificar la etiqueta «Detalles de facturación» de woocommerce? GRacias
Enrique J. Ros dice
Hola César.
Puedes hacerlo como explico aquí.
Un saludo.
Cesar dice
Excelente, esa es la respuesta, muchas gracias y saludos desde México
Jose dice
Hola Enrique, he descubirto hace poco tu blog y la verdad que es una maravilla la gran cantidad de información que hay y que sirve de gran ayuda. Gracias por compartir. Mi pregunta es la siguiente:
Como puedo mostrar diferentes formularios en el checkout con woocommerce dependiendo del producto a comprar? o como puedo dinamizar el formulario existente dependiendo del producto?
Muchas gracias
Enrique J. Ros dice
Hola Jose
Entiendo que lo que quieres es solicitar diferentes datos en función de si en el carrito está presente uno u otro producto. Eso requiere de programación a medida.
Un saludo.
Jose dice
Si, eso es…
Vale voy a ello entonces…
Otra cosa al hilo de este plugin, no consigo ante un tipo de entrada SELECT OPTION darle los valores a seleccionar…
Muchas gracias
ana dice
Yo tampoco puedo, alguien tiene la respuesta a esto? Por favor, es muy importante
Enrique Ros dice
Hola Ana
Si lo que necesitas es poner un selector y no depende de qué productos se están comprando, puedes usar este plugin.
Un saludo.
Luis M dice
Enrique, Buen dia
Gracias por compartir tu conocimiento. Una pregunta que me tiene atorado. Con tu tutorial y el plugin de «Woocheckout» agregue un campo adicional de tipo «File Picker» para que el usuario suba archivos, sin embargo, cuando se genera el pedido la imagen no esta en el pedido. Tengo activados los campos de «Allow Customer to Upload Files» y «Categorize Uploaded Files» en la pestaña «General». Alguna idea de donde buscar la falla? y una segunda pregunta (una vez que pueda resolver la primera je) No quisiera que le de opciones de editar la imagen, solo subirla. Se puede modificar esa opción?
Gracias por tu respuesta y saludos desde Mexico.
Jose dice
Hola de nuevo Enrique,
No soy capaz de que me salga el calendario en un campo de tipo datepicker en el formulario del checkout con este plugin…
Sabes cual puede ser el error?
Enrique J. Ros dice
Hola Jose
Pues pueden ser mil cosas, sin estudiarlo es imposible adivinar qué está fallando. De cualquier forma, en estos casos lo mejor es siempre contactar directamente con el desarrollador (cada plugin del repositorio tiene su propio foro de soporte), que es quien mejor conoce el código y sabe qué cosas pueden causar eso.
Un saludo.
Mariana dice
Hola! Instalé el plugin pero tengo un inconveniente.. como hago en SELECT OPTION para darle los valores a seleccionar?
Muchas gracias
Victoria dice
Hola Enrique, mil gracias por la web, me está siendo de gran ayuda para entender el mundo de los plugins. Estoy intentando añadir en la página de contacto una casilla para aceptar las condiciones de privacidad tras el formulario típico de contacto (veo que es obligatorio por la ley de protección de datos). Y se me ocurrió que quizás podría hacerlo con este pluggin (checkout manager), pero no encuentro la forma.
un saludo!
Enrique J. Ros dice
Hola Victoria.
Gracias por tu comentario, me alegra que los contenidos te sean útiles. No, este plugin no te sirve para eso, pero en este artículo explico cómo puedes hacerlo paso a paso con Contact Form 7.
Un saludo.
Ricardo dice
Hola,
Interesante el artículo … una pregunta por favor: estoy usando el Hidden para ocultar campos según producto pero me ocurre que cuando el pedido es de varias unidades de diferente atributo (talla) me aparecen los campos. En cambio si es un sólo producto sí funcionan los filtros …. el caso es que estoy vendiendo un producto virtual pero con tallas y cuando compras una camiseta talla S funciona , pero si compras otra M, ya muestra todos los campos.
gracias,
Enrique J. Ros dice
Hola Ricardo
Pues así, con esas indicaciones, sin verlo y sin realizar pruebas… imposible saber qué está pasando.
Un saludo.
Ignacio dice
Hola Enrique, gracias por compartir tu conocimiento. Utilizo el plugin en una Fundación junto con Quick Donation para obtener donaciones. Funciona bien, he añadido el DNI como campo personalizado y lo solicita en el formulario de registro y guarda la información. Todo ok, pero en el perfil de usuario no aparece ese campo. ¿Debería aparecer en los campos de facturación con el resto no? Me falta hacer algo para poderlo ves desde Usuarios de la administración?
Nuevamente agradecerte cualquier ayuda.
Enrique J. Ros dice
Gracias a ti Ignacio 🙂
No, WooCommerce maneja los campos del checkout de forma totalmente independiente a los campos de perfil, así que cambiar una cosa no implica necesariamente cambiar la otra. Este plugin (no sé a cuál de los dos que menciono te refieres, pero es indiferente, vale para ambos) actúa solamente sobre el checkout.
Un saludo.
Ignacio dice
Hola Enrique, me refiero a WooCheckout perdona. Si entiendo que al instalar Woocomerce en el perfil de cliente me incluye los datos que gestiona la tienda de dirección de facturación y dirección de envío, mi problema es que incluyo un campo nuevo en la pestaña billing para el DNI/CIF y en los datos de facturación no aparece ese campo, no sé donde puedo ver el dni que rellena el cliente al registrarse.
Enrique J. Ros dice
Hola de nuevo Ignacio 🙂
Como te decía, el plugin sólo modifica el checkout y ese dato no queda guardado en el perfil. Con este plugin, como utiliza el campo «Empresa», el dato sí queda guardado en el perfil de usuario. Con este otro queda registrado en los datos del pedido.
Un saludo.
Ignacio dice
Ok, mil gracias, sobre todo por tu paciencia. 🙂
Juan dice
Hola Enrique,
gracias por compartir tus cononcimientos, soy subscriptor y estoy encantado con tu trabajo, tengo una consulta al hilo de este post.
tengo una tienda creada hace un año y con el plugin «Checkout Manager for WooCommerce» cree un campo con un checkbox donde por defecto se autorizaba a recibir información y mantenerse informado a través de una newsletter, ahora quiero envíar publicidad a mis clientes pero no se si hay alguna for de ver quien a autorizado y quien no, en los listados como tu indicas no aparece por ningún sitio.
gracias
Enrique J. Ros dice
Hola Juan
Eso depende de cómo guarde ese plugin la información de la casilla y si la muestra en algún lugar en el admin o no. Consulta directamente la documentación o el soporte del plugin.
Un saludo,
Pere dice
Hola Enrique, ante todo muchas gracias por tus clases teóricas. He estado leyendo este post y no encuentro por ningún lado como puedo hacer para que el check ¿Crear una cuenta? esté más visible en la página de finalizar compra. Se puede mover de su localización?
Gracias
Enrique J. Ros dice
Hola Pere
Sí, se puede cambiar editando el template form-billing.php
Un saludo,
Pere dice
Gracias, como siempre tan amable y rápido en tus respuestas.
Un millón de gracias
Antonio dice
Hola, estoy intentando usar este plugin y estoy atascado intentando hacer un campo tipo select ¿Cómo podría hacerlo? las opciones son complejas y no consigo realizarlo.
Un saludo
ana dice
Enrique parece aludir esta respuesta, he visto varias personas haciendo la misma pregunta, porque yo estoy buscando la respuesta, y nada. Por favor Enrique, contesta.
Enrique Ros dice
No eludo nada: atiendo diariamente decenas de consultas y dudas de seguidores del blog, lo que ocurre es que no puedo dar soporte de un plugin que no es mío. Casualmente, a ti te he contestado el otro comentario.
De nada.
Antonio LLamas dice
Hola Enrique quisiera saber , si existe un plugin, para una tienda online que tu entras y ves los productos pero no los precios y una vez que te registras en la tienda mediante un código que te manden tu puedas ver los productos con los precios.
Lo que quiero es algo como lo que tiene por ejemplo Herbalife en sus paginas.
Gracias
Enrique dice
Hola Antonio
Sí, aquí explico cómo hacer algo así.
Un saludo.
Antonio LLamas dice
Gracias por la información
Victor dice
Hola Enrique,
estoy intentando customizar la parte del resumen del pedido (order review creo que lo llama woocommerce). Sabes como puedo añadir la foto del producto al lado del nombre, añadir el importe total y luego abajo el total con taxes y luego añadir un mensaje personalizado antes del botón de pagar?
No sé qué templates debo tocar para ello porque no lo encuentro y no estoy encontrando plugins que lo hagan (quizás porque no los estoy buscando bien…)
Muchas gracias
Enrique dice
Hola Víctor
Esos templates los tienes en /woocommerce/templates/checkout/. De todos modos veo que eres profesional del diseño web y supongo que estarás hecho a tratar con código, así que yo no tocaría ningún template, sino que trabajaría con hooks.
En /woocommerce/templates/checkout/review-order.php puedes ver los filtros que se aplican, para formatear el contenido a tu gusto. En cuanto a contenido antes del botón de pagar, puedes usar el hook de acción woocommerce_review_order_before_submit.
Un saludo
Victor dice
Gracias Enrique, le echaré un ojo 😀
Un saludo!
María Cubeiro Zarraonandia dice
Hola,
al leer este comentario, veo que en algo se asemeja al mío, me gustaría cambiar el diseño del botón PAGAR CON TARJETA que no me sale con el formato del resto de botones de mi tema, sale muy pequeño y con otro estilo. No sé cómo modificarlo.
Muchas gracias
Lennin dice
Hola Enrique.
Felicitarte por tu blog. Y deseo hacerte una consulta, en la sección Billing del plugin, elimino los campo country (país), address_1 y state (estado) y dejando solo los campos que requiero first_name (nombre), last_name(apellidos), email (Email Address) y phone (teléfono). Hasta alli todo genial, en mi página Checkout o en mi caso aparece como Finalizar compra, solo me muestra los campos no eliminados; pero cuando lo completo eso campos y hago clic en Pagar. No me deja avanzar y me muestra el siguiente mensaje:
Por favor, ingresa un país válido.
Por favor, ingresa una ciudad válida.
Por favor, ingresa una dirección válida.
Si estos campos fueron eliminados y no se muestran en la página, no entiendo porque me requiere ingresar un valor. Espero me puedas ayudar.
Gracias.
jimmy pazos dice
Muy beunas tardes: yo tengo este mismo problema en un wocommerce, elimino los campos via un plugin, también he usado snipets, los campos se van, pero me siguen apareciendo esos mensajes: Por favor, ingresa un país válido.
Por favor, ingresa una ciudad válida.
Por favor, ingresa una dirección válida.
Enrique Ros dice
Hola Jimmy
No basta con ocultar los campos: de nada sirve que no se vean si WooCommerce sigue esperando recibir los datos correspondientes. Hay que anular el registro.
Puedes usar este plugin para ello.
Un saludo.
ALICIA dice
Hola Enrique,
en los campos del formulario hay algunos campos ya marcados como requeridos y en el formulario aparecen con su distintivo *, indicándole al cliente que es un campo requerido. Necesito que mas campos también sean requeridos y los marco en el Woocommerce Checkout Manager pero no consigo que al visualizarlo aparezca el * en esos campos ¿sabes cómo solucionarlo? Muchas gracias.
Enrique Ros dice
Hola Alicia
Sí, tendrás que usar algo de CSS, ya que los asteriscos se muestran a las etiquetas de una clase determinada (si no recuerdo mal era la clase .required). A decir verdad, es trabajo del plugin asignar esa clase a las etiquetas que se configuren como requeridas, pero si no lo hace se puede hacer manualmente para cada id.
Entiendo que si no sabes CSS esta respuesta no te ayudará gran cosa, pero me temo que no hay otra forma. Sí podrías contactar al desarrollador del plugin para decirle lo que está ocurriendo, y lo solucione en una próxima actualización.
Un saludo.
ALICIA dice
Hola Enrique, muchas gracias. De momento no me he puesto con el CSS pero tengo en mente ponerme con ello ya que veo que me va a ser util. También he contactado con el desarrollador del plugin a ver si me da una solución. De todas formas ¿Cuál es el archivo donde habría que realizar este cambio? Tengo a alguien que puede que me ayude con esto. Gracias y un saludo.
Enrique Ros dice
En realidad no se trata de cambiar nada, no hay un archivo que puedas editar y añadir los asteriscos, ya que WooCommerce no crea ese formulario (ni ningún otro) mediante archivos, sino mediante datos y templates.
Con CSS puedes hacer uso del selector ::after asignado a los id de los campos a los que quieras agregar el asterisco. Se puede poner el CSS en Apariencia > Personalizar > CSS adicional.
Un saludo.
Antonio LLamas dice
Buenas me gustaría saber si hay alguna opción de poner en [woocommerce_my_account] un campo mas que sea para que el cliente cuando se registren y se den de alta pueda poner un código promocional que se le entrega a el, aparte de lo típico que aparece correo electrónico y contraseña.
Ejemplo
REGISTRARSE.
Correo electronico* —————-
Contraseña* ————————-
Código Promocional* ————–
Gracias ante todo.
Me encanta tu blog
Saludos.
Enrique Ros dice
Hola Antonio
Algunos plugins te permiten crear formularios de registro y de login a medida e insertarlos donde quieras con un simple shortcode. Yo he probado a veces Profile Builder, es gratuito y funciona muy bien, seguro que te servirá.
Jesús dice
Hola Enrique,
Tengo una tienda online con plantilla premium wordpress que es totalmente responsive, sin embargo la página de finalizar compra no se adapta al móvil y se montan algunos campos encima de otros.
El campo de introducir los datos para la forma de pago se cortan y tengo que desplazar la pantalla para que se vean todos los campos.
A ver si me puedes echar una mano en encontrar el error.
Muchas gracias
Enrique Ros dice
Hola Jesús
Eso depende de muchas cosas. Puede que no tengas WooCommerce actualizado (en versiones relativamente antiguas el checkout se creaba mediante una tabla, no mediante divs responsive) o puede que tu plantilla esté utilizando su propia template para el checkout, con una versión antigua, que es lo más probable si la compraste en ThemeForest.
Esto lo puedes comprobar en WooCommerce > Estado del sistema > Plantillas (Anulaciones).
Un saludo.
Jesús dice
Muchas gracias por tu respuesta Enrique,
Efectivamente mi plantilla está usando su propia plantilla de checkout pero cada vez que sacan una actualización nueva de plantilla la actualizo. También tengo actualizado el woocommerce a la última versión.
En este caso que podría hacer para corregir esto?
Muchas gracias por tu ayuda Enrique
Enrique Ros dice
En ese caso yo lo primero que intentaría es eliminar la plantilla de checkout que está utilizando el template, para comprobar si es la culpable. Si es así (que es bastante probable) eliminarla definitivamente o solicitar soporte al autor. Si no es esa la causa, tendrás que desactivar todos los plugins e ir activándolos de uno en uno, porque uno de ellos será la causa.
Un saludo.
Sergio Grau dice
Hola!
Tengo un problema y es que a la hora de pagar me deja rellenar los datos de facturacion y su direccion pero me gustaria poder elegir que la direccion de envio se distinta y se pueda rellenar en esa misma pantalla, no en los ajustes de la cuenta.
Si no me fuerza a que la direccion de envio sea la de facturacion y realmente lo veo incomodo.
Yo me refiero a que en muchas webs a la hora de pagar te da la opcion de rellenar ambas direcciones o direcctamente copiar la de facturacion en la de envio.
Gracias de ante mano
Enrique Ros dice
Hola Sergio.
WooCommerce ya incluye eso de base (al marcar la casilla «Enviar a una dirección distinta» se despliegan los campos para los datos de envío). Si en tu web no aparece, es porque tu plantilla está usando un template propio para el checkout que elimina esa parte.
Un saludo.
Arturo Mora Aguilera dice
Hola Enrique como estas un cordial saludo, tengo una pregunta, tengo instalado el plugins woocommerce checkout manager, deseo cambiar el nombre de Provincia/Región en el checkout para que diga Departamento (Que aplica a Colombia), quisiera saber como puedo realizar este cambio. muchas gracias por tu ayuda.
Enrique Ros dice
Hola Arturo.
Eso puedes hacerlo según explico en este vídeo.
Un saludo.
Fabian Lopez dice
Hola Enrique, una consulta estoy usando el plugin pero en el campo para subir un archivo que necesito que sea olbigatorio, al subirlo y continuar me muestra el siguiente mensaje «Facturación Logotype / Logotipo es un campo requerido.»
Si le quito la marca de obligatorio no da el mensaje pero necesito que si se suba.
Sabras por que es el error? Gracias
Enrique Ros dice
Hola Fabián
Evidentemente por el mensaje no está detectando que el archivo se haya subido, pero no puedo saber la causa. Lo mejor en un caso así que es contactes directamente con el autor del plugin a través del foro de soporte en WordPress.
Reinaldo Villegas dice
Hay algun plugin para que el cliente coloque su ubicacion en un mapa y este llegue con el correo de nuevo pedido?
Enrique J. Ros dice
Hola Reinaldo
Sí que lo hay, este plugin hace lo que necesitas.
Un saludo.
Ricardo Medel dice
Hola,
es posible cambiar el nombre en Detalle de Facturación e Información Adicional en el formato de la plantilla??
agradeceré su ayuda.
saludos,
Enrique J. Ros dice
Hola Ricardo
Sí, echa un vistazo a este vídeo, te será de ayuda.
Un saludo.
Ricardo Medel dice
Muchas gracias por tu respuesta. Muy útil, claro y preciso.
se agradece tu trabajo.
saludos,
Oscars Moreno dice
Hola,
muchas gracias Enrique, Me ha sido de mucha utilidad esta información.
Quisiera preguntarte algo si es posible. Estoy terminando mi tienda y no consigo mostrar en la página de «Finalizar Compra» dos opciones de pago diferentes para que el cliente elija la que quiera.
Tengo instalados y activados los dos plugins que recomendabas «Woocommerce Gateway Stripe» y «Woocommerce Gateway PayPal Express Checkout» pero solo consigo mostrar el botón que establezca en primera posición en la página de «Opciones de finalizar compra» de los ajustes de WooCommerce.
Le he dado mil vueltas, instalado y vuelto a desinstalar, activando otras opciones de pago, etc. pero solo se me muestra una sola opción de pago en la página de finalizar compra. Sabrías decirme si puede deberse a la plantilla que estoy usando? es la siguiente: https://es.wordpress.org/themes/childcare/
Muchas gracias y saludos,
O.M.
Enrique J. Ros dice
Hola Óscar
Pues más bien parece que algún plugin pueda estar interfiriendo. Echa un vistazo a la primera parte de este artículo, creo que podrá ayudarte.
Un saludo,
Jacobo dice
Enrique, muy buen post. Este plugin me facilitará bastante la implementación de WooCommerce a una web.
Muchas gracias!
Enrique J. Ros dice
A ti por tu comentario, Jacobo, me alegra que te haya sido útil 🙂
Un saludo.
Astrid Ocanto dice
Amigo excelente articulo es muy completo y me facilito mucho la tareas
Enrique J. Ros dice
Me alegra oírlo, Astrid 🙂
Gracias por tu comentario.
Jose dice
Buen día gracias por tu pot, esta excelente. Tengo actualmente un problema, instalé el WooCommerce Checkout Field Editor y va todo bien hasta que llegas al formuluario de finalizar compra, si dejas un campo requerido sin llenar y le cas clic a pagar o ir a paypal la pagina se refresca y se pierden los datos del formulario que ya se habian llenado. No se si es un problema del wordpress como tal o del woocommerce o algun plugin. ¿Como puedo solucionar eso?
Enrique J. Ros dice
Hola Jose
Hay algún plugin (no tiene por qué ser WooCommerce Checkout Field Editor) que está provocando un error en AJAX. Échale un vistazo a la consola del navegador, te dará información de lo que está pasando.
Un saludo.
Jose dice
Hola muchas gracias por tu respuestas, crees que los codigos insertados de conversion de google ó pixel pueden estar causando este problema?
Enrique J. Ros dice
Pues no puedo saber lo que es, pero si miras como te dije en la consola del navegador te dirá exactamente qué errores hay en la página.
Un saludo.
Javier Fuentes Abril dice
Hola, en mi página vendo servicios y uno de ellos es la posibilidad de realizar consultas online. Para este producto en especial necesitaría que se incluyera, al tiempo de realizar la compra, un cuadro de texto en el que el cliente realiza esa consulta y, si fuera posible, pudiera enviar archivos.
¿Esto es posible personalizando el Checkout?
¿Se podría hacer para un producto en concreto?
Enrique J. Ros dice
Hola Javier
Se puede hacer en el checkout, pero esas cosas es siempre mejor hacerlas a nivel de producto. Puedes usar el plugin Product Add-Ons.
Un saludo.
Mario dice
Hola enrique, no se si me puedas ayudar tengo una tienda donde hay dos tipos de clientes personas y empresas la idea es que para finalizar la compra se lene el formulario que seria diferente en este caso 2 diferentes este plugin me yuda con eso o tu me puedes recomendar alguno para hacerlo?
Enrique J. Ros dice
Hola Mario
Se pueden establecer diferentes campos o incluso diferentes métodos de pago en función del tipo de cliente, pero es algo muy específico y no conozco ningún plugin que lo haga, habría que programarlo a medida.
Un saludo.
Mario dice
Muchas gracias enrique, una pregunta adicional esto tambien se podria a través de un campo condicional en el formulario del chackout donde la persona escoja el tipo de usurio que es y asi aparezcan los diferentes campos a llenar conoces algun plugin que pueda ayudarme con campos condicionales?
Enrique J. Ros dice
Hola de nuevo
He visto este plugin que permite añadir campos al checkout de forma condicional, no sé si te servirá para lo que necesitas en concreto pero puedes echarle un vistazo.
Un saludo.
Ancient dice
hola Enrique gracias por el tutorial me hasido mu util, pero tengo un problema muy particular, y es que los envios internacionales dependen de la dimension y peso del paquete ademas de ciertas restricciones segun cada pais y el cliente no puede calcular eso, tenemos que hacerlo nosotros porque los envios siempre varian de precio y no podemos cobrar menos o de mas, asi que estaba pensando hacer un checkout para personas fuera del pais en el cual no permita un pago sino que no envie una orden a nosotros para poder enviarle al cliente todas las tasas de envios disponibles de modo de que escoja una y entonces hacer el cobro adecuado,
el problema es que no se como hacer esa llamada, localmente hay un flat fee pero internacionalmente las empresas de envio nos tienen marginados con los costos, hice un proceso para personas que esten comprando fuera del pais y funciona pero quisiera que se cargara automaticamente la orden, (solo lo que ya pusieron en el carrito), el cliente tiene que literalmente escribirnos los productos que quiere para nosotros enviarles el quote del envio, es posible? intente con [woocommerce_cart] en el plugin pero carga todo el proceso de pago tambien, y no puedo darle opcion de pago a personas fuera del pais, pues no tengo manera de saber cuanto es el envio hasta no tener el paquete con direccion
he buscado por todos lados aunque sea un pluggin que me agregue un shipping quote pero sin exito, que recomiendas?
gracias
Enrique J. Ros dice
Hola Ancient
¿Has comprobado si te sirve este plugin?
Un saludo
Ancient dice
Saludos Enrique, Feliz 2018!
En link esta roto no puedo ver de que plugin hablas, pero solo por si acaso hemos probado un par de «Shipping calculators» con USPS y UPS pero maravillosamente los precios siempre son distintos a los que nos calculan a nosotros. Ejemplo real:
con la herramienta un envío de 4 frascos de suplementos a Osaka Japon
5 Oz
5 Oz
3 Oz
13 Oz
nos daba un total de 48.25 por envío de prioridad, pero al imprimir la etiqueta y pasarlo por el UPS ellos nos cobraron 66.25 por eso es que hacemos el proceso manual, pues aunque cada producto tiene su peso y dimensión, al momento de empacarlos en una misma caja depende exclusivamente de la orden al momento de hacer el envío por peso, dimensión de la caja y dirección de destino… hemos tenido clientes que tratan de enviar una botella en un sobre solo «porque cabe y es mas barato» por eso hasta no llegar con una tasa adecuada con las compañías de envío, la unica solución que se me ocurre es hacerles un quote teniendo de antemano su pais y la orden, el detalle está que en una tienda virtual agregar a un carrito y luego copiar manualmente lo que metiste al carrito para saber cuanto cuesta recibirlo en tu casa es una manera estupenda de perder clientes, y la verdad sigo sin saber siquiera cual es el nombre de la variable del carrito de compra para al menos intentar una instruccion que le haga el proceso mas comodo a los clientes fuera del pais.
pero en fin, seguiré revisando el blog por si recomiendas algo, gracias
Antonio Sagrera dice
Hola a todos.
Necesito que el formulario de checkout sea diferente segun el producto, existe ese plugin?
Muchas gracias a todos
David dice
Hola Enrique, excelente tutorial. Consulta, como puedo personalizar en términos de diseño el checkout (cambiar colores o letras), existe algún plugin para aquello?.
Enrique J. Ros dice
Hola David
Siempre que se trata de personalizar diseño, sea en el checkout o donde sea, se hace con CSS.
Un saludo.
Alfonso Hernandez dice
Hola Enrique
Ya soy cliente de tus plugins, me parecen muy útiles para llevar adelante un tienda con woocommerce.
Me estaba planteando respecto al proceso de compra que comentas en este artículo cambiarlo simplificandolo al máximo.
¿Es posible pedir en un primer paso email y nombre, después pasar al pago sin más, y recabar resto de datos después del pago?
En mi caso no hay dirección de envío ya que son tickets para eventos.
Espero haberme explicado bien.
Muchas gracias
Enrique J. Ros dice
Hola Alfonso
Creo que Akismet te ha cogido manía 🙂 no sé por qué te deja en moderación.
Sí que es posible, pero si pides primero datos y después lo llevas al pago estás añadiendo pasos adicionales antes del pago, y eso no es simplificar: cuantos menos pasos, mejor.
Puedes eliminar todos los datos que no necesitas, dejando en el checkout sólo nombre, email y el formulario de pago, y después, si lo consideras necesario, pedir el resto de datos como dices. Esto lo puedes hacer de varias formas, desde construir una thank you page personalizada que muestre los detalles del pedido recibido e integre el formulario para solicitar el resto de datos y los guarde en su perfil (se puede hacer con update_user_meta), hasta (menos profesional pero más sencillo si no sabes programar) enlazar la pestaña Mi cuenta > Direcciones en el mensaje de «Gracias por el pedido» para que el usuario vaya a rellenarlos.
Un saludo
marco dice
Hola Enrique, excelente tutorial consulta soy nuevo en esto pero quiero modificar el formulario del checkout ya que tiene muchos espacio entre campos me gsutarias aber cual es la ruta para trabajar con el codigo en php
Enrique J. Ros dice
Hola Marco
El PHP está en wp-content/plugins/woocommerce/templates/checkout, pero no deberías modificar esos archivos, y menos aún si es para cambiar los espacios, eso deberías hacerlo con CSS personalizado.
Un saludo.
Lorena dice
Muchas gracias por el tutorial. Me gustaría saber como puedo agregar opciones desplegables en el apartado de envío?. Podrías ayudarme? Gracias
Enrique J. Ros dice
Hola Lorena
Añadirlo al formulario de envío es harina de otro costal, pero puedes añadirlo al checkout con WooCommerce Checkout Manager tal y como explico en esta misma entrada.
Un saludo.
Paqui dice
Buenas, este plugin me ha ayudado mucho, ahora estan los campos tal y como yo queria. Solo que no aparecen ningun dato de facturacion ni de envio en la pagina de «order-received». Solo muestra N/D, no se que es lo que he hecho mal. Muchas gracias por tu ayuda.
Enrique J. Ros dice
Hola Paqui
Si no pides el dato (has eliminado el campo del checkout), es normal. Si lo estás pidiendo pero no se muestra en la información del pedido deberías solicitar soporte al autor.
Un saludo.
Jorge dice
Buenas Enrique,
A mi me gustaría que el checkout se modificara para diferentes países. Mas concretamente, que cuando elijo el país Francia (por ejemplo) el cuadro de «provincia» desaparezca. Pero si esté para España.
He visto que esto pasan en algunos tiendas online, no se si sería posible.
Muchas gracias,
Un saludo
Diego Fajardo dice
Buenas días amigo saludo, es posible agregar un botón de pago de un banco al formulario de checkout?
Enrique J. Ros dice
Hola Diego
Para eso basta con habilitar la pasarela de pago correspondiente mediante un plugin.
Un saludo
Matias dice
Hola Enrique.
Estuve probando tu producto, y estaría necesitando por ejemplo un checkout personalizado para cada tipo de productos, es eso posible?
Enrique J. Ros dice
Hola Matias
Puedes probar este plugin, quizá te sirva para lo que necesitas.
Un saludo
Raquel dice
Hola Enrique.
He estado probando el plugin y he configurado unos campos para ciertos productos por ID, pero por alguna razón no coge nada más que el primero y solo lo muestra en éste, mientras que en el resto no aparece…. En el selector oculto , mostrar campo en el producto: 387 | 386 | 367
¿Es posible que no se introduzcan así los ID?
Un saludo
Edgar c. dice
Hola Enrique J. Ros
Gracias r toda la informacion que brindas ayudas bastante pasa que tengo dos problemas con WooCommerce uno es que me sale que tengo archivos absoletos y el otro es que al momento de darle en comprar o reservar no funciona el calendario como debe ser solo funciona la mitad del lado derecho y la otra mitad no funciona soy nuevo en esto y no se que hacer ya que busque informacion y no doy con la solucion le agradesco por su ayuda saludos
Enrique J. Ros dice
Hola Edgar c.
Ese mensaje se muestra porque tu plantilla contiene templates de WooCommerce sin actualizar. Actualiza la plantilla y, si ya la tienes en la última versión, repórtalo al autor.
Un saludo
María Cubeiro Zarraonandia dice
Hola,
no consigo cambiar la apariencia del botón pagar con tarjeta de la página de finalizar compra después de rellenar el formulario. Por otro lado, es una página que me sobra, no podría pasarse directamente al pago con el banco desde la pág. en la que se rellena el formulario? Uso Divi con woocommerce.
Muchas gracias
Un saldudo
Juan Calizaya dice
Hola Enrique, te queria pedir un favor. Instale todo lo que es el Woocommerce, además del gratuito use MemberShip y Subscriptor. El problema pasa, en donde puedo configurar el tamaño de las casillas, porque despúes de la instalación, todo se me ha quedado muy, pero muy por encima. Lo peor es que no tengo espacio para que mis clientes puedan rellevar las famosas casillas.
Paco dice
Hola Enrique,
Como podemos personalizar el método de pago según importe?
Es decir, pedido de menos de 30€ pagas 3€ de cargo del contrareembolso. Si es más de 30 no hay cargo.
Se que se puede hacer creando una clase de envío, pero ya la tengo ocupada para marcar ciertos productos con envío GRATIS sin llegar el pedido mínimo.
Que me puedes decir??
Gracias!!
P.D – muy buena tu página para todo lo relacionado con el desarrollo web! 😀
Enrique J. Ros dice
Hola Paco
Puedes hacerlo con algún plugin de recargos para pasarelas de pago que permita cargos condicionales en función de la cantidad comprada. Echa un vistazo a estos, seguro que alguno de ellos te sirve para lo que necesitas.
Un saludo.
Alfonso dice
Buenas tardes Enrique,
Muy buen apunte y me ha facilitado mucho las cosas y dejar solo lo que precisaba.
Pero me encuentro con un problemilla.
En facturación me ha dejado variar el campo de código postal como obligatorio, no seria necesario, ya lo puliré mas. Pero puedo modificar el campo a mi antojo.
Donde realmente si que lo necesito obligatrio es en la dirección de envío y allí ni siquiera aparece ese campo en el listado.
Si aparece en la pagina de checkout, pero como opcional en la dirección de envío, de manera que ni siquiera puedo crear un campo nuevo ya que se me repetiría. En envío necesito ese campo, si o si.
Saludos.
isabel hernaiz dice
Hola Enrique,
Estoy buscando información de cómo cambiar el color y texto del Botón «Finalizar Compra» – pero no encuentro nada.
¿Tienes algún artículo de eso?
Gracias
Enrique J. Ros dice
Hola Isabel
Eso lo puedes hacer mediante CSS. No da para un artículo, es sencillo, pero necesitas saber algo de CSS para hacerlo.
Un saludo
manu1a dice
Gracias por tu gran aporte Enrique,
Lo estuve probando pero estoy sufriendo un descontrol en tema de los casilleros del formulario ya que hace lo que quiere, no se si está entrando en conflicto con el tema o con los propios formularios automatizados de Woocommerce, tienes alguna idea de qué podría ser? cómo solucionarlo? en qué archivo se encuentra el archivo original del formulario?
Gracias por la ayuda.
manu1a dice
Incluso dejando vacío el apartado Facturación, me aparecen todos los campos
Enrique J. Ros dice
Hola manu1a
Pues no sé a qué te refieres porque no me pones en contexto. En general, seguir estos pasos puede ayudarte siempre a identificar el problema.
Un saludo
Francisco dice
Necesito modificar el Formulario Checkout agregando campos por ejemplo.
– fecha de llegada
– fecha de salida
– hora de llegada
– hora de salida
Es posible con este plugin?
espero tus noticias.
Gracias
Dolores dice
Hola Enrique. Quisiera hacer más larga la caja de los datos del cliente de woocommerce. Ahora mismo tiene una extensión que puedes escribirlo pero no se ve entero ¿Podrías indicarme como hacerlo, por favor? Gracias
Enrique J. Ros dice
Hola Dolores
Puedes hacerlo con CSS.
Un saludo
Yasmin dice
Hola Enrique,
Antes de nada, quiero agradecerte por subir toda la info que subis, en más de una ocacion me has ayudado muchisimo.
Ahora tengo una consulta, y es si es posible crear campos personalizados en el formulario de WooCommerceque solo se muestran cuando se hace la compra de algunos productos.
El tema es que estoy trabajando con una página que vende eventos deportivos y no para todos los eventos me hacen falta los mismos datos.
¿Será posible?
Desde ya muchas gracias
Gustavo dice
Hola Enrique!
Quería hacerte esta consulta: por alguna razón que no acabo de descifrar el campo del código postal ha dejado de verse, cuando recargo la página de finalizar compra, alcanza a verse, solo un instante y luego desaparece. Lo he revisado varias veces y no encuentro qué puede estar pasando, está activado, como campo obligatorio y con la clase form-row-wide,address-field, Display in Emails y Display in Order Detail Pages están desactivados.
¿Tienes idea de qué puede ser?
Desde ya muchas gracias!
Gustavo dice
Hola Enrique,
Muchas gracias por el artículo, me ha servido mucho!!
Ya he resuelto el tema del campo de código postal, era la caché del Firefox que no refrescaba.
¿Podrías ayudarme con esto?:
He indicado que no quiero que se vea ninguna nota del pedido y el contenido ya no se ve, sin embargo el espacio (vacío) de la columna derecha se mantiene. ¿Cómo podría hacer para que ese espacio desaparezca?
Desde ya muchas gracias!
Enrique J. Ros dice
Hola Gustavo
Puedes quitar ese espacio con CSS
Un saludo
anamoli dice
Buenas tardes Enrique
Con este plugins puedo eliminar los campos dirección, localidad, código postal y país del checkout, pero al redirigir a PayPal para completar el pago, aparecen varios mensajes de error de PayPal porque parece que estos campos son obligatorios para el pago a través de PayPal. Hay alguna manera de solucionarlo? Lo que vendo son viajes y los datos que necesito de los clientes son nombre y aplellidos, email y telefono de contacto.
También me gustaría saber si hay alguna manera de prescindir del carrito, o sea pasar directamente al checkout.
Enhorabuena por tu blog, resulta de gran ayuda para mucha gente. Muchas gracias por tu tiempo.
Enrique J. Ros dice
Hola anamoli
Revisa la configuración de PayPal o ponte en contacto con su soporte, PayPal no necesita ese tipo de datos para procesar un pago.
Puedes saltarte el paso del carrito con este plugin.
Un saludo
Jon dice
Hola buenas tardes Enrique, encantado de saludarte, excelente tutorial. Yo tengo una duda que espero me puedas ayudar porque no controlo mucho las las opciones del checkout manager. Te explico muy brevemente.
En mi tienda online, en el apartado de cumplimentar los datos, tengo un campo adicional que es un desplegable con las opciones SI o NO, en función de si el cliente quiere factura. Por defecto estaba en NO y tengo algunos campos adicionales como NIF o razón fiscal que sólamente se mostraban si el cliente seleccionaba SI, pero ahora no se que ha pasado que esos campos están siempre visibles y no se como solucionarlo.
¿Alguna idea de lo que podría haberme ocurrido y como solucionarlo?
Gracias por tu ayuda!
Enrique J. Ros dice
Hola Jon
Contacta con el autor del plugin, es quien mejor puede darte soporte
Un saludo
0scar dice
Hola, necesito configurar para que al finalizar la compra NO aparezcan datos de facturación, solo datos de envío. Además tengo un problema ya que no aparece el listado de «provincias/estados». Estoy en México. ¿Tu plugin me sirve para esto?
Enrique J. Ros dice
Hola Oscar
No, no puedes hacerlo con este plugin. En cuanto al listado de estados, los de México sí deberían aparecer. Revisa si tienes activo algún plugin que afecte al checkout o algún código personalizado en functions.php, puede estar interfiriendo con esto.
Un saludo
Carlos dice
Hola Enrique
¿Es posible en el desglose mostrar el precio todo junto (precio del producto + gastos de envío)?
Es decir, que no aparezcan desglosados los gastos de envío y se sumen directamente al precio final.
Aunque también me planteo la duda de que esta opción sea hasta legal…
¡Gracias!
Noel dice
Hola Enrique,
Gracias por tu post, tengo una duda, conoces la forma de crear condiciones para los campos. Por ejemplo, solo necesite que el campo de NIF sea obligatorio cuando el país de residencia es España, de lo contrario que esté desactivado.
Un saludo y muchas gracias
jorge paez dice
Hola muy interesante el plugin, estoy buscando algo parecido, necesito agregar unos campos en el pedido, despues que el usuario hace el pago, necesito que cuando le envie la factura o cuando yo descargue los pedidos salga al lado de los productos en otra columna lo que se escribió en el subtitulo o en la descripcion pequeña, eso se puede?
Liliana dice
Hola Enrique, muchas gracias por compartir esta información que es de mucha utilidad. Me gustaría saber como puedo hacer para que el campo Nombre (user_login) aparezca automático en el formulario, sin que el usuario lo pueda reescribir. Tengo el carrito visible solo para usuarios registrados y logeados, entonces no veo la necesidad de que el usuario tenga que volver a escribir su nombre.
Enrique J. Ros dice
Hola Liliana
user_login no es el nombre del usuario, sino el nombre de usuario, que son cosas diferentes. En cualquier caso, WooCommerce ya autorrellena los campos del checkout con los datos del usuario.
Un saludo
soledad Martinez dice
hola agregue este plugins y ya funciona el subir archivo para los clientes sin embargo no se donde debo verlo porque no me llegan los archivos al mail con el peido como lo puedo hacer?
Antony Sotomayor dice
Hola Enrique espero veas este mensaje, lo que sucede es que el certificado ssl funciona en toda mi pagina menos en la pagina de Finalizar Compra, ya intente arreglarlo de todos modos pero no encuentro la solución.
Lo que he intentado es en los ajustes de woocommerce habilitar la opcion de forzar https en pagina finalizar compra y nada
Tambien he colocado esa url en la pagina Whynopadlock.com y nada, me sale que todo esta en orden pero mi pagina sigue sin tener el ssl activo
Oscar Lara dice
Hola Enrique.
Me gustaría saber si conoces algún plugin que sirve para mostrar un checkout u otro en función de los productos que se compren.
Estoy haciendo una web de cursos, si compras un curso se mostrará el checkout de siempre. Aparte, quiero tener un producto tipo suscripción, y si compras ese producto, necesito recoger unos datos distintos a los típicos.
¿Conoces algo que me pueda servir?
Gracias
Enrique J. Ros dice
Hola Oscar
Echa un vistazo a Conditional Checkout Fields for WooCommerce, es posible que te sirva para lo que necesitas hacer.
Un saludo
Juan dice
Buenas, espero se encuentre bien, como puedo hacer para que salga la imagen miniatura en los productos cuando estoy en el checkout?
Juan dice
Buenas, espero se encuentre bien, como puedo hacer para que salga la imagen miniatura en los productos cuando estoy en el checkout?
Lucas dice
Hola Enrique, gracias por el post, muy interesante.
Querria saber si hay alguna manera de que el pago, o la compra de un producto, quede pausada hasta que yo lo autorize?
Muchas gracias!
Enrique J. Ros dice
Hola Lucas
Echa un vistazo a este plugin.
Un saludo
Luis dice
Hola, excelente artículo, me ha servido de mucho, pero tengo una gran duda. ¿Cómo puedo traducir los campos que aparecen?, ¿Es posible hacerlo con el WPML?
Gracias
Mary Gallego dice
Hola. Muy buen artículo gracias por la información. Queria saber si estos campos que se pueden añadir a un pedido hay forma que se trasladen y aparezcan en la factura? Muy agradecida por la respuesta. Un saludo.
Ana dice
Hola una consulta también se puede agregar campos adicionales en checkout usando plugins code Snnips y en que tabla almacena los datos en mysql
Enrique J. Ros dice
Hola Ana
Code Snippets sirve para ejecutar código, así que sí, si programas esos campos sí puedes usarlo para que se creen.
Un saludo
Mary Gallego dice
Hola Enrique..Excelente y completo post. Muchas gracias por compartirlo. Tengo una consulta muy particular porque necesito varios campos personalizados ya que en la web que estoy haciendo se necesita el checkout a modo de cotización. Necesito desde un excel con varios campos personalizados que ya he agregado siguiendo este tutorial importarlo a woocommerce para desde alli facturarlos (esto lo tengo configurado con un plugin de facturacion) pero necesito saber si es posible importar a woocommerce esos pedidos con todos esos «campos personalizados» desde un documento excel. He probado plugin de «order-import-export-for-woocommerce.2.0.8» pero no aparecen los campos personalizados. Muy agradecida por la sugerencia. Un gran saludo.
Enrique J. Ros dice
Hola Mary
Si son campos personalizados del checkout, lo que necesitas es un plugin que permita importar post meta, que es como se guardan esos campos.
Un saludo
Anthony dice
Hola buenas tardes como estas.
Como agregar un input file en el checkout que no sea con uno de tantos plugins que ya hay en los repositorios, algo que sea mediante hooks muy personalizados y que se agregue a la misma orden de compra de un producto de la tienda. que la imagen se guarde en la base de datos y se pueda validar con determinados métodos de pago, es decir si elije transferencia bancaria aparece el input y el archivo sea obligatorio si elige paypal este no aparece
Alvaro dice
Hola Enrique, tengo un inconveniente, como puedo hacer si al recibir la factura que emite el sistema de woocomerce, me aparece la información, pero no el campo de cada línea, es decir, está la información, pero no sé cuál es la ciudad y cuál es el estado porque esta línea de texto que debería decir, ciudad, región, estado, comuna no aparecen reflejadas…
Espero pueda ser de ayuda, gracias de antemano
Enrique J. Ros dice
Hola Alvaro
WooCommerce no emite facturas. Contacta directamente con el soporte del plugin que estés utilizando para ello, son quienes mejor te pueden ayudar.
Un saludo,
Rodrigo dice
Hola Enrique: En relación a este tema, sabes de que forma (plugin o personalizando checkout) se podría pagar el pedido de OTRO cliente, sin perder quién realizó el pedido? En otras palabras, el cliente A hace su pedido, pero NO realizará el pago. Lo hará el cliente B, cuando realice su propio pedido. Ejemplo práctico. Una pareja que viven en la misma propiedad, y cada uno tiene sus cuentas o perfiles en el sitio web, para ahorrar los costos de envíos, consolidan sus pedidos pero originados desde cada cuenta individual. Agradeceré tu orientación si es posible, Gracias
Borome dice
Hola, espero y estés bien, tengo una situación, quisiera que en mi ecommerce hecha en wordpress , en el carrito de compras , tenga habilitada la opción de que el cliente elija que cantidad quiere pagar por el envío. Te pongo en contexto , utilizo la plataforma skydropx y tienen la ventaja de ofrecer diferentes costos de envíos, puesto que la plataforma tiene convenios con diferentes paqueterías… y lo que quiero es poner un precio fijo y que el cliente elija que envío quiere Estándar o express, me podrías apoyar por favor y gracias