Biblioteca de ayuda - Integración con WooCommerce
Encuentra la documentación completa y detallada de todas las funcionalidades de Omniwallet.
- Home
- »
- Biblioteca de ayuda
- »
- Integraciones
- »
- Integración con WooCommerce
Integración de Omniwallet con WooCommerce
En este artículo te enseñaremos el paso a paso para integrar tu tienda de WooCommerce con Omniwallet para crear el programa de fidelización a medida que tu tienda online necesita.
1. Instalación del Plugin de WooCommerce: Asegúrate de que WooCommerce esté instalado en tu sitio WordPress. Luego descarga e instala el plugin de Omniwallet.
2. Registro en Omniwallet: Crea una cuenta en Omniwallet para acceder a sus servicios de fidelización. Configura tu programa de puntos, tarjetas de fidelización, y demás opciones disponibles según las necesidades de tu negocio.
3. Crea un API token: aquí deberás colocar el token que has creado desde la cuenta de Omniwallet en la sección “Integraciones” – “API”. Si no sabes como crear un API Token haz clic aquí.
4. Configuración en WooCommerce: Dirígete a la sección «Settings» del plugin de Omniwallet en WordPress.
Copia el código token generado y pégalo en «API Token».
Configura la regla de canjeo de puntos y el subdominio de la cuenta, indicando el subdominio de tu cuenta de backoffice.

Como Modificar Estilo de Caja de Productos Omniwallet en Woocommerce
Esta documentación te enseñará como cambiar o ajustar los estilos del texto que indica la cantidad que ganará el cliente en la ficha de producto y grid de productos dentro de WooCommerce.
1. Accede al administrador de WordPress: entra al administrador de WordPress. Una vez dentro en el apartado ‘Apariencia -> Personalizar’ encontraremos otro menú, y al final de este el apartado ‘CSS adicional’. Es aquí donde añadiremos un nuevo estilo CSS que nos permitirá cambiar el diseño.

2. Añade el código: luego añade el siguiente código. Explicamos a continuación linea por linea para que sirve cada cosa:
Cambio de estilo en la ficha de producto
Para cambiar el estilo en la ficha de producto tendremos que añadir el siguiente código:
body.single-product .omwall-product-points {
font-size: 22px; /*Tamaño de letra*/
color: #000; /*Color del texto*/
font-weight: 100; /*Tamaño del grosor o negrita*/
}
Pudiendo variar el tamaño de letra, color y grosor o negrita. Con conocimientos de CSS se podrían añadir otros estilos más personalizados.
Cambio de estilo en listado de productos
Por otro lado, para cambiar el estilo en el listado de productos tanto de la home como de categorías de producto sería el siguiente código:
.products .product .omwall-product-points {
font-size: 22px; /*Tamaño de letra*/
color: #000; /*Color del texto*/
font-weight: 100; /*Tamaño del grosor o negrita*/
}

3. Publica los cambios: Una vez editado lo que se requiera, hay que clicar en el botón azul ‘Publicar’ para que se apliquen los cambios.
Como Modificar Estilo de Caja Puntos Omniwallet en Woocommerce
Esta documentación te enseñará como cambiar o ajustar los estilos de la caja de canjeo de puntos de Omniwallet que se encuentra en el resumen del carrito de compra dentro de WooCommerce.
1. Accede al administrador de WordPress: entra al administrador de WordPress. Una vez dentro en el apartado ‘Apariencia -> Personalizar’ encontraremos otro menú, y al final de este el apartado ‘CSS adicional’. Es aquí donde añadiremos un nuevo estilo CSS que nos permitirá cambiar el diseño de la caja de canjeo de puntos.

2. Añade el código: luego añade el siguiente código. Explicamos a continuación linea por linea para que sirve cada cosa:
body.woocommerce-cart .omwall-points-container {
background-color: #f8f8f8; /* Cambia el color de fondo de la caja. */
border-color: #cecece; /* Cambia el color del borde exterior de la caja. */
border-radius: 5px; /* Para añadir un redondeo en el borde exterior de la caja. */
}
body.woocommerce-cart .omwall-points-container .omwall-text,
body.woocommerce-cart .omwall-points-container .omwall-button {
color: #000000; /* Cambia el color del texto. */
font-size: 16px; /* Cambia el tamaño de letra del texto. */
font-weight: 300; /* Para cambiar el grosor o negrito del texto. */
}

3. Publica los cambios: Una vez editado lo que se requiera, hay que clicar en el botón azul ‘Publicar’ para que se apliquen los cambios.
Como Personalizar la Página de "Mi Cuenta" Omniwallet en Woocommerce
Esta documentación te enseñará las funciones de los shortcodes que deberás añadir a la página de “Mi Cuenta” para mostrar datos del programa de fidelización dentro de WooCommerce.
Muestra el código QR del cliente
[omniwallet_qr]
Muestra el código de barras del cliente
[omniwallet_barcode]
Muestra la cantidad de puntos disponibles
[omniwallet_points]
Muestra botón para solicitar pkpass
[omniwallet_pkpass]