Skip to content

Personalización de los colores de EC Store ​

Después de instalar EC Store, los usuarios con acceso de administrador pueden personalizar el color principal de la tienda desde el área de cuenta de EC Store. Esto le permite adaptar mejor la tienda al sitio web de su empresa sin modificar el código de inserción.

Configuración del tema de EC Store

Abrir la configuración del tema ​

  1. Inicie sesión en EC Store.
  2. Busque el botón con el ícono de pincel fijo en el lado derecho de la pantalla.
  3. Seleccione el botón del pincel para abrir Theme Settings (Configuración del tema).

Consejo

El botón del pincel solo aparece para los usuarios con acceso de administrador.

Color principal ​

Use Primary Color (Color principal) para elegir el color de marca principal de EC Store.

Este color se aplica a partes clave de la tienda, como los botones importantes, los íconos, el texto resaltado y los indicadores de carga.

Por ejemplo, una opción de azul verdoso es:

css
#0f6f8f

Cuando elige un color principal, EC Store crea automáticamente una paleta de colores completa a partir de esa selección. Esto mantiene la coherencia de los tonos más claros y más oscuros en toda la tienda.

Vista previa antes de guardar ​

Puede cerrar el panel en cualquier momento para obtener una vista previa del color seleccionado en toda la tienda antes de guardar.

Úselo para revisar áreas importantes como:

  • Tarjetas de productos
  • Botones de agregar al carrito
  • Acciones del carrito y del proceso de pago
  • Elementos resaltados de la navegación
  • Indicadores de carga

Coincidir con los colores del sitio web ​

El selector de color incluye una opción de cuentagotas en los navegadores compatibles. Úsela para tomar un color directamente del sitio web, como el de un logotipo, un botón del encabezado o un acento de la marca.

Si su sitio web ya tiene un color de marca definido, elegir ese mismo color suele crear la experiencia más uniforme.

Restablecer el valor predeterminado ​

Use Reset (Restablecer) para volver al color principal predeterminado de EC Store.

Esto es útil si el color seleccionado no ofrece suficiente contraste o ya no coincide con el sitio web.

Guardar los cambios ​

Haga clic en Submit (Enviar) después de elegir el color que desea usar.

Advertencia

Al enviar un nuevo color principal, EC Store se actualiza para todos los clientes que visitan su tienda.

Consejos recomendados sobre colores ​

  • Elija un color que ya aparezca en el sitio web de la empresa.
  • Evite colores muy claros como color principal, ya que el texto de los botones podría ser más difícil de leer.
  • Los azules intensos, los verde azulados, los verdes y los colores de marca oscuros suelen funcionar bien en los sitios web de contratistas.
  • Obtenga una vista previa de la tienda antes de guardar para confirmar que los botones y los elementos resaltados se vean con facilidad.