El nuevo aspecto de la tarjeta en iPhone (iOS 27)
En iPhones con iOS 27, Apple Wallet puede mostrar tu tarjeta con un aspecto nuevo y más grande: tu foto llena toda la tarjeta. Lo eliges para cada programa. Los clientes con iPhones más antiguos conservan la tarjeta que tienen hoy, así que nadie pierde nada.
Qué ven los clientes en iOS 27
- Tu foto llena toda la tarjeta, con tu logo en la esquina superior izquierda. ¿Sin foto? El color de tu tarjeta la llena como un degradado suave.
- El código QR está en un recuadro blanco en el centro de la tarjeta. Tu equipo lo escanea exactamente igual que antes.
- En la parte inferior, el nombre de tu negocio es el título grande, con lo que hayas puesto en las posiciones 1 y 2 de Disposición de la tarjeta a su lado (en una tarjeta de sellos suelen ser los sellos; el nombre del cliente solo aparece si eliges Nombre del cliente para una posición, como hacen las plantillas). Hasta 3 elementos van junto al nombre y un 4.º aparece como una línea pequeña abajo. Lo que elegiste en Arriba a la derecha sigue en la esquina superior derecha, salvo que sea el nombre de tu negocio.
- Debajo de la tarjeta, Apple muestra un botón Ver ofertas y recompensas. Abre la página del propio cliente, tu portal de clientes. Solo está si tu portal de clientes está activado, y aparece con los dos aspectos: el nuevo y Clásico.
Apple decide el texto y el icono del botón. No podemos cambiarlos.
Quién ve qué
- iPhones con iOS 27: el nuevo aspecto, en cuanto tu programa lo use.
- iPhones más antiguos: la tarjeta que tienen hoy, sin cambios.
- Android (Google Wallet): la tarjeta se ve igual que hoy. Cuando tu portal de clientes está activado, un enlace Mis recompensas a la página del cliente aparece primero en la sección inferior de la tarjeta.
Activarlo en un programa que ya tienes
Los programas que ya tienes siguen en Clásico hasta que elijas.
1. Abre tu programa. En la pestaña Resumen verás Nuevo aspecto para tu tarjeta en iPhone, con tu propia tarjeta hoy y con el nuevo aspecto, una al lado de la otra. Haz clic en Usar el nuevo aspecto. Se abre Configuración → Diseño. (También puedes ir tú mismo: pestaña Configuración → Diseño.)
2. En Aspecto en iPhone, elige Nuevo. La vista previa de la derecha es la única imagen de tu tarjeta.
3. En Foto en la tarjeta, añade tu foto. Se abre un recorte en dos pasos. Primero, Banner (Se muestra donde tus clientes se unen a tu programa, en Android y en los iPhone anteriores.): mueve el marco para elegir qué se ve y haz clic en Siguiente. Después, Tarjeta completa en iPhone nuevos (Ocupa toda la tarjeta en los iPhone con iOS 27.): un marco vertical que empieza centrado en tu banner. Muévelo para que el código QR no tape lo importante y haz clic en Aplicar. Con Atrás vuelves al primer paso.
4. Haz clic en Publicar.
Tus clientes no tienen que hacer nada. Los clientes que ya tienen tu tarjeta reciben el nuevo aspecto por sí solos en unos minutos; no hay que reinstalar nada. Android y los iPhones más antiguos se quedan como están.
Ahora no oculta la propuesta en la página del programa para siempre. El ajuste sigue en Configuración → Diseño, así que puedes cambiar cuando quieras.
Propietarios, Administradores y Editores pueden cambiar el aspecto y ven la propuesta. Los Lectores pueden ver el ajuste y la vista previa, pero no cambiarlos.
Programas nuevos y plantillas
Los programas nuevos empiezan con el nuevo aspecto, y también todas las plantillas. Las fotos de las plantillas ya están colocadas para que el código QR no tape el motivo principal. Mientras creas un programa no hay ajuste de aspecto en iPhone. En la vista previa, marca iPhones más antiguos para ver lo que muestran los iPhone más antiguos y Android. Si prefieres Clásico, elígelo más tarde en Configuración → Diseño → Aspecto en iPhone. Cuando añades tu propia foto, se abre el mismo recorte en dos pasos: primero Banner y después Tarjeta completa en iPhone nuevos.
La vista previa
En la pestaña Configuración y mientras creas un programa, la vista previa del iPhone muestra el nuevo aspecto. Marca iPhones más antiguos a su lado para ver la tarjeta clásica, con la nota Los clientes con un iPhone anterior a iOS 27 ven esta versión. Cuando un programa usa Clásico, la vista previa muestra solo la tarjeta clásica y el interruptor no aparece. Justo después de aplicar un recorte de foto, iPhones más antiguos parpadea un momento para que puedas comparar.
En la pestaña Configuración, la vista previa también muestra el botón Ver ofertas y recompensas debajo de la tarjeta cuando tu portal de clientes está activado.
Cómo se ven tus sellos
El nuevo aspecto sigue lo que elegiste en Sellos en la tarjeta (consulta Sellos en tu tarjeta):
- Solo foto: tu foto llena la tarjeta y los sellos aparecen como una fila de puntos en la parte inferior, junto al nombre de tu negocio (cuando Progreso de sellos está en la posición 1 de Disposición de la tarjeta, como en la mayoría de las tarjetas de sellos).
- Sellos sobre la foto: tus sellos se dibujan sobre la foto, encima del código QR, y la parte superior de la foto se oscurece un poco para que destaquen. Abajo se muestra tu recompensa. Sin foto, se ve como Solo cuadrícula de sellos.
- Solo cuadrícula de sellos: el color de tu tarjeta llena la tarjeta como un degradado, con sellos grandes encima del código QR. Abajo se muestra tu recompensa.
En una tarjeta de niveles con el saldo de puntos en Sobre la foto, el saldo también se dibuja sobre la imagen, encima del código QR.
Encuadrar tu foto
Dondequiera que añadas la foto de la tarjeta, se abre un recorte: en Foto en la tarjeta, dentro de Configuración → Diseño (el botón Editar tarjeta de la página del programa te lleva allí), y en Apariencia cuando creas un programa. En Configuración → Diseño, Aspecto en iPhone está encima de Foto en la tarjeta.
- Aspecto nuevo en iPhone: dos pasos. Banner es el marco ancho que se muestra donde tus clientes se unen a tu programa, en Android y en los iPhone anteriores. Tarjeta completa en iPhone nuevos es un marco vertical que empieza centrado en tu banner. Usa Siguiente, Atrás y Aplicar. En el segundo paso, Usar otra imagen te permite recortar la tarjeta completa de otra imagen más alta, por ejemplo una versión vertical de un banner diseñado. Usar la imagen del banner vuelve a la foto de tu banner.
- Clásico: solo el paso del banner, como antes. También creamos por ti la versión de tarjeta completa, centrada en el banner, para que cambiar más tarde a Nuevo se vea nítido enseguida. Si quieres encuadrarla tú, cambia a Nuevo y vuelve a subir la foto.
- Fotos sin recorte de tarjeta completa: una foto de plantilla o de la galería, o añadida antes del recorte en dos pasos, no tiene recorte de tarjeta completa, así que no hay nada que arrastrar. Bajo Foto en la tarjeta verás la nota Para una foto más nítida en los iPhone nuevos, sube la tuya y encuadra la tarjeta completa. Haz clic en la foto y sube la tuya. Hasta entonces la tarjeta usa el centro de la foto (o la posición que fijó una plantilla).
Fotos con texto
El nuevo aspecto recorta tu foto panorámica para que quepa en una tarjeta vertical, y el código QR tapa su centro. Si tu foto es un banner con texto, un logotipo o un código de barras, el nuevo aspecto solo muestra una parte. Súbela de nuevo y, en el segundo paso, elige Usar otra imagen para recortar la tarjeta completa de una versión vertical, o quédate con Clásico.
Volver atrás
Elige Clásico en Configuración → Diseño → Aspecto en iPhone y haz clic en Publicar, cuando quieras. Las tarjetas de tus clientes vuelven atrás la próxima vez que se actualicen.