Aparte del tema de los impuestos y de los envíos, la mayoría de consultas que recibo sobre WooCommerce se refieren a la personalización. Si, es verdad, WooCommerce es algo parco en opciones a este respecto. No es que no sea flexible, que lo es y mucho. El asunto es que la mayoría de valores no tienen una opción (si hubiera opciones para todo WooCommerce tendría menús inmanejables) y hay que cambiarlos mediante código. Sin embargo siempre hay alternativas, como podrás ver a continuación. Porque en la entrada de hoy vamos a ver cómo personalizar WooCommerce sin código.

Hasta ahora habíamos visto cómo personalizar el botón Añadir al carrito y cómo personalizar el menú desplegable Ordenar por. Hoy vamos a ir un poquito más allá.

Personalizar WooCommerce: el botón Añadir al carrito

Poco puedo añadir aquí sobre el botón Añadir al carrito de WooCommerce. Es, con diferencia, el texto que más interés hay por cambiar por parte de los usuarios.

Y es por eso que ya le dediqué una entrada y un vídeo en exclusiva a este tema (los tienes aquí).

Además soy autor del plugin Add to Cart Button Text, que puedes encontrar en el repositorio oficial de WordPress, y que permite personalizar el texto del botón en función del tipo de producto y de dónde se muestra:

• 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)
• Para producto reservable (por defecto WooCommerce pone Reservar

El plugin está muy bien (aunque esté mal que yo lo diga, es que he recibido mucho feedback positivo) pero a veces uno quiere ir más allá y personalizar más cosas. Vamos a ver cómo hacerlo.

WooCommerce Customizer

Para ello tenemos otro plugin, bastante completo en este aspecto: WooCommerce Customizer. Hay que decir que no tiene tantas opciones a la hora de cambiar el texto del botón Añadir al carrito, pero a cambio te permite muchas personalizaciones más aparte de eso.

Una vez que hemos instalado y activado el plugin, verás que en los ajustes de WooCommerce tienes una pestaña más: WooCommerce → Ajustes → Customizer. En ella encontrarás varios apartados con todas las opciones de personalización que este plugin te permite.

Personalizar el texto del botón Añadir al carrito

Aquí no tiene tantas opciones como veíamos en el apartado anterior. Sólo te permite cambiar el texto por tipo de producto (para productos simples, variables o agrupados) en lás páginas de archivo. Además, también puedes cambiarlo para los productos sin existencias.

Eso lo tienes en el apartado Shop Loop. Si vas al apartado Product Page podrás cambiar el texto del botón, pero con un único texto para todos los tipos de producto. No sé por qué todos los plugins que permiten cambiar este texto (excepto el mío 🙂 ) usan un texto común, independiente del tipo de producto, en la página de producto individual, si WooCommerce permite cambiarlo según el tipo de producto, que tiene mucho más sentido. Debe ser porque WooThemes no tiene esto documentado, y hay que deducirlo extrapolando a la hora de programarlo.

Layout

Volviendo a las páginas de archivo (ya sabes, tienda, categorías, resultados de búsqueda, etiquetas, etc) puedes también personalizar cómo se van a mostrar los productos. Concretamente, podrás elegir:

• El número de productos mostrados por página
• El número de columnas en que se muestran los productos
• El número de columnas en que se muestran las miniaturas

Personalizar la página de producto

En el apartado Product Page, aparte del texto del botón para añadir al carrito según hemos visto antes, podrás personalizar diversos textos, como los títulos y los encabezamientos de las pestañas Descripción del producto o Información adicional.

Personalizar la pantalla de finalizar compra

Ya vimos detalladamente en una entrada cómo personalizar el checkout de WooCommerce (si es lo que buscas échale un vistazo al artículo, es muy interesante) . Sin embargo esto es distinto, ahora de lo que se trata es simplemente de personalizar algunos textos.

Los textos para entrar en la cuenta (o crear una), para introducir un cupón (ya sabes, ¿Tienes un cupón? Haz clic aquí para introducir tu código) o incluso para el botón Realizar el pedido se pueden personalizar en esta pantalla.

Como apunte interesante, también te permite elegir si quieres que la opción de crear una cuenta esté marcada o no por defecto. No sé hasta que punto es recomendable dejarlo marcado por defecto (seguro que aumentará el número de registros, pero a lo mejor la calidad de éstos se ve resentida), pero la cuestión es que ahí está la posibilidad.

Personalizar los textos de los impuestos

Por último, en una última pantalla llamada Misc tienes la opción para personalizar algunas cosas más, entre ellas:

• Etiqueta del impuesto
• La etiqueta Impuesto incluido
• La etiqueta Impuesto no incluido

Quitar la pestaña de comentarios de la ficha de producto

Aunque las valoraciones de clientes son algo positivo (generan confianza en el comprador) la ausencia de las mismas puede provocar el efecto contrario: desconfianza en el posible comprador debido a la ausencia de reviews de otros compradores.

En esos casos puede ser positivo quitar la pestaña de comentarios. Eso lo puedes conseguir fácilmente con el plugin Ocultar valoraciones.

Es un sencillo plugin que, simplemente con activarlo, elimina la pestaña de valoraciones de la ficha de producto. Puedes descargar el plugin directamente con este botón, su precio es de sólo 2,99€ (pago PayPal).

Descargar - 2,99€

Conclusión

En fin, ya lo ves. Es cierto que WooCommerce no incluye demasiadas opciones en este sentido, pero es sobre todo porque si cada opción que se puede personalizar mediante una función tuviera su opción, tendríamos menús kilométricos en los que sería imposible encontrar nada.

De todos modos ya has visto que, si eres de los que siente un poco de repelús por utilizar código para personalizar ciertas cosas, tienes opciones suficientes para hacerlo.

En cualquier caso si lo que necesitas es una personalización más profunda y conseguir que tu web quede plenamente integrada con tu imagen corporativa, ya sabes que me tienes a tu disposición, contacta conmigo y cuéntame qué necesitas.