Modal de Checkout
El Modal de Checkout ofrece a los desarrolladores una forma sencilla de implementar pagos con criptomonedas.
Sequence Checkout permite a los usuarios comprar fácilmente un token ERC721 o ERC1155 con un contrato de venta primaria o secundaria, como un marketplace, con las siguientes opciones de pago:
- Comprar con cualquier criptomoneda en el wallet.
- Recibir fondos desde otro wallet a un wallet de Sequence y comprar.
- Pagar usando una tarjeta de crédito o débito, que detectará automáticamente el proveedor correcto según la región, la red y la moneda.
- Pagar con otra criptomoneda en un wallet realizando un swap automático y la compra.
Contamos con un flujo de checkout integrado que puede aprovechar instalando la librería dedicada @0xsequence/checkout
y usándola junto con @0xsequence/connect
.
Para habilitar pagos con tarjeta de crédito en el checkout, por favor, contacte al equipo de Sequence ya que la dirección de su contrato deberá estar permitida (allowlisted) y su organización deberá pasar por un proceso KYB (Know Your Business). Los pagos con tarjeta de crédito solo funcionan en las mainnets de varias redes.
Instalación y configuración
Para integrar la función de checkout, siga estos pasos:
Instale la librería `@0xsequence/checkout`:
Coloque el `SequenceCheckoutProvider` debajo del SequenceConnect Provider en su App:
Ahora que hemos realizado la configuración, veamos cómo usar el modal de checkout para diferentes casos de uso.
Checkout con un token ERC1155
Disponemos de funciones utilitarias para tokens ERC1155 que hacen más sencilla la configuración del modal de checkout.
Aquí hay una configuración con variables de ejemplo:
Contrato personalizado
Instanciamos el hook useSelectPaymentModal
para abrir el modal de checkout y pasar un objeto de configuración. Además, para contratos personalizados, puede especificar un ABI de contrato junto con la codificación de los datos de la llamada; en este caso estamos usando la utilidad encodeFunctionData
de ethers
y viem
.
¡Felicidades! Ahora sabe cómo usar el Modal de Checkout con Web SDK.