Cómo añadir una moneda y un símbolo personalizados en WooCommerce

A la hora de personalizar una tienda de comercio electrónico, es posible que no encuentres otra plataforma más flexible que WooCommerce. Por defecto, WooCommerce viene con múltiples opciones de divisas. Sin embargo, puedes añadir más divisas y sus símbolos a tu tienda para mejorar la experiencia de usuario de tus clientes.

Este tutorial destaca la importancia de un símbolo de moneda y cómo añadir un símbolo de moneda personalizado en WooCommerce. Además, añadiré una moneda ficticia con el nombre «Cloudways Currency» y utilizaré el símbolo ‘CW$’ para mi tienda online.

Importancia del símbolo de moneda personalizado

Te gustaría añadir un símbolo de moneda personalizado a tu tienda WooCommerce por las siguientes razones:

• Hace que tu tienda sea versátil, proporcionando a los usuarios varias opciones de moneda.
• Mostrar los precios de los productos en la moneda local de tus clientes crea familiaridad y mejora su experiencia de compra.
• Los clientes pueden optar por un método sin complicaciones para seleccionar la moneda que prefieran.
• También aumenta las tasas de conversión.
• Amplía tu alcance a nuevas regiones sin preocuparte de la conversión de divisas.

Añadir moneda personalizada en WooCommerce

Puedes añadir una moneda personalizada y su símbolo a tu tienda WooCommerce siguiendo los pasos que se indican a continuación:

• Ve a tu Panel de Control de WooCommerce > Apariencia

• Selecciona Editor de archivos de temas

• Abre el archivo functions.php, situado en la carpeta del tema.

• Añade las siguientes líneas de código al final del archivo y guárdalo.

add_filter( 'woocommerce_currencies', 'add_cw_currency' );
function añadir_divisa_cw( $divisa_cw ) {
  $cw_currency['CLOUDWAYS'] = __( 'CLOUDWAYS CURRECY', 'woocommerce' );
  devuelve $divisa_cw;
}
add_filter('woocommerce_símbolo_divisa', 'add_cw_símbolo_divisa', 10, 2);
function add_cw_símbolo_divisa( $símbolo_divisa_personalizado, $divisa_personalizada ) {
  switch( $divisa_personalizada ) {
  case 'CLOUDWAYS': $símbolo_divisa_personalizado = 'CW$'; break;
  }
  devuelve $símbolo_divisa_personalizado;
}

Nota: Consulta esta sección para ver la explicación del código.

• Ve a tu panel de control de WordPress.
• Ve a la pestaña WooCommerce y haz clic en Configuración.

• Haz clic en el desplegable Divisa en Opciones de divisa; verás la divisa personalizada recién añadida al final del desplegable.

• Selecciona aquí la moneda recién añadida y guarda la configuración.

Validar código personalizado en WooCommerce

Aquí tienes un desglose del código que hemos utilizado en los pasos anteriores. La siguiente función añade una moneda personalizada:

add_filter( 'woocommerce_currencies', 'add_cw_currency' );
function añadir_divisa_cw( $divisa_cw ) {
  $cw_currency['CLOUDWAYS'] = __( 'CLOUDWAYS CURRECY', 'woocommerce' );
  devuelve $divisa_cw;
}

• He creado una moneda personalizada, es decir, Cloudways Currency, y aparece en el backend:

• La siguiente función añade el símbolo de moneda. He utilizado CW$ como símbolo de moneda.

add_filter('woocommerce_símbolo_divisa', 'add_cw_símbolo_divisa', 10, 2);
function add_cw_símbolo_divisa( $símbolo_divisa_personalizado, $divisa_personalizada ) {
  switch( $divisa_personalizada ) {
  case 'CLOUDWAYS': $símbolo_divisa_personalizado = 'CW$'; break;
  }
  devuelve $símbolo_divisa_personalizado;
}

• Ve al front-end del sitio y actualiza la página.

Verás que la moneda personalizada recién añadida se muestra en las páginas de producto.

Resumen

Este tutorial enumera los pasos para añadir divisas y símbolos personalizados a WooCommerce. El proceso es sencillo, e incluso un principiante puede seguir los pasos para añadir una moneda personalizada y su símbolo a sus tiendas.

La parte de codificación consiste en añadir un filtro personalizado al archivo functions.php. Si necesitas más ayuda con el tema, deja un comentario más abajo y me pondré en contacto contigo.

get_símbolo_divisa_woocommerce()

Sarim Javaid

Sarim Javaid es Director Senior de Marketing de Contenidos en Cloudways, donde su función consiste en dar forma a narrativas convincentes y contenidos estratégicos. Hábil en la elaboración de historias coherentes a partir de un aluvión de ideas, la escritura de Sarim está impulsada por la curiosidad y una profunda fascinación por la evolución de los algoritmos de Google. Más allá de la esfera profesional, es un admirador de la música y el arte y una persona demasiado excitada.

Get Connected on: Twitter Community Forum