¡Muy buenas! En este nuevo vídeo vamos a ver cómo podemos personalizar el texto del botón Añadir al carrito de WooCommerce. Y es que, por defecto, el texto de este botón no se puede cambiar, pero vamos a ver cómo podemos hacerlo, incluso añadiéndole emojis que hagan que nuestro cliente centre su atención en él, potenciando así la compra. ¡Dentro vídeo!
Pues ya has visto qué fácil es, y cómo con este plugin (Add to Cart Button Custom Text, desarrollado por mí mismo, está en inglés y español) podemos personalizar fácilmente el texto del botón, tanto en la página de producto como en las páginas de archivo (es decir, la tienda, categorías, etiquetas, resultados de búsqueda…) poniendo textos distintos en ellas en función del tipo de producto.
Resumiendo, tendremos ocho textos distintos para personalizar:
- En la página de producto:
- Para producto simple (el texto por defecto en WooCommerce es Añadir al carrito)
- Para producto externo/afiliado (el texto por defecto es Comprar producto)
- Para producto agrupado (por defecto pone Añadir al carrito)
- Para producto variable (el texto por defecto en éste es también Añadir al carrito)
- En las páginas de archivo (tienda, categoría, etiquetas…):
- Para producto simple (el texto por defecto en WooCommerce es también aquí Añadir al carrito)
- Para producto externo/afiliado (por defecto dice Comprar producto)
- Para producto agrupado (aquí WooCommerce pone Ver productos)
- Para producto variable (el que trae WooCommerce es Seleccionar opciones)
Editado: Con la versión 1.1 he añadido también la posibilidad de personalizar el texto del botón de los productos reservables en las páginas de archivo.
¿Estás construyendo tu tienda online o eres implementador WordPress?
¿Necesitas plugins de calidad y con soporte para implementar funcionalidades concretas?
Consigue todos los plugins a la venta en la sección de plugins de esta web y todos los que siga añadiendo. Acceso a los 96 plugins (y subiendo) con soporte directo del desarrollador, actualizaciones y uso ilimitado: úsalos en tantas webs como lo necesites.
Tabla de contenidos
Emojis
Poner todos esos símbolos en el botón es muy sencillo, tan sólo hay que copiarlos y pegarlos como parte del texto normal, no hay que hacer nada especial. ¿Que no sabes de dónde copiarlos? No pasa nada, aquí te dejo yo un buen surtido:
« » § ¥ 〒 ¢ £ ☊ ☋ ☌ ☍ ✣ ✤ ✥ ✿ ✽ ✾ ❀ ❁ ❃ ❋ ❂ ۞ ۩ ☃ ✈ ✌ ✖ ☤ ❤ ❥ ❦ ❧ ♦ ♠ ♥ ♣ ♢ ♤ ♡ ♧ ☾ ☽ ☼ ☀ ☁ ☂ ☃ ♪ ♫ ♬ ♩ ♭ ♮ ♯ ₪ ✓ ✔ ✗ ✘ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☯ ☭ ☠ ☣ ☢ ¿¡ № ∃ ⊥ ∀ ∞ ⌘ ⑂ ஜ ๏ ت Ü ⅟ ½ ⅓ ¾ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ ╰ ╮ ☚ ☛ ☜ ☝ ☞ ☟ ✍ ✙ ✚ ✛ ✜ ✝ ✞ ✠ ⋆ ✢ ✣ ✤ ✥ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ✡ -‘๑’- ø ❣ ✉ ✎ ✏ ✐ ☑ ☒ ␟ ␘ ❢ ➟ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➚ ➙ ➛ ➜ ➝ ➞ ♐ ➲ ➳ ➴ ➵ ➶ ➷ ➹ ➺ ➻ ➼ ➽ ← ➘ ↑ → ↓ ↔ ➡ ↕ ↖ ↗ ↘ ↙ ♋ Σ ♒ ☄ ✄ ✂ ✆ ✉ ✦ ✧ ∞ ♂ ♀ ☿ ™ ® ℗ © ⊗ ☮ ▢ ☐ ▶ ▷ ◀ ◁ ▲ △ ▼ ▽ ◇ ■ □ ○ ◎ ● ◯ Δ ◕ ◔ ʊ Ω ϟ ღ ₪ ☹ ☺ ☻ ت Ü ϡ ♋ 웃 유 あ 文 ۵ ❣ ❄ ☇ ☈ ⊙ ☉ ℃ ℉ ° ø ♚ ♛ ♜ ♝ ♞ ♟ ♔ ♕ ♖ ♗ ♘ ♙ ✑ ✒ ⌨ ☑ ☒ ☓ ✕ ✖ ★ ☆ ✰ ✮ ✯ ✩ ✪ ✫ ✬ ☎ ☏ ¢ ♨ ๑ ψ ℘ ℑ ℜ ℵ ♏ η α 回 ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ㊊ ㊋ ㊌ ㊍ ㊎ ㊏ ㊐ ㊑ ㊒ ㊓ ㊔ ㊕ ㊖ ㊗ ㊘ ㊜ ㊝ ㊞ ㊟ ㊠ ㊡ ㊢ ㊣ ㊤ ㊥ ㊦ ㊧ ㊨ ㊩ ㊪ ㊫ ㊬ ㊭ ㊮ ㊯ ㊰
Por supuesto hay muchos más. Si buscas en Google encontrarás un montón.
Alternativas
Como comentaba en el vídeo, hay otros dos plugins que hacen esto, aunque no dan tantas opciones: en la página de producto no permiten personalizar según tipo de producto, sino que sólo se puede poner un texto que será el mismo para los cuatro tipos. Son:
En fin, como ves es algo que a primera vista podía parecer complicado pero que es lo más sencillo del mundo gracias a una de las mayores ventajas de WordPress: los plugins y su comunidad.
Reds Escobar dice
Muchas gracias por el aporte.
Enrique J. Ros dice
Gracias a ti por tu comentario, me alegra que te haya sido útil 🙂
Un saludo.
Roger dice
Buenos dias Enrique estoy utilizando woocommerce (última versión), sin embargo el botón actualizar carrito me aparece como deshabilitado, es decir, cuando aumento la cantidad de algún producto y hago clic en el botón actualizar este no hace nada, solo se actualizan las cantidades cuando doy ENTER, puede por favor ayudarme con este problema, ya si se active el botón o quitar este botón de actualizar carrito. De antemano muchas gracias
Enrique J. Ros dice
Hola Roger. Por lo que comentas parece cosa de la plantilla. Intenta cambiar momentáneamente a una plantilla estándar (twenty-algo) para comprobarlo.
Un saludo.
Luis Marchetti dice
Estimado Enrique, paso por aquí para felicitarte por tu plugin, Realmente es muy bueno. Me gusta mucho tu blog y lo guardaré como referncia. Me encantaría continuar el contacto.
Saludos desde Uruguay
Enrique J. Ros dice
Muchas gracias Luis 🙂
Me alegra que te haya resultado de utilidad, es un placer.
Un saludo transoceánico.
Manel dice
Un crack gracias por tu aporte, muy fácil y agradable tu vídeo
Enrique J. Ros dice
Gracias a ti por tu comentario, Manel 🙂
Un saludo.
Andre dice
Hola enrique.. como hago para solo poner consultar u otro texto en uno o dos productos en particular que solo se venda individual.. que en vez de añadir al carrito haya un consultar y te redireccione a mandar un mail
Enrique J. Ros dice
Hola Andre
Hay plugins específicos para eso, como Request a Quote for WooCommerce o YITH WooCommerce Request a Quote
Un saludo
Jesús Rivero dice
Muchísimas gracias. Simple y muy útil. Gracias!!!
Enrique J. Ros dice
A ti por tu comentario, Jesús 🙂 Me alegra que te haya sido de utilidad.
Un saludo.
Pamela Muñoz dice
Hola Enrique,
instalé tu plugin, lamentablemente no me funciona, no hace el cambio del nombre. Aparte de eso, lo que necesito es que no agregue el producto al carrito una vez que el cliente lo aprecien en la página de archivo, sólo en la página del producto.
Gracias
Christian Toro dice
SUPER! Me sirvió, te lo agradezco mucho
Enrique J. Ros dice
Me alegra que te haya sido útil, Christian 🙂
Richard dice
Hola Enrique, muchas gracias por un plugin tan sencillamente útil ;).
He integrado el plugin en mi woocommerce multilingüe (WPML), y no doy encontrada la cadena para traducir cada botón… ¿Cómo debería proceder?
Gracias y un abrazo,
Enrique J. Ros dice
Buenas tardes Richard
Echa un vistazo a esto.
Un saludo
juan pedro dice
Gran maestro… Gracias Enrique
Oscar rivera yunquera dice
Hola Enrique. Mola tu plugin, gracias por el trabajo del plugin y el del post. Te quería preguntar antes de instalarlo , Uso productos simples y reservables en mi web. Sirve también para productos reservables. Antes de meter mas código a la web me gustaría saber este dato.
Enrique J. Ros dice
Hola Óscar
Si los productos reservables están hechos con WooCommerce Bookings sí es compatible.
Un saludo
Coto Trapillo dice
Hola Enrique, te saludo desde Perú, para felicitar tu trabajo! y recomendar este plugin especialmente 100% funcional y fiable.
Sigue adelante, muchos seguimos tus tutoriales y cursos! hay mucho que aprender!!!
Que sigan los exitos!
David dice
Lo he instalado y no me funciona, no se si habra algun conflicto con algun otro plugin pero no me funciona, no hace nada.
Franky Martin dice
Hola Enrique,
Muchas gracias por este plugin que nos ayuda a personalizar los botones de añadir al carrito de forma fácil y rápida.
En mi caso me aparece un error, ya que el cambio en los textos se refleja en el navegador en el que estoy logeado en el panel de wp, pero si visualizo la tienda en otro navegador o incóginto los cambios no se reflejan, ¿alguna idea?
gracias