Documentación

Woocommerce Envío gratuito

por 19 de marzo de 2025 0 Comentarios
CC Envío gratuito Documentación
Documentación completa del plugin CC Free Shipping para WooCommerce

Índice
1. introducción
2. instalación
3. activación de la licencia
4 Configuración básica
5 Configuración de los mensajes
6. ubicaciones de las pantallas
7. estilizar el look
8. configuración avanzada
9. soporte multidivisa
10. Resolución de problemas
11. FAQ
Cumplimentación de la documentación CC Free Shipping
12. uso del shortcode
13 Integración con Gutenberg
14 Solución de problemas con el shortcode

1. introducción
CC Free Shipping es un plugin profesional para WooCommerce que permite configurar el envío gratuito a partir de un determinado umbral de pedido y mostrar mensajes personalizados para animar a los clientes a aumentar el valor de su cesta.

El plugin permite un control total sobre:
  • umbral de envío gratuito
  • contenido de los mensajes
  • ubicaciones de visualización
  • el estilo visual de las notificaciones
  • opciones avanzadas para calcular el umbral

2. instalación
Requisitos del sistema
  • WordPress 5.0 o superior
  • WooCommerce 3.0 o posterior
  • PHP 7.0 o posterior
Proceso de instalación
  1. Descargue el archivo ZIP del plugin desde la tienda oficial
  2. Acceda al panel de administración de WordPress
  3. Ir a: Plug-ins > Añadir nuevo > Enviar plug-in
  4. Seleccione el archivo ZIP descargado y haga clic en "Instalar ahora".
  5. Una vez finalizada la instalación, haga clic en "Activar complemento".

3. activación de la licencia
Es necesario activar la licencia antes de utilizar el plugin:

Después de la instalación, vaya a: COCOS. > Licencia cc_free_shipping
Introduzca la clave de licencia recibida tras la compra
Haga clic en "Activar licencia".
Tras la activación, aparecerá un mensaje de confirmación.
Consejo
Sin una licencia activa, el plugin funcionará en modo de vista previa, sin posibilidad de editar los ajustes.

4 Configuración básica
Para configurar los ajustes básicos del plugin:
  1. Ir a: WooCommerce > Configuración > Envío > Envío gratuito
  2. Configura las siguientes opciones:
Umbral de envío gratuito
Especifique el importe mínimo del pedido a partir del cual el cliente recibirá el envío gratuito. El valor se indica en la moneda por defecto de la tienda.

Teniendo en cuenta los cupones de descuento
Active esta opción si desea que el valor de los vales de descuento se deduzca del valor de la cesta antes de comprobar el umbral de envío gratuito.

Tener en cuenta los gastos adicionales
Habilitar que los gastos adicionales con valor negativo (que reducen el valor de la cesta) se tengan en cuenta al calcular el umbral de envío gratuito.

Desactivar estilos CSS
Marque esta opción si desea desactivar completamente los estilos CSS predeterminados y utilizar únicamente sus propios estilos.

5 Configuración de los mensajes
En esta sección, puede personalizar el contenido de los mensajes que se muestran a los clientes:

Comunicación por debajo del umbral
Texto que se muestra cuando el cliente aún no ha alcanzado el umbral de envío gratuito. Utilice {remanente}para mostrar el importe que falta.

Mensaje por encima del umbral
Texto que se muestra cuando el cliente ha alcanzado el umbral de envío gratuito.

Mensaje en la caja (por debajo del umbral)
Un mensaje especial que aparece en la página de pago cuando el cliente no ha alcanzado el umbral.

Mensaje en la caja (por encima del umbral)
Un mensaje especial que aparece en la página de pago cuando el cliente ha alcanzado el umbral.

Texto por método de envío
Texto que aparece junto a un método de envío al que se le ha concedido la entrega gratuita.

6. ubicaciones de las pantallas
Seleccione dónde se mostrarán los mensajes de envío gratuito:

Cesta
Mostrar mensaje en la página del carrito de la compra.

Página de pedidos
Mostrar mensaje en la página de pedido (checkout).

Antes de los métodos de pago
Mostrar un mensaje inmediatamente antes de seleccionar los métodos de pago.

7. estilizar el look
Control total sobre la apariencia de los mensajes:

Colores del texto
Ajustes separados para mensajes por debajo y por encima del umbral.

Colores de fondo
Fondo de mensaje para ambos estados (por debajo/por encima del umbral).

Colores del marco
Color del marco para ambos tipos de mensaje.

Tamaño del borde
Grosor del borde en píxeles.

Rodeando la frontera
Radio de las esquinas redondeadas en píxeles.

Tamaño de letra
Tamaño del texto en píxeles.

8. configuración avanzada
CSS personalizado
Introduce tu propio código CSS para ajustar la apariencia de los mensajes a tu tema. El CSS estará activo aunque desactives los estilos por defecto del plugin.

Ejemplo de código CSS:
.ccfs-mensaje {
margen: 15px 0;
font-weight: bold;
}
.ccfs-message.below-threshold {
estilo del borde: discontinuo !importante;
}
.ccfs-message.above-threshold {
text-transform: uppercase;
}

9. soporte multidivisa
CC Free Shipping es compatible con los plug-ins de divisas más populares:
  • WOOCS - WooCommerce Cambiador de Divisas
  • Conmutador de divisas Aelia
  • WPML + WooCommerce Multilingüe
  • WooCommerce Multidivisa
  • Cambiador de moneda para WooCommerce por WP Desk
El umbral de envío gratuito se define siempre en la divisa por defecto de la tienda y se convierte automáticamente a la divisa elegida por el cliente.

10. Resolución de problemas
No se muestran los mensajes
  • Compruebe que WooCommerce está configurado correctamente
  • Asegurarse de que la licencia está activa
  • Compruebe que están activadas las ubicaciones de visualización correctas
  • Compruebe que no hay conflictos con otros plug-ins
El umbral de envío gratuito no funciona correctamente
  • Compruebe que el valor umbral está ajustado correctamente
  • Si utiliza varias divisas, asegúrese de que los tipos de cambio están actualizados.
  • Compruebe su configuración para la inclusión de vales y tasas
Problemas de apariencia
  • Compruebe que su tema no sobrescribe los estilos del plugin
  • Intenta añadir tu propio CSS en la sección avanzada
  • Considere la posibilidad de desactivar los estilos predeterminados y aplicar los suyos propios

11. FAQ
¿Funciona el plugin con cualquier método de envío?
Sí, CC Free Shipping es compatible con todos los métodos de envío disponibles en WooCommerce.

¿Puedo tener diferentes umbrales para diferentes métodos de envío?
No, actualmente el plugin admite un único umbral global de envío gratuito para todos los métodos.

¿Afecta el plugin al rendimiento del sitio?
CC Free Shipping ha sido diseñado teniendo en cuenta el rendimiento y tiene un impacto mínimo en la velocidad de carga de la página.

¿Responden los mensajes?
Sí, todos los mensajes son totalmente receptivos y se ven bien en dispositivos móviles.

¿El plugin admite traducciones?
Sí, todos los textos de los plugins pueden traducirse utilizando herramientas estándar de WordPress como Loco Translate o WPML.

¿Con qué frecuencia se actualiza el plugin?
El plugin se actualiza regularmente para garantizar la compatibilidad con las últimas versiones de WordPress y WooCommerce.

¿Y si necesito ayuda?
Tras la compra de la licencia se ofrece asistencia técnica. Póngase en contacto con nosotros página de asistencia.

Cumplimentación de la documentación CC Free Shipping
12. uso del shortcode
CC Envío Gratuito ofrece un práctico shortcode que le permite colocar mensajes de envío gratuito en cualquier lugar de su tienda, incluso en el contenido de páginas, posts y widgets.

Uso básico del shortcode
El shortcode básico muestra el mensaje estándar de envío gratuito: 
[cc_free_shipping]
Por defecto, se muestra el mismo mensaje que aparece en la página de la cesta de la compra.

Adaptación del tipo de mensaje
El shortcode permite especificar el tipo de mensaje a mostrar mediante el parámetro tipo: 
[cc_free_shipping type="checkout"].
Tipos disponibles: -
  • carro - mensaje estándar de la cesta (por defecto) -
  • checkout - mensaje que aparece en la página de la caja registradora -
  • pago - mensaje que aparece antes de los métodos de pago

Ejemplos de uso:
1. adición de un mensaje de envío gratuito en la página de inicio: 
[cc_free_shipping] 

2. Añadir un mensaje de pago en el widget de la barra lateral: 
[cc_free_shipping type="checkout"].

3. adición de un mensaje de pago en el cuerpo de la página del producto: 
[cc_free_shipping type="pago"].

Consejo
Los mensajes mostrados por el shortcode se actualizan automáticamente cuando se realizan cambios en el carrito de la compra gracias a AJAX, igual que los mensajes estándar.

13 Integración con Gutenberg
Importante
Si utilizas el editor Gutenberg, los mensajes de envío gratuito deben añadirse mediante un shortcode, ya que los enganches dinámicos de WooCommerce no funcionan automáticamente en los bloques de Gutenberg.
Instrucciones para añadir un mensaje en Gutenberg:
  1. Editar una página o entrada en el editor Gutenberg
  2. Añade el bloque "Shortcode" (encuéntralo en el buscador de bloques o en la sección "Widgets")
  3. Introduzca el shortcode apropiado en el campo de bloque: [cc_free_shipping] o con un tipo seleccionado, por ejemplo [cc_free_shipping type="checkout"].
  4. Guardar y publicar la página

Añadir bloques de WooCommerce
Si está utilizando WooCommerce Bloques (por ejemplo, Cesta o Pedido en forma de bloque), puede añadir un mensaje de envío gratuito utilizando:
  1. Bloque "HTML personalizado" en el lugar adecuado del diseño de la cesta de la compra/pago
  2. En el campo de bloque, introduzca el shortcode en formato HTML:

[cc_free_shipping]

Consejos
Para una mejor integración con los bloques de WooCommerce, recomendamos colocar el shortcode en el bloque 'Custom HTML' en lugar del bloque estándar 'Shortcode'.
Ejemplo de diseño con mensaje en bloques de WooCommerce
<!-- wp:woocommerce/cart -->
<div class="wp-block-woocommerce-cart is-loading">
<!-- wp:html -->
[cc_free_shipping]
<!-- /wp:html -->

<!-- wp:woocommerce/cart-items-block -->
...
<!-- /wp:woocommerce/cart-items-block -->
</div>
<!-- /wp:woocommerce/cart -->

14 Solución de problemas con el shortcode
Si el mensaje mostrado por el shortcode no aparece o no se actualiza correctamente:
  1. Comprueba que el carrito de la compra de WooCommerce está activo - El shortcode requiere un objeto carrito de la compra activo.
  2. Activar la depuración de JavaScript - compruebe la consola del navegador en busca de errores AJAX.
  3. Asegúrese de que el identificador del shortcode es único - evitar colocar varios shortcodes del mismo tipo en una página.
  4. Compruebe si hay conflictos con otros plug-ins - Algunos plug-ins pueden interceptar eventos AJAX.
Información
El shortcode sólo funciona en las páginas front-end. No funcionará en el panel de administración ni en la vista previa del editor Gutenberg.

Deje su comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Noticias

Ir arriba
Cerrar
Página de inicio
Barra lateral
0 Lista de deseos
0 Cesta

Inicio de sesión

Cesta de la compra

Cerrar

Su cesta está vacía.

Empezar a comprar