Ir al contenido

Personalizar tu marca

El widget y los links de pago pueden llevar la marca de tu comercio: tu logo, tus colores, tus esquinas y tu letra. Lo configuras una vez en Personalizar y se aplica solo en todos los sitios donde cobras.

El editor de marca con el tema Café

Dónde Qué cambia
Widget en tu web El modal de pago: fondo, campos, botón, panel de datos, esquinas y letra. Tu logo sale junto al nombre
Links de pago La página entera que abre tu cliente
Vista previa de WhatsApp La imagen del link: fondo, colores y tu logo

No hace falta volver a pegar el código del widget: lee tu marca cada vez que se abre.

Widget con el tema Café en una tiendaLink de pago con el tema Café en el móvil
Ajuste Opciones
Tema de partida Bolívar Connect, Café, Salud, Moda o Noche. Después ajustas lo que quieras
Logo PNG o JPEG. Lo redimensionamos solos; no tienes que preparar nada
Fondo Detrás de todo el widget y de la página del link
Campos El fondo de donde tu cliente escribe
Texto Títulos, montos y textos
Botón El botón de pagar, el foco y el punto «en vivo»
Panel de datos El bloque con banco, teléfono, RIF y monto
Esquinas Rectas, suaves o redondas
Tipografía Moderna (la de Bolívar Connect), la del sistema del teléfono o clásica (serif)

Eliges cinco colores y el resto se deriva para que siempre se lea:

  • El texto del botón se pone oscuro o claro según tu color. Un botón amarillo lleva texto negro, y uno granate lleva texto claro.
  • Los grises y las líneas salen de mezclar tu texto con tu fondo, así que combinan con cualquier color.
  • Si una combinación se lee mal, el editor te avisa antes de guardar (comprobamos el contraste según WCAG AA).

Aviso de contraste: el botón casi no se distingue del fondo

  • El pie «Verificado por Bolívar Connect». Es lo que le dice a tu cliente que un tercero comprueba el pago, y aparece en todos los temas.
  • Los colores de error y aviso (rojo y ámbar). Un «este pago ya se usó» tiene que verse igual de serio en todos los comercios.

Vista previa de WhatsApp con el tema Café

El editor está en /demo/personalizar. Los cambios se ven en vivo a la derecha y se aplican al pulsar Guardar cambios. «Volver al tema original» recupera el de Bolívar Connect.