Cómo cambiar el texto del botón "Añadir al carrito" en WooCommerce

WooCommerce sea WordPress Un plugin de comercio electrónico muy utilizado en la plataforma. Como parte importante de un sitio web de comercio electrónico, el botón "Añadir a la cesta" es una pieza clave en la decisión de compra de un usuario. A veces, los comerciantes pueden querer cambiar el texto de este botón para adaptarlo a sus necesidades comerciales específicas o al estilo de su sitio web.

En este artículo, presentaremos dos enfoques para ayudar a lograr este objetivo: utilizar el Plugin Loco Translate responder cantando personalización CSS.

Método 1: Cambiar el texto del botón "Añadir al carrito" con el plugin Loco Translate

Paso 1: Instalar y activar el plugin Loco Translate

En primer lugar, debe instalar y activar Plugin Loco Translate. Tras la instalación, el plugin se WordPress Se ha añadido una nueva opción al panel de control que facilita la modificación del texto del sitio web.

• En el panel de control de WordPress, haga clic en Plugins > Instalar PluginsBusque en Loco Traducir.
• Instale y active el complemento.

Paso 2: Ir a Configuración de Loco Translate

• En el cuadro de mandos, haga clic en Loco Translate > Inicio.
• Una vez que vaya a Plugins, verá una lista de todos los plugins instalados en el sitio.

Paso 3: Seleccionar Plugin WooCommerce

En la lista de plugins, busque el WooCommerce Y haz clic en él.

Paso 4: Añadir una nueva lengua

golpe (en el teclado) + nuevo idioma para seleccionar el idioma que desea cambiar.

Paso 5: Buscar el texto "añadir a la cesta

Utilizando el cuadro de búsqueda de la parte superior, escriba "Añadir a la cesta" para encontrar el texto del botón.

Paso 6: Modificar el texto del botón

• opción "Añadir a la cesta" Haz cambios.
• En el cuadro de traducción que aparece a continuación, introduzca el nuevo texto que desea mostrar. Por ejemplo, podría cambiarse a "Consultar ahora.

Paso 7: Guardar cambios

Una vez realizadas las modificaciones, pulse guardar (un archivo, etc.) (informática) Que sea eficaz.

De este modo, el texto de los botones puede cambiarse fácilmente para adaptarse a distintos idiomas y necesidades empresariales.

Método 2: Cambiar el estilo del texto del botón con el personalizador

Si desea cambiar globalmente el estilo del texto de todos los botones de su sitio, puede hacerlo en el botón personalizador A continuación se detallan los pasos para realizar los ajustes:

Paso 1: Ir a Apariencia > Personalizar

• En el cuadro de mandos, haga clic en Apariencia > PersonalizaciónVaya a la interfaz de personalización del sitio web.

Paso 2: Haga clic en Configuración "Global

• En el Personalizador, seleccione situación de seguridad Entorno.

Paso 3: Haga clic en la configuración del estilo del botón

• opción botonespara acceder a la interfaz de configuración del estilo del botón.

Paso 4: Editar el estilo de fuente del botón

• golpe (en el teclado) estilo caligráfico Lápiz al lado para acceder a la configuración de la fuente.

• opción text-transform: capitalizepara que el texto del botón aparezca en mayúsculas.

Este ajuste afecta al estilo del texto de todos los botones.

Método 3: Cambiar el estilo del texto del botón "Añadir al carrito" con CSS personalizado

Si sólo desea cambiar el "Añadir a la cesta" sin afectar a otros botones, puede añadir un estilo de texto personalizado para el botón CSS Código.

Para páginas de productos individuales:

.woocommerce div.product.cart button.single_add_to_cart_button {
    text-transform: capitalize;
}

Para la página de la tienda:

.woocommerce ul.products li.product .button, .
.woocommerce-page ul.products li.product .button {
    text-transform: capitalize;
}

A través de estos CSS Código, sólo "Añadir a la cesta" El texto de los botones cambia a mayúsculas, mientras que los demás botones permanecen como están.

resúmenes

modificaciones WooCommerce ha dado en el clavo "Añadir a la cesta" El texto del botón es lo suficientemente sencillo como para pasarlo a través de la función Plugin Loco Translate tal vez personalización CSS para completar. Si desea ajustar el estilo del texto del botónpersonalizador responder cantando CSS Se ofrecen soluciones flexibles. Estos métodos pueden ayudar a personalizar botones a la carta y mejorar la personalización y el aspecto general de un sitio web.

Actualizaciones recientes

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres