Kit de marca RS Pay
Todo lo que necesitas para integrar y presentar RS Pay: el logo, los colores y el boton embebible listo para pegar en cualquier web. RS Pay es una marca de rsanjur.com.
Logo
Isotipo a 32px (favicon). Funciona en claro y oscuro.
Colores
Azul brand#2563EB
Cyan#06B6D4
Violeta#8B5CF6
Ink#0F172A
Muted#667085
Linea#E4E7EC
Fondo#F6F8FB
Soft#F1F5F9
Gradiente principal: linear-gradient(135deg,#2563EB,#06B6D4). Gradiente de acento: #2563EB → #06B6D4 → #8B5CF6. Tipografia: Inter y Space Grotesk.
Boton embebible (en vivo)
Estos botones son el componente real (<rs-pay-button>). Sin api-key quedan en modo demo: al hacer clic te lo avisan sin cobrar nada.
Codigo para copiar
<script src="https://pay.rsanjur.com/rs-pay.js"></script> <rs-pay-button monto="12.50" concepto="Pedido #1042" api-key="rsp_TU_API_KEY" tema="auto" variante="primary" tamano="md"></rs-pay-button>
Eventos en tu web:
var btn = document.querySelector('rs-pay-button');
btn.onSuccess = function (e) { /* e.orden, e.token */ };
btn.onCancel = function () { /* el cliente cerro el checkout */ };
btn.onError = function (e) { /* e.error */ };
// o por eventos: rs-pay:success | rs-pay:cancel | rs-pay:errorAtributos
| atributo | default | que hace |
|---|---|---|
monto | si | Monto en la moneda indicada, ej. "12.50" |
concepto | si | Lo que vera el cliente en el checkout |
api-key | si | La API key del comercio (rsp_...) |
moneda | USD | USD (por defecto) o PAB |
metodos | todos | Lista separada por comas: yappy,solana |
variante | primary | primary | light | dark |
tamano | md | sm | md | lg |
tema | auto | auto | light | dark (aspecto del boton) |
modo | modal | modal (overlay) | redirect (va al checkout) |
texto | Pagar con RS Pay | Texto del boton |
callback-url | - | URL https para el webhook de salida de la orden |
Configurador
HTML generado:
Enlaces
RS Pay · cobros para negocios · Metodos de pago · hecho por rsanjur.com