Dudas Técnicas sobre Personalización de WooCommerce básico

  • Dudas Técnicas sobre Personalización de WooCommerce básico

    Discusión creada por Simón Marín el 18 de junio de 2025 en 8:24 AM

    Hola a todos/as,

    Acabo de finalizar un curso básico de WooCommerce en esta plataforma, y estoy comenzando a aplicar lo aprendido en una pequeña y mediana empresa (PyME) de construcción en la que trabajo. Nuestra empresa se dedica principalmente a la construcción de casas para personas naturales, aunque también brindamos servicios a empresas.

    Estamos interesados en implementar WooCommerce en nuestra plataforma de e-commerce para ofrecer a nuestros clientes una mayor comodidad al momento de realizar pagos. El objetivo es permitirles usar tarjetas de crédito en lugar de depender exclusivamente de transferencias bancarias.

    Ahora bien, en esta etapa inicial de aprendizaje, me han surgido algunas dudas específicas relacionadas con la implementación y personalización de WooCommerce, particularmente adaptándola a nuestra necesidad de ofrecer servicios en lugar de productos.

    -Dudas:

    ▪Desactivación del zoom en imágenes de los servicios:

    Cuando un cliente ingresa a la ficha del servicio en nuestra plataforma, se genera automáticamente un efecto de zoom al pasar el mouse sobre la vista previa de la imagen. Este efecto no es necesario para nuestro caso y creemos que podría confundir o distraer a nuestros usuarios.

    • ¿Existe alguna manera técnica de desactivar esta función?

    Si es posible desactivarla, ¿esto afecta algún otro aspecto del diseño o funcionalidad?

    ▪Personalización de tarifas de transporte en lugar de tarifas de envío:

    Aunque WooCommerce se enfoca principalmente en e-commerce tradicional con productos físicos y envíos, en nuestro caso necesitamos adaptarlo a nuestros servicios de construcción. Específicamente, queremos:

    Reemplazar el concepto de “tarifa de envío” por “tarifa de transporte”, que refleje un costo vinculado al uso de gasolina.

    Este costo dependería de la comuna en la que se prestará el servicio y los kilómetros recorridos.

    • ¿Es posible realizar esta personalización en la interfaz de usuario y el flujo de cálculos de tarifas? •¿Requeriríamos un plugin específico o ajustes manuales para lograr esto?

    ▪Asignación de servicios exclusivos a clientes registrados:

    En nuestra implementación deseamos habilitar la posibilidad de ofrecer servicios personalizados. Para esto, nos gustaría saber si el siguiente flujo es técnicamente posible:

    Solicitar al cliente que cree una cuenta en nuestra plataforma para vincular su historial de compras y servicios.

    Una vez registrado, asignarle manualmente (desde la administración de WooCommerce) un servicio exclusivo con precio e impuestos definidos previamente.

    Registrar ese servicio como «pagado» en el historial del usuario y generar una notificación o recibo que comunique este ajuste al cliente.

    • Inquietud adicional: En caso de que un servicio ya pagado sea registrado manualmente en WooCommerce, ¿esto podría generar algún conflicto en la pasarela de pago bancaria vinculada al sistema? ¿Existe alguna configuración que sea importante tener en cuenta para evitar este problema?

    Espero haber logrado explicar mis inquietudes con claridad. Agradecería mucho cualquier experiencia, guía o consejos que puedan compartir al respecto.

    ¡Gracias de antemano por la ayuda!

    • Esta discusión fue modificada 19 horas, 40 minutos por  Simón Marín.
    Jefferson Maldonado ha respondido hace 10 horas, 2 minutos 2 Miembros · 1 Respuesta
  • 1 Respuesta
  • Jefferson Maldonado

    organizador
    18 de junio de 2025 en 6:03 PM

    ¡Hola, Simón!

    Primero que nada, felicidades por terminar el curso y por lanzarte a aplicar WooCommerce en tu PyME. Me alegra mucho leer casos reales como el tuyo y seguro tu experiencia va a inspirar a otros dentro de la comunidad. Voy por partes con tus dudas, tratando de darte la respuesta más clara y útil posible:

    Desactivar el zoom en imágenes de servicios

    El efecto de zoom en la imagen de producto/servicio viene por defecto en WooCommerce, pero ¡tranquilo! Puedes desactivarlo fácilmente añadiendo este snippet al archivo functions.php de tu tema hijo, o mejor aún, usando el plugin gratuito “Code Snippets” (así evitas problemas con futuras actualizaciones):

    add_action( 'after_setup_theme', 'uxdivi_remove_wc_zoom', 99 );
    function uxdivi_remove_wc_zoom() {
        remove_theme_support( 'wc-product-gallery-zoom' );
    }

    Con esto, el efecto de zoom desaparecerá.

    Personalización de tarifas de “transporte” en vez de “envío”

    WooCommerce usa el término “Envío” por defecto, pero puedes adaptarlo perfectamente a tu modelo de servicios:

    • Renombrar “Envío” por “Transporte”: Usa el plugin gratuito Loco Translate para buscar y cambiar la palabra “Envío” por “Transporte” en toda la tienda, incluso si está en español.

    • Calcular el costo según comuna y kilómetros: Aquí puedes usar plugins como Table Rate Shipping for WooCommerce (hay versión gratuita y de pago) que permite crear reglas de tarifas basadas en ubicación, distancia, o incluso condiciones personalizadas (puedes poner una tabla de precios por comuna o por rangos de kilómetros).

    • Si quieres un cálculo automático por distancia real, plugins como Distance Rate Shipping te permiten cobrar según los kilómetros ingresando la dirección del cliente (ideal para servicios de campo o construcción).

    Servicios exclusivos para clientes registrados

    Esto es totalmente posible en WooCommerce. Te dejo un flujo recomendado y las herramientas para lograrlo:

    • Requiere registro de usuario: WooCommerce lo permite por defecto. Solo activa la opción en Ajustes > Cuentas y privacidad.

    • Asignar servicios exclusivos manualmente:

      • Crea un producto/servicio oculto (visible solo con enlace directo).

      • Usa el plugin gratuito User Role Editor o el de pago WooCommerce Memberships para limitar la visibilidad o acceso a ese servicio a usuarios específicos.

    • Marcar un servicio como “pagado” manualmente:

      • Entra al pedido en WooCommerce y cámbiale el estado a “Completado” o “Pagado”.

      • El sistema automáticamente envía la notificación por correo al cliente si tienes habilitada la opción en WooCommerce > Ajustes > Correos electrónicos.

    • ¿Hay conflictos con la pasarela de pago?

      Si registras el pedido manualmente y lo marcas como pagado, WooCommerce no realiza ningún cargo automático, solo deja constancia en el historial del cliente. La única recomendación es dejar claro al cliente que este registro es manual, por si en el futuro revisa su historial y no ve el pago realizado con tarjeta.

    Herramientas y plugins recomendados:

    • Loco Translate (gratuito) para cambiar textos.
    • Table Rate Shipping o Distance Rate Shipping (si necesitas cálculo por kilómetros).
    • Code Snippets para agregar código fácilmente.
    • WooCommerce Memberships (de pago, para restringir servicios a ciertos usuarios).
    • User Role Editor (gratuito, para gestionar permisos y roles).

    ¡Mucho éxito con tu proyecto!

    Aquí seguimos para apoyarte en cada etapa.
    Un abrazo,
    Jefferson – UXDivi

Inicia sesión para responder.