Antes de empezar con el flujo de pago es necesario obtener el token y API_KEY. Estos se obtienen de https://dashboard.developer.clip.mx/credentials
1. Genera una credencial de producción y copia el API KEY y pegalo en API_KEY en la configuración del plugin
2. Después copia la clave secreta y ve https://developer.clip.mx/reference/token-de-autenticacion para obtener el token usando el API KEY y la Clave Secreta, este lo vas a pegar en Api Key

El flujo de pago consiste en los siguientes pasos:

1. Usando el elemento formulario de pago colocarlo en tu página en Bubble.
2. Agrega un botón y en el workflow de este coloca el action Tokenizar del elemento.
3. Coloca los workflow tokenizacion y error para controlar cuando ya se obtuvo el card token o un error.
4. Con el card token que está en un state del elemento realiza el pago con la Clip API y llena los campos según la documentación.
5. Crear un endpoint webhook y en este puedes obtener el estado de tu transacción y hacer alguna otra acción.

Demo Editor:
https://bubble.io/page?id=demo-clip-sdk&tab=Design&name=index&type=page

Demo Page:
https://demo-clip-sdk.bubbleapps.io/version-test