Soporte prioritario
Help Center > Themes > Edita los ajustes de tu sitio Hello Commerce

Edita los ajustes de tu sitio Hello Commerce

ƚltima actualizaciĆ³n: agosto 31, 2025

Esta publicaciĆ³n ha sido traducida mediante traducciĆ³n automĆ”tica, por lo que puede haber ligeras inexactitudes o diferencias en la redacciĆ³n en comparaciĆ³n con el original. Pedimos disculpas por cualquier inconveniente que esto pueda causar. Por favor, contĆ”ctenos si necesita que aclaremos algo para usted.

Usando los ajustes del sitio de Elementor, puedes personalizar rƔpidamente muchos de los aspectos de tu sitio relacionados con WooCommerce. Esto te ayuda a trabajar de forma mƔs eficiente y a mantener la coherencia en todo tu sitio.

Hay dos formas de acceder a estos ajustes:

  • A travĆ©s del editor de Elementor
  • A travĆ©s de la secciĆ³n Hello Commerce de WP Admin

Para acceder a los ajustes del sitio a travƩs del editor de Elementor:

  1. Abre cualquiera de las pƔginas de tu sitio en Elementor.
    En este ejemplo, abriremos la pƔgina de inicio desde WP Admin.
  2. En la barra de herramientas superior, haz clic en el icono de ajustes del sitio.

  3. En el panel izquierdo, haz clic en Hello Commerce.

    Se abrirĆ” el panel de ajustes. El panel de ajustes se divide en tres partes:
  • Woo Buttons: Botones relacionados con WooCommerce, como el botĆ³n ā€œAƱadir al carritoā€.
  • Woo prices: Precios que controlas a travĆ©s de WooCommerce. Estos son los precios que introduces al crear o editar productos.
  • Sales flash: TambiĆ©n conocido como distintivo de oferta, es un indicador visual que aparece en las imĆ”genes o listados de productos para mostrar que un producto estĆ” en oferta. Puedes crear un sales flash editando un producto.

Consulta Ajustes a continuaciĆ³n para obtener una explicaciĆ³n completa de todas las opciones disponibles.

Para acceder a los ajustes del sitio a travƩs del editor de Elementor:

  1. Ve a WP Admin.
  2. Navega a la secciĆ³n Hello Commerce de WP Admin.

  3. En el panel derecho, en la secciĆ³n Shop Style, elige uno de los tres ajustes del sitio:

  • Woo Buttons: Botones relacionados con WooCommerce, como el botĆ³n ā€œAƱadir al carritoā€.
  • Woo prices: Precios que controlas a travĆ©s de WooCommerce. Estos son los precios que introduces al crear o editar productos.
  • Sales flash: TambiĆ©n conocido como distintivo de oferta, es un indicador visual que aparece en las imĆ”genes o listados de productos para mostrar que un producto estĆ” en oferta. Puedes crear un sales flash editando un producto.

Cambiar un ajuste – paso a paso

  1. Abre una pƔgina en el editor de Elementor
  2. Haz clic en el icono de ajustes del sitio.

  3. Haz clic en Hello Commerce.

    Los ajustes se abren con la secciĆ³n Woo Buttons abierta.

  4. Haz clic en el icono del lƔpiz junto a Typography.

  5. Cambia la familia a quintessential. Para obtener mĆ”s informaciĆ³n sobre las fuentes, consulta Typography.

  6. Haz clic en Guardar cambios.

Ahora, si vas a las pƔginas de productos o al carrito de la compra, los Woo Buttons usarƔn la fuente Quintessential.

Consulta todas las opciones disponibles con los ajustes del sitio.

Mira un vĆ­deo que muestra el widget en acciĆ³n.

Los ajustes del sitio

Puedes personalizar tus widgets utilizando contenido, estilo y otros parƔmetros avanzados, lo que te ofrece una gran flexibilidad para adaptarlos a tus necesidades. Haz clic en las pestaƱas de abajo para ver todos los ajustes disponibles para este widget.

Establece el tipo y el tamaƱo de la fuente. Para obtener mĆ”s informaciĆ³n, consulta Typography.

  • Normal: Determina cĆ³mo aparecen los botones de forma predeterminada.
  • Hover: Determina cĆ³mo aparecen los botones al pasar el ratĆ³n por encima.

Establece el color de las palabras en el botĆ³n. Para obtener mĆ”s informaciĆ³n, consulta Elige un color o Usa fuentes y colores globales.

Utiliza para alternar entre un fondo sĆ³lido (ClĆ”sico) o un fondo combinado (Degradado). Para obtener mĆ”s informaciĆ³n, consulta Crea un fondo.

Establece el color del botĆ³n. Para obtener mĆ”s informaciĆ³n, consulta Elige un color o Usa fuentes y colores globales.

Tienes la opciĆ³n de aƱadir un borde a los botones. Activa SĆ­ para aƱadir un borde.

Si aƱades un borde, tendrƔs que determinar:

  • Ancho del borde: Utiliza el control deslizante para determinar el grosor del borde.
  • Color: AƱade color al borde. Para obtener mĆ”s informaciĆ³n, consulta Elige un color o Usa fuentes y colores globales.
    • Round: Los botones aparecen con esquinas suaves.
    • Rounded: Los botones aparecen con bordes uniformemente curvados.
    • Sharp: Botones rectangulares.
    • Custom: Ajusta el radio, utilizando los cuatro contadores para ajustar cada esquina individual. ObtĆ©n mĆ”s informaciĆ³n sobre estos mĆ©todos de mediciĆ³n.
    • Forma: Cuando utilices un botĆ³n, usa el menĆŗ desplegable para seleccionar:
  • Sombra de caja: AƱade profundidad a tus botones con sombras. Para obtener mĆ”s informaciĆ³n, consulta ĀæQuĆ© es Shadow, Text Shadow y Boxed Shadow?

Crea espacio dentro de los botones.

Para obtener mĆ”s informaciĆ³n, consulta Padding y mĆ”rgenes.

Establece el tipo y el tamaƱo de la fuente de los precios. Para obtener mĆ”s informaciĆ³n, consulta Typography.

Establece un color para los precios de los productos. Para obtener mĆ”s informaciĆ³n, consulta Elige un color o Usa fuentes y colores globales.

Establece el tipo y el tamaƱo de la fuente de los precios de oferta. Para obtener mĆ”s informaciĆ³n, consulta Typography.

Establece un color para los precios de oferta. Para obtener mĆ”s informaciĆ³n, consulta Elige un color o Usa fuentes y colores globales.

Ayuda a que los precios de oferta destaquen aƱadiendo un fondo. Para obtener mĆ”s informaciĆ³n, consulta Crea un fondo.

En esta pƔgina

Compartir este artĆ­culo

Hosted with