Aniversario Divi, aprovecha el 20% de descuento
Ver Descuento

admin@victoraqui.com

Mostrar el porcentaje de descuento y lo que se ahorra, en productos de Woocommerce

Con éste artículo empezamos a darle duro a los trucos con PHP, con lo cual créeme, lograremos cosas geniales. También estamos comenzando con una serie sobre disparadores de ventas en Woocommerce, y el que abordaremos hoy, es el de mostrar porcentaje de descuento Woocommerce.

Hoy veremos cómo mostrar debajo del precio del producto, cuánto es lo que el cliente se está ahorrando al comprarnos, y de ésta manera estimular las ventas 😉

Vista aprevia

Podrás mostrar cuánto exactamente se está ahorrando el cliente:

Mostrar el porcentaje de descuento y lo que se ahorra en productos de Woocommerce

¿Por qué mostrar el porcentaje de descuento Woocommerce?

Ésta de serie de disparadores de ventas de Woocommerce se va tratar de emular las técnicas que utilizan las grandes marcas y tiendas online.

La estrategia de mostrar la cantidad de ahorro, la vemos en nuestro dia a dia en los supermercados, centros comerciales, etc. Y en el mundo online, también lo vemos en grandes ecommerce. Si las grandes marcas lo usan es porque funciona.

Al cliente le gusta ahorrar, por lo tanto, si estamos ofreciendo un descuento, hay que mostrárle cuánto puede llegar a ahorrar con nuestro descuento de la manera más explícita posible.

Mostrar lo que ahorras en productos de Woocommerce
Mira cómo Amazon lo aplica, esos pillos

Más trucos para Woocommerce, descargas, descuentos y más, siendo Premium

Si te gustan éstos tutoriales para Woocommerce, tenemos muchos más, exclusivos para miembros premium. Así cómo en éste artículo, los tutoriales exclusivos también incluyen herramientas que te harán la vida más fácil, y hará que tengas los códigos necesarios listos para copiar, pegar y ver los resultados. Además, tendrás acceso a la descarga de los plugins premium usados en los tutoriales, descuentos en productos de la tienda y más. Lleva WordPress y Woocommerce a otro nivel siendo premium.

¡Vuélvete un miembro Premium!

Si te gusta el contenido y deseas apoyar el proyecto, puedes volverte un miembro Premium y acceder a tutoriales exclusivos, como los que se muestran a continuación, y más beneficios.

Mostrar el porcentaje de descuento y lo que se ahorra en productos de Woocommerce

¿Cómo Mostrar el porcentaje de descuento y lo que se ahorra, en productos de Woocommerce?

Como ya se mencionó, vamos a utilizar un poco de PHP. Pero tranquilos, aquí les damos todo listo para copiar y pegar.

El primer código va definir el formato del mensaje. Y como siempre, he creado una herramienta que generará el código en base a sus preferencias.

¡Vas a poder elegir si deseas mostrar el porcentaje de descuento, el monto de ahorro, o ambos!

Herramienta Generadora del primer código

El uso es muy fácil, simplemente seleccionan si desean mostrar sólo el porcentaje de descuento, el monto ahorrado en el producto, o ambos. Y luego le hacen click al botón: «generar código» y listo, ya tienen el primer código.

Para que puedan visualizar las herramientas gratuitas de éste tutorial, solo dejen su correo en el formulario de abajo y hagan click al botón: “Ver códigos”.

Y automáticamenteya serán visibles…

Adicionalmente, se te enviará a tu bandeja de entrada un mail de confirmación para ser añadido a mi lista de correos. Es opcional, pero déjame decirte que con la comunidad de mi lista comparto nuevos trucos geniales cómo éste, códigos, tutoriales, promociones y sorteos de productos de la sección de Recursos Premium. Además que tenemos una comunicación más directa para compartir y resolver dudas. 🙂

Si eres miembro premium, no será necesario que ingreses tu correo para visualizar la herramienta

Gracias por solicitar suscribirte, pero aún falta un paso...

IMPORTANTE - ¡Aún no estás suscrito a mi lista!

Revisa tu bandeja de entrada, se te ha enviado un correo de confirmación. Confirma tu correo para ser parte de la comunidad de mi lista y compartirte nuevos tutoriales, artículos, códigos, recursos, promociones y comunicarnos directamente 🙂

Pdta: Ya puedes ver los códigos del tutorial debajo de éste mensaje

Si te está gustando el artículo, éstos otros te encantarán:

Segundo código

Lo que hace el primer código es generar el mensaje de descuento y/o ahorro. Lo que hará ahora el segundo código es que ese mensaje, se muestre dónde queremos.

Para ello, tienes dos opciones:

Opción A: Si no sabes, ni tienes forma de editar la plantilla de la página de producto

En ese caso, puedes utilizar el siguiente código, que va a agregar de manera automática el mensaje de ahorro, debajo del precio del producto. Y ya podrás verlo en todas las páginas de productos (De los que estén en descuento).

Gracias por solicitar suscribirte, pero aún falta un paso...

IMPORTANTE - ¡Aún no estás suscrito a mi lista!

Revisa tu bandeja de entrada, se te ha enviado un correo de confirmación. Confirma tu correo para ser parte de la comunidad de mi lista y compartirte nuevos tutoriales, artículos, códigos, recursos, promociones y comunicarnos directamente 🙂

Pdta: Ya puedes ver los códigos del tutorial debajo de éste mensaje

Opción B: Si sabes y puedes editar la plantilla de página del producto

Con constructores visuales cómo por ejemplo Divi, puedes editar fácilmente toda la plantilla de la página de productos. En ese caso, te resultará más cómodo el código de abajo, que genera un shortcode que podrá ubicar en la parte de la plantilla que más te guste. El shortcode que debes usar será: [ver_ahorro]

Gracias por solicitar suscribirte, pero aún falta un paso...

IMPORTANTE - ¡Aún no estás suscrito a mi lista!

Revisa tu bandeja de entrada, se te ha enviado un correo de confirmación. Confirma tu correo para ser parte de la comunidad de mi lista y compartirte nuevos tutoriales, artículos, códigos, recursos, promociones y comunicarnos directamente 🙂

Pdta: Ya puedes ver los códigos del tutorial debajo de éste mensaje

¿Dónde agregar esos códigos?

Son código PHP, por ende, puedes agregarlos al archivo functions.php de tu tema hijo o a algún plugin personalizado.

Recuerda que debes agregar primero el código 1 y luego la opción que hayas elegido del código 2

En los siguientes artículos, hablamos más a fondo sobre todas las formas de agregar php a WordPress y cómo crear un tema hijo:

Cómo y dónde agregar código PHP personalizado a WordPress y Divi

¿Qué más se puede decir de WordPress?. La gran plataforma que todos amamos de gestión de contenidos, que es usada…

Cómo crear un tema hijo (Child Theme) en WordPress para Divi o cualquier otro tema

En nuestro anterior tutorial: «Cómo y dónde agregar código PHP personalizado a WordPress y Divi», vimos que una de las…

Si te gustó el contenido

Apóyanos compartiendo en tus redes, nos ayudarías muchísimo. Y haz click en la quinta estrella de abajo, para saber que éste tema te interesa y hacer artículos similares.

5/5 - (4 votos)

No olvides que subo trucos nuevos cada semana suscríbete a mi canal y dale a la campanita para que te enteres cuando suba uno nuevo.

Hasta la próxima!!

Artículos Relacionados

Victor Aquino

Experto en WordPress y Divi, entusiasta del SEO, Copywriting, Marketing Digital y Negocios Online en general. Amante de la vida y tu webmaster de confianza.

Contactar

¿Quieres invitarme un cafécito?

Así podré estar más despierto para crear más contenido gratuito como éste 😛

Click Aquí

¿Tienes dudas?

0 comentarios

Enviar un comentario

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

Hosting WordPress

El mejor Hosting Premium optimizado para WordPress y Divi, al mejor precio.

Licencias 1 Sitio

Divi Theme/ Builder

Ver Más

Divi Machine

Ver Más

Divi Bodycommerce

Ver Más

Divi Flash

Ver Más

Últimos Artículos