Páginas de pago con marca

Cuando usted envía un enlace de pago a un huésped, la página en la que aterriza puede verse como parte de su propia marca en lugar de una pantalla de facturación genérica. La personalización de marca funciona de dos maneras:

• La página de pago alojada: la página que Argonautas Suite sirve para cada enlace de pago muestra su logotipo y color de marca.
• Su propio sitio web: si usted tiene su propio sitio, este puede obtener los detalles del pago a través de una API y mostrar su propia página de pago, con el checkout gestionado por Argonautas Suite.

Cuál de las dos ven sus huéspedes se configura por empresa, no por enlace. Los enlaces de pago se construyen sobre la Website URL de su empresa (Settings → Company) cuando hay una configurada, y sobre la dirección de Argonautas Suite cuando no la hay. Si usted configura una Website URL, su sitio web debe poder mostrar enlaces de pago (consulte el Paso 3). Consulte con el soporte de Argonautas Suite antes de configurarla o cambiarla.

Paso 1: Configure su logotipo y colores de marca

Su logotipo y colores provienen de la sección Company Branding en Settings → Company. Esta incluye:

• Company Logo: haga clic en Upload Logo ("Recommended: 400x100px, PNG or SVG. Max 2MB.").
• Company Icon: haga clic en Upload Icon ("Recommended: 200x200px, square. Max 1MB.").
• Brand Colors: Primary, Secondary, Accent y Accent Deep, que se guardan con la barra Save Changes de la pestaña. "These colors appear on invoices, confirmation emails, and guest-facing pages." Deje un color vacío, o haga clic en Reset to default, para usar el valor predeterminado de Argonautas Suite.

En la página de pago alojada:

• El Company Logo aparece en la parte superior de la página. Si no hay logotipo, se muestra el nombre de su empresa en su lugar.
• El color Primary se utiliza para el encabezado de color, los montos, el botón Pay Now y los enlaces.
• La línea de contacto ("Contact us at …") utiliza su Primary Contact Email y Company Phone de Settings → Company.

Los demás colores y el ícono no se utilizan en la página de pago. Su logotipo también aparece en el encabezado de los correos electrónicos que Argonautas Suite envía a los huéspedes.

Paso 2: Agregue una hoja de estilos (opcional)

Si su logotipo y color de marca no son suficientes, por ejemplo porque desea fuentes personalizadas o cambios de diseño, la página de pago puede cargar un archivo CSS desde su propio sitio web.

No hay una configuración para esto en la aplicación de Argonautas Suite. El soporte de Argonautas Suite lo configura a solicitud:

1. Publique una hoja de estilos en su propio sitio web, por ejemplo https://yourdomain.com/payment-page.css.
2. Asegúrese de que la Website URL de su empresa esté configurada en Settings → Company. La hoja de estilos debe estar exactamente en el mismo dominio que su Website URL. Por ejemplo, una hoja de estilos en www.yourdomain.com se rechaza si su Website URL es https://yourdomain.com. Esto evita que las páginas se personalicen desde un sitio que usted no controla.
3. Envíe la dirección completa de la hoja de estilos al soporte de Argonautas Suite y solicite que se agregue como la hoja de estilos de su página de pago.

Una vez instalada, cada página de pago agrega una clase branded al cuerpo de la página y carga su hoja de estilos. Coloque body.branded delante de sus reglas para que solo afecten esta página:

body.branded {
  font-family: "Your Font", sans-serif;
}
body.branded .pay-btn {
  background: #yourcolor;
}

El botón Pay Now tiene la clase pay-btn. Sin una hoja de estilos, no se carga CSS adicional y la página utiliza únicamente su logotipo y color Primary.

Paso 3 (avanzado): Muestre la página de pago en su propio sitio

Si usted administra su propio sitio web, este puede mostrar la página de pago por sí mismo para que el huésped nunca abandone su dominio. Argonautas Suite proporciona una API JSON en /api/v1/payments/link/<token>/:

• Un GET devuelve el estado del enlace de pago: ready, already_paid, cancelled, expired, no_payment_method o invalid. Cuando el enlace está ready, la respuesta también incluye el resumen de la reserva (código de confirmación, nombre del huésped, propiedad, fechas), la moneda, el monto adeudado, cualquier cargo por tarjeta y el total. Cada respuesta también incluye el nombre, correo electrónico y número de teléfono de su empresa.
• Un POST inicia el checkout para ese enlace. Puede incluir un return_url para enviar al huésped de regreso después del pago.

Su sitio obtiene los datos, muestra la página de pago con su propio diseño y envía el POST cuando el huésped está listo para pagar. Por seguridad, un return_url debe estar en el mismo dominio que su Website URL, o la solicitud se rechaza.

Los enlaces de pago apuntan a <your Website URL>/pay/<token>/, por lo que su sitio debe servir esa ruta. Configure esto con sus desarrolladores web y el soporte de Argonautas Suite.

Preguntas frecuentes

¿De dónde obtiene la página de pago mi logotipo? Del Company Logo en la sección Company Branding en Settings → Company. No hay un logotipo separado para las páginas de pago.

¿Puedo cambiar la hoja de estilos de la página de pago yo mismo? No. La dirección de la hoja de estilos la configura el soporte de Argonautas Suite. Usted puede cambiar el contenido de la hoja de estilos en su propio sitio web en cualquier momento, y la siguiente página de pago que se abra usará la nueva versión.

¿Puedo tener diferentes hojas de estilos para diferentes páginas? No, hay una hoja de estilos por empresa, y solo se carga en la página de pago. Coloque body.branded delante de sus reglas para evitar que afecten cualquier otra cosa que use el mismo archivo.

¿Por qué se rechazó la dirección de mi hoja de estilos? Debe estar exactamente en el mismo dominio que su Website URL. Aloje la hoja de estilos en ese dominio o consulte con el soporte sobre cómo cambiar la dirección.

¿Qué sucede si mi sitio web está caído? La página de pago aún se carga con su logotipo y color de marca, y el huésped aún puede pagar. Solo falta su estilo adicional. La hoja de estilos nunca bloquea el checkout.

¿Por qué la página dice "Card Payment Unavailable"? La página de pago acepta pagos con tarjeta a través de PowerTranz, y la propiedad no tiene un conector de PowerTranz. La página muestra su correo electrónico de contacto para que el huésped pueda consultar sobre otras opciones de pago. Consulte Payment Connectors.

¿Necesito la API JSON para personalizar la página de pago? No. La página alojada cubre la mayoría de las necesidades. Solo necesita la API si desea que la página de pago aparezca en su propio sitio web.

Relacionado

• Settings Guide: Company Branding: Cómo subir su logotipo y configurar los colores de marca.
• Users and Permissions: Quién en su equipo puede cambiar la configuración.
• Owner Portal Setup: Otros lugares donde aparece su marca.