Daniel Mendez
Adalo is a great tool for creating solid apps to validate our MVPs
Thanks for showing how it works, Jeff
Jeff Orr
ProfesorOf course! There are many great no-code tools, but Adalo is definitely one of my personal favorites.
Vamos a explorar cómo crear el carrito de compras de la aplicación Mi Mascota. También aprenderemos a configurar la sección de pagos utilizando una base de datos secundaria y estableciendo relaciones entre los componentes.
¿Para qué sirve el carrito de compras?
El carrito de compras es una parte esencial de cualquier aplicación de comercio electrónico. Permite a los usuarios seleccionar los productos que desean comprar y procesar los pagos de manera eficiente.
Crear el carrito de compras
Para comenzar, necesitamos crear un nuevo componente para el carrito de compras en Adalo. También utilizaremos la sección de iconos de Adalo para agregar un icono representativo del carrito de compras. Una vez que hayamos agregado el icono, configuraremos la función para que al hacer clic sobre él se abra la página del carrito de compras y se pueda visualizar la lista de productos seleccionados.
Un aspecto importante a considerar es la posibilidad de eliminar productos del carrito de compras. Esto requiere la implementación de una función para eliminar los productos seleccionados de la lista.
Configurar la sección de pagos
Ahora pasaremos a la configuración de la sección de pagos utilizando la plataforma de pagos Stripe. Primero, debemos crear una nueva base de datos secundaria para manejar los pagos. Esta base de datos permitirá crear un nuevo componente que almacene la información del pedido una vez que el usuario haga clic en el botón de comprar.
Después de haber creado la cuenta en Stripe, debemos conectarla a nuestra aplicación Adalo. Esto implica acceder al panel de administración de Stripe y copiar las claves de API que se encuentran en la sección de desarrolladores. Recuerda que las claves de API son información sensible y debemos tener precaución al compartirlas.
Correo electrónico de confirmación de compra
Como parte del proceso de configuración del carrito de compras, es importante que una vez realizado el pago, se envíe un correo electrónico de confirmación al usuario con los detalles de la compra.
Adalo nos permite configurar esta función para que se active automáticamente después de que se haya realizado el pago con Stripe.
Modo de prueba y precauciones
Antes de empezar a recibir pagos reales, es recomendable activar el modo de prueba tanto en Adalo como en Stripe. Esto nos permitirá probar la funcionalidad del carrito de compras sin procesar pagos reales durante la etapa de desarrollo.
Además, es fundamental tener en cuenta que las claves de API de Stripe son información sensible y es importante mantenerlas seguras y compartirlas solo con personal autorizado.
Contribución creada por: Vicki Avola.
Daniel Mendez
Adalo is a great tool for creating solid apps to validate our MVPs
Thanks for showing how it works, Jeff
Jeff Orr
ProfesorOf course! There are many great no-code tools, but Adalo is definitely one of my personal favorites.
fabio gomez guzman
Adalo have many interesting things, actions, filters, database ... you can create a good MVP for different purposes
William Ruiz
yes
Diego Alfonso
Para paises donde no haya Stripe la opción es agregar un link de paypalme. Lo que hice fue lo siguiente: 1.usar el componente action buton 2. Agregar el link web de mi cuenta de paypalme 3. configurar una formula para que el link se actualice con el precio de la suma de los productos agregados al carrito de compras. De esta forma el cliente puede pagar con un click
William Ruiz
gracias por tu aporte diego
Andersson Rios Infante
Cual es la formula?
Enrique Gómez
Tengan cuidado al obtener datos usando las relaciones, en mi MVP tenía una relación que no funcionaba porque el dato a obtener estaba a dos relaciones de distancia (usuario-carrito-venta). Adalo está constantemente metiendo mejoras y en algunas sí funcionan las relaciones complejas en otras no, entonces recomiendo mantengan sus relaciones simples.
William Ruiz
gracias por tu aporte enrique
David Rosas
Se me hizo extraño el hecho de que se ponga la direccion despues de pagar... podria pagar y que luego suceda algo... pasar dias y no poner la direccion pero tener la orden pagada. Creoque deberia terminar el flujo a la hora de pagar
Roberto Ocando M
Creo que estadisticamente es más eficiente realizar primero el pago y despues solicitar la dirección. Tambien hay que tener en cuenta que esto sería solo para la primera compra.
David Rosas
Orale gracias! Se me hizo tan raro que supuse que era un error. Pensando en lo que dijiste puede ser que tambien funcione mejor de esta manera para cerrar la venta, debido a que hay un paso menos antes de realizar el pago ..y tengo entendido que mientras menos pasos mejor ...por eso lo del "compra con un solo clic" en Amazon
Gustavo Berlanga
Thanks for showing how it works, Jeff
Hernán Estupiñán
Company_adminHi Jeff,
Great course!
Do you know if exist any tool to create a MVP for SAAS web app like https://app.involve.me
Thanks in advance for your support!
Jeff Orr
ProfesorHernán, glad you enjoyed it!! I'm not familiar with that product. Can you let me know what specific features you'd like to build in no-code?
Hernán Estupiñán
Company_adminJeff thanks for your reply,
I would like to build all quote's features or survey, for example multiple choice, image answer, dropdown, slider answer, opt-in-checkbox, date and time, rating, free text input, buttons.
That user can build their own quotes/surveys.
cristhian moreno
jeff, what no-code tool do you recommend me for creating a financial mpv?, Can I do with Adalo?
Jeff Orr
ProfesorHey Cristhian - depends on what you're building but I recommend checking out Bubble. It has the largest plugin market I know of, and can support things like Plaid for pulling in banking data
José Eder Guzmán Mendoza
El carrito de compras es un componente clave en una app de comercio electrónico como “Mi Mascota”, ya que permite a los usuarios seleccionar productos, gestionarlos y realizar pagos de forma organizada y segura.
En Adalo, el carrito se crea como un nuevo componente vinculado a la base de datos de productos. Se puede agregar un ícono interactivo que dirija a la pantalla del carrito, donde el usuario visualiza los artículos seleccionados y puede eliminarlos si lo desea. Para la sección de pagos, se integra Stripe, creando una base de datos secundaria que almacene la información de cada pedido y conectando la app mediante las claves API (que deben manejarse con seguridad).
Además, es recomendable configurar un correo automático de confirmación tras el pago y activar el modo de prueba en Adalo y Stripe antes de lanzar la app oficialmente. Esto garantiza que el flujo de compra funcione correctamente y reduce riesgos durante el desarrollo.
Luis Josue Ortiz Herrera
What if I don't have a Stripe account? What are the options for countries in which Stripe is not supported?
Jeff Orr
ProfesorIt depends on the country, so I'm not sure about all of them. I'd recommend doing some research via Google or reaching out to other companies accepting payments online to see what they use. Stripe does offers some features in Mexico: https://stripe.com/en-mx/pricing
You could also try what another student did: Stripe wasn’t available in their country, so when a user wanted to pay, it would send an email to the sales team. Then the sales team could figure out a payment method directly with the user. This isn’t scalable, but it works for an MVP.
Mauricio Gil
what can we use in latam instead of stripe?
Jeff Orr
ProfesorI believe it would depend on the country.
Stripe does offers some features in Mexico: https://stripe.com/en-mx/pricing
You could also try what another student did: Stripe wasn't available in their country, so when a user wanted to pay, it would send an email to the sales team. Then the sales team could figure out a payment method directly with the user. This probably isn't scalable, but it works for an MVP.
Hope that helps!
Mauricio Gil
what can i use in adalo instead of stripe that works in Colombia?
Hernán Estupiñán
Company_adminJeff thanks for your reply,
I would like to build SAAS (backend / frontend) that allows all quote’s features or survey, for example multiple choice, image answer, dropdown, slider answer, opt-in-checkbox, date and time, rating, free text input, buttons.
That user can build their own quotes/surveys.
Jeff Orr
ProfesorHm, this is an interesting use case. While I haven't seen anything quite like this built in no-code, I'd recommend checking out Bubble. It offers more advanced features, so it may be possible to build something like this.
For inspiration, check out Comidafy . This is built in Bubble, and lets users create and customize virtual menus.
Jeff Orr
ProfesorAndersson Rios Infante
Stripe no esta disponible en Perú. Alguien sabe que otras opciones hay?
Felipe Quecano
¿Puedo crear un prototipo en figma y luego pegarlo en adalo para optimizar todos los tiempos de creacion UI , o tengo que empezar desde cero en ADALO teniendo el prototipo en figma ?
Alex David Zúñiga Huaranga
En la parte 1:30 , no me sale el apartado del "X" para automarizar el enlace en el apartado de price, que hice mal? por favor ayuda :(. solo me sale empty nada más
Andres Felipe Labarrera Vega
Hola.
¿Alguien sabe como se puede integrar con alguna plataforma de pagos en Colombia?
Gracias
Jeff Orr
ProfesorHola Andres, solo he usado Stripe para integrar, pero si sabes una plataforma similar en Colombia, recomiendo q cheques los API Docs del plataforma para ver si es posible.
Roberto Patrón
It amazes me how easy and powerful Adalo is. It can also include logic paths 😮
Santiago Rodriguez Olaya
This is an amazing tool
William Ruiz
excelente clase