---
title: "Diseña tu tarjeta digital"
description: "Logo, banner, colores e íconos de la tarjeta que vive en Apple Wallet y Google Wallet."
updated: "2026-07-27"
url: "https://fidelip.com/docs#disenar-tarjeta"
section: "Empezar"
anchors:
  - "#elementos-tarjeta"
  - "#compartir-tarjeta"
---

# Diseña tu tarjeta digital

Logo, banner, colores e íconos de la tarjeta que vive en Apple Wallet y Google Wallet.

Las tarjetas de Fidelip viven dentro de **Apple Wallet** en iPhone y **Google Wallet** en Android — las apps que ya vienen preinstaladas en todos los teléfonos. El cliente agrega la tarjeta una vez y la lleva siempre consigo, junto a sus boletos de avión, tarjetas bancarias y entradas a eventos.

> [!NOTE] Nota
> **Tus clientes no descargan ninguna app de Fidelip.** Quienes usan una app son los cajeros (la app POS) y el dueño del negocio (el panel web). Para el cliente final todo pasa dentro del Wallet de su teléfono.

### Elementos personalizables

- **Logo** — PNG con fondo transparente, 480×150 px. Aparece en la parte superior de la tarjeta.
- **Banner** — imagen amplia de 1125×432 px (PNG o JPG). Se ve detrás del logo cuando el cliente abre la tarjeta.
- **Íconos de sello** — solo aplica para programas de Sellos. Necesitas dos íconos de 100×100 px: uno para el sello **lleno** (cuando el cliente lo ganó) y otro para el **vacío** (los que faltan).
- **Colores** — primary, secondary y text en formato HEX. Determinan el fondo de la tarjeta, los detalles y el color del texto.
- **Texto del premio** — descripción corta de lo que gana el cliente al completar (ej. “Café gratis al juntar 10 sellos”).

> [!WARNING] Advertencia
> Usa siempre PNG con **fondo transparente** para tu logo. Si subes un JPG o un PNG con fondo blanco, el logo se va a ver como un cuadro blanco sobre los colores oscuros del Wallet.

![Editor de apariencia de la tarjeta con vista previa en vivo](https://fidelip.com/docs/card-editor.d5a143ca.png)

*Editor de tarjeta — pestaña Apariencia*

![Tarjeta de lealtad dentro de Apple Wallet en un iPhone, con 3 de 10 sellos](https://fidelip.com/docs/card-on-wallet.9f65b697.png)

*La tarjeta ya agregada a Apple Wallet*

### Cómo recibe la tarjeta tu cliente

Cuando publicas la tarjeta, Fidelip genera automáticamente los recursos para que tus clientes la agreguen al Wallet:

- Un **código QR** imprimible para tu mostrador o espectacular.
- Un **link público** (`fidelip.com/c/{slug}`) que puedes compartir por WhatsApp, Instagram o correo.
- Los **botones oficiales** “Add to Apple Wallet” y “Save to Google Wallet” listos para incrustar en tu sitio web.

Botones oficiales (los mismos que verán tus clientes):

> [!TIP] Tip
> Cuando un cliente gana un sello, su tarjeta se actualiza en cuestión de segundos por una notificación push silenciosa. Apple Wallet y Google Wallet hacen el trabajo — tú no necesitas hacer nada extra. Si el teléfono está sin señal en el momento exacto del canje, la tarjeta se sincroniza cuando vuelve a conectarse.