Página de pago

En la página de pago el comprador paga el pedido: elige la forma de pago, rellena los datos del pagador y recibe la confirmación. Por defecto la página tiene el aspecto del servicio Invoicebox, pero se puede adaptar a su marca: desde los colores hasta un encabezado y un pie de página propios. La configuración la realiza Invoicebox a petición suya.

Cómo llega el comprador a la página

El comprador abre la página de pago a través de un enlace:

• desde la tienda — tras completar el pedido, el sitio o la aplicación de la tienda redirige al comprador al pago;
• desde el correo con la factura — el enlace lleva a la página del pedido concreto;
• desde la cuenta de Invoicebox — a través de una factura pendiente de pago.

Después del pago, el comprador vuelve a la tienda. Las direcciones de retorno para el pago exitoso y el fallido las envía usted al crear el pedido.

Dónde funciona la página

La página es una sola para todos los dispositivos: el ordenador, la tableta y el smartphone reciben la misma maquetación, ajustada al ancho de la pantalla. Además de abrirse en el navegador, la página se puede integrar:

• en un iframe — directamente en su sitio web;
• en un WebView — dentro de una aplicación móvil.

La integración tiene limitaciones:

• En un iframe la página vive en su propio dominio, por lo que el navegador del comprador debe permitir las cookies de terceros. Sin ellas no funcionarán el inicio de sesión en el perfil ni los datos guardados del pagador; el pago en sí funciona también sin iniciar sesión.
• Los datos de la tarjeta no se introducen en la página de pago, sino en el lado del banco: en el momento del pago se produce una redirección a la página del banco y de vuelta. Su sitio o aplicación no deben bloquear estas redirecciones.
• El pago mediante SBPSBP Sistema de Pagos Rápidos del Banco de Rusia: transferencias y pagos mediante código QR en segundos. Para organizaciones y autónomos (ИП) está disponible la variante SBP B2B. → abre la aplicación del banco a través de un enlace externo. El WebView debe dejar salir esos enlaces.

Qué se puede personalizar

• Logotipo — su logotipo en el encabezado de la página en lugar del logotipo de Invoicebox.
• Colores — texto principal, botones y su texto, enlaces, iconos de las formas de pago, fondo de las tarjetas y de toda la página, colores de estado: éxito, error, advertencia. Los tonos para el cursor encima y la pulsación se calculan automáticamente.
• Imágenes — una portada bajo el encabezado y una imagen de fondo para toda la página. Los requisitos de los archivos están en la sección de abajo.
• Encabezado y pie de página — la plantilla estándar de Invoicebox, una variante neutra sin logotipo o componentes propios al estilo de su sitio web.
• Animación de carga — una pantalla de espera propia mientras se prepara el pedido: por ejemplo, un avión para billetes aéreos o un tren para servicios ferroviarios. Con esa pantalla cambia también la terminología: el «Pedido» en la página pasa a ser «Reserva».
• Bloques promocionales — los banners de servicios complementarios de Invoicebox en las pantallas posteriores al pago se pueden desactivar.
• Botón de pago — un estilo propio: color y tipografía del texto personalizados.

Sin redirección a la tienda tras un pago de garantía

En un pago de garantía, el sistema bloquea el importe del pedido en la tarjeta o en el fondo de garantía, y la factura se paga después. Por defecto, tras un pago así el comprador permanece en la página de pago: ve que los fondos están bloqueados, el plazo de pago de la factura y el botón «Volver», que abre la tienda en una pestaña nueva. Así la factura queda a la vista hasta que se pague.

A petición suya se puede activar el retorno automático: la persona física pasa de inmediato a su sitio web, y la organización, tras una ventana con el recordatorio de que la factura se ha enviado por correo.

Requisitos de las imágenes

Portada

La portada es una franja de todo el ancho de la ventana, de 154 píxeles de alto, bajo el encabezado de la página. Prepare dos archivos:

• para pantallas anchas (más de 1400 píxeles) — la imagen se centra;
• para pantallas medianas (hasta 1400 píxeles) — la imagen se alinea al borde izquierdo.

Reglas de preparación:

• La imagen se muestra en tamaño natural, sin escalado, y el ancho que falta se rellena por repetición. Prepare la imagen con exactamente 154 píxeles de alto y un ancho generoso: unos 2560 píxeles para la versión ancha y 1400 para la mediana. También sirve un patrón sin costuras pensado para repetirse.
• Los 80 píxeles superiores de la portada quedan cubiertos por el encabezado: a la izquierda el logotipo, a la derecha el selector de idioma y el botón «Entrar». No coloque elementos destacados junto al borde superior, sobre todo en la esquina superior derecha: quedarán debajo de los elementos del encabezado.
• Abajo, en el centro, la tarjeta del pedido se superpone 50 píxeles a la portada. Solo quedan completamente libres los márgenes a su izquierda y derecha y una franja estrecha en el centro.
• En los smartphones (pantallas de hasta 767 píxeles) la portada no se muestra. No coloque en ella información imprescindible para el comprador: la audiencia móvil no la verá.
• En la versión para pantallas medianas mantenga los elementos destacados cerca del borde izquierdo: al estrecharse la ventana, la parte derecha de la imagen sale de la pantalla.

Fondo de la página

La imagen de fondo se estira por toda la ventana sin repeticiones y se centra. Basta una imagen en alta resolución; compruebe que las tarjetas del formulario y el texto se lean bien sobre ella.

Encabezado y pie de página propios

El encabezado y el pie de página se pueden hacer al estilo de su sitio web. Los componentes los desarrolla Invoicebox a partir de sus materiales; acuerde los plazos con su gestor.

Qué preparar:

• el logotipo en formato vectorial;
• los colores corporativos y, si existen, las maquetas del encabezado y del pie de página;
• el contenido del pie de página: teléfono de soporte, enlaces a redes sociales y aplicaciones móviles, la dirección de su política de privacidad.

La estructura del encabezado es la misma en todos los temas: a la izquierda su logotipo, a la derecha el selector de idioma y el botón de inicio de sesión en el perfil. El selector y el inicio de sesión no se pueden quitar: el comprador los necesita en cualquier tema. Sí puede añadir lo suyo: por ejemplo, su teléfono para la versión móvil.

El pie de página tiene menos restricciones: usted define su propia maqueta y la rellena con sus contactos, enlaces a aplicaciones y documentos.

Campos adicionales para el comprador

Al formulario de pedido para personas jurídicas y autónomos (ИП) se pueden añadir campos que no están en el conjunto estándar. Los valores rellenados se guardan en el pedido y quedan disponibles para usted.

Un campo puede ser:

• de texto — con límite de longitud;
• numérico;
• una lista — el comprador elige entre valores predefinidos; la lista también puede estar agrupada, con secciones dentro.

Cualquier campo se puede hacer obligatorio: sin él, el pedido no se enviará.

Por ejemplo:

• «Tipo de negocio» — la organización elige su perfil de una lista y usted sabe de inmediato con quién trabaja;
• dirección de entrega — si la organización tiene direcciones de entrega guardadas en Invoicebox, el comprador elige la que necesita de una lista directamente en la página de pago.

Cómo activar los ajustes

Escriba a su gestor de Invoicebox o al soporte: c-support@invoicebox.ru, +7 (812) 448-08-01 (9:00–21:00, hora de Moscú). Describa qué quiere cambiar y adjunte los materiales: logotipo, colores, imágenes. Si todavía no acepta pagos a través de Invoicebox, empiece por la sección «Conexión y aceptación de pagos».