550 | Q&A de Woo, CPTs, formularios por pasos y evitar spam en Elementor

1) Cómo dejar que el cliente elija su dirección en Google Maps al comprar en Woo, de Maximiliano

Maximiliano quiere que sus clientes marquen la dirección de entrega en un mapa de Google durante el checkout.

Solución

• Existen plugins gratuitos que lo hacen. Kikote es el más usado, con selector de mapa y autocompletado de direcciones. SG Checkout Location Picker es otra opción más sencilla.
• Los dos necesitan una clave de API de Google Maps. Google pide una cuenta de facturación activa aunque el uso entre dentro del nivel gratuito, así que revisa los límites actuales antes de activarlo.
• Comprueba qué checkout usa tu tienda. Estos plugins funcionan con el checkout clásico (el shortcode) y no con el checkout por bloques, que es el que traen por defecto las tiendas nuevas.
• Prueba el pedido completo en móvil. Es donde más se usa el mapa y donde más fallan estos campos.

Plugins mencionados.

• Kikote
• SG Checkout Location Picker

2) Cómo crear un estado de pedido «Reservado» en WooCommerce, de Alejandro

Alejandro necesita un estado propio para los pedidos reservados, además de los que trae Woo.

Solución:

• Con código es lo más ligero. Tienes el snippet en la Zona Código, en Crear estados de pedido personalizados en Woo.
• Con plugin te ahorras tocar código y puedes configurar colores y emails. BP Custom Order Status Manager y Custom Order Status for WooCommerce son dos opciones gratuitas.
• El identificador del estado empieza por wc- y no puede pasar de 20 caracteres en total. Si te pasas, el estado no se guarda bien.
• Un estado nuevo no envía emails ni mueve el stock por sí solo. Si quieres que «Reservado» avise al cliente o reserve unidades, hay que configurarlo aparte.
• Comprueba que el plugin o el código sea compatible con HPOS, el sistema de almacenamiento de pedidos de alto rendimiento de Woo.

Plugins mencionados:

• BP Custom Order Status Manager
• Custom Order Status for WooCommerce

3) Cómo quitar el slug de un tipo de contenido de la URL y arreglar el error 404, de Sergio

Sergio quería que las URLs de su tipo de contenido personalizado colgaran directamente de la raíz, sin el slug del tipo delante. Lo consiguió con Custom Post Type UI, pero le aparecieron errores 404.

Solución:

• En Custom Post Type UI, desactiva la opción de usar el slug como prefijo y deja el slug de reescritura en «/».
• Después guarda de nuevo los enlaces permanentes en Ajustes, Enlaces permanentes, sin cambiar nada. Así WordPress regenera sus reglas de URL.
• Vacía la caché del plugin de caché y del servidor. En el caso de Sergio, el 404 desapareció con estos dos pasos.
• Ten en cuenta que WordPress no está pensado para esto de forma oficial. Si una página, una entrada y un contenido del tipo comparten el mismo slug, uno de los tres dará 404.
• Si la web ya estaba publicada, crea redirecciones 301 desde las URLs antiguas para no perder posicionamiento.
• Revisa páginas, entradas y archivos del tipo de contenido después del cambio. Un fallo aquí suele aparecer en una URL que no pruebas.

4) Cómo hacer un formulario por pasos con respuestas en forma de botón en Gravity Forms, de Luis Carlos

Luis Carlos quiere dividir un formulario de Gravity Forms en secciones, con respuestas que parezcan botones, avance automático y caminos distintos según lo que elija el usuario.

Solución:

• Para los caminos distintos, usa la lógica condicional sobre páginas. Cada respuesta muestra una página u otra.
• Para que las opciones parezcan botones, se hace con CSS sobre los radio buttons. Lo tienes explicado en Convertir radio buttons y casillas de Gravity Forms en botones.
• Para el avance automático, hay un plugin llamado Multi Page Auto Advance for Gravity Forms. La versión gratuita cubre radio buttons y desplegables.
• Si quieres un formulario que se sienta como una conversación, Gravity Forms tiene el add-on Conversational Forms.
• Mi consejo es usar solo lo que realmente necesites. Cuantas más piezas encadenes, más cosas pueden romperse al actualizar. Empieza por lo más simple y añade solo lo que aporte.

Plugin mencionado:

• Multi Page Auto Advance for Gravity Forms

5) Cómo evitar el spam en los formularios de Elementor, de Sergio

Sergio recibía spam en un formulario de Elementor y Antispam Bee no lo frenaba.

Solución:

• Antispam Bee protege los comentarios, no los formularios. Por eso no hacía nada en su caso.
• Elementor Pro incluye su propio campo honeypot y soporta reCAPTCHA. Actívalos en el widget del formulario.
• Mi opción favorita es este plugin con honeypot compatible con Elementor, un campo oculto que solo rellenan los bots.
• El spam que escribe una persona a mano no se puede evitar con estas técnicas. Es parte del juego.

Plugin mencionado:

• WP Armour – Honeypot antispam