Programación
.jpg)
Radzivon Aljovik
Entusiasta de la automatización de bajo código
24 abril 2024
%20(1).png)
%20(1).png)
.png)
.svg){kind=icon}
.jpg)
Como saben los mejores desarrolladores de Webflow, un sitio web independiente ofrece menos valor que uno integrado con otros sistemas empresariales. En Latenode, somos grandes fanáticos de la automatización y de Webflow, por eso usamos ambos para mejorar nuestro sitio web.
En este artículo, compartimos cómo creamos un banner dinámico de Webflow con un contador de planes de ofertas de por vida vendidos. ¿La pila tecnológica? Webflow, Stripe y nuestra propia plataforma de automatización de bajo código Latenode.
Profundicemos más y exploremos cómo utilizar los componentes, las API y el CMS de Webflow para lograr el mismo resultado que un sitio web automatizado. ¡Vamos allá!
Para los primeros usuarios, en Latenode ideamos los planes de oferta de por vida: una oferta limitada con solo 1,000 paquetes disponibles. Queremos ser transparentes y mostrar esta información directamente en el sitio web es crucial.
Pero, ¿cómo? ¿Actualizar manualmente una vez al día? ¿Quién es responsable de ese proceso? ¿Gestionar las tareas repetitivas completadas?
¡Claro que no, todo es cuestión de automatizaciones! Observa el resultado, especialmente este número 937.
.jpeg)
El núcleo de la automatización es un escenario que conecta la plataforma de pago Stripe con Webflow, donde está alojado el sitio web de Latenode.
.jpeg)
Compra LTD: Un usuario compra un LTD a través de Stripe.
Desencadenador de webhook: Stripe envía una señal a Latenode cuando se produce una compra LTD, luego inicia automáticamente el webhook y activa todo el script
JavaScript: se conecta a Stripe usando una clave secreta y cuenta la cantidad de pagos LTD exitosos.
Solicitud HTTP (Primera): La primera solicitud HTTP recupera información sobre la colección en Webflow que contiene los datos del banner para recuperar la información de que ha cambiado el número de LTD sin vender.
Solicitud HTTP (Segunda): La segunda solicitud HTTP actualiza la recopilación de Webflow, lo que reduce la cantidad de LTD restantes en uno.
Cambios en la publicación: Webflow publica automáticamente la información actualizada en el sitio web, cambiando el número de LTD en el banner.
Así es como se ve la colección en Webflow, no es necesario cambiar el recuento manualmente, el script hace todo automáticamente
.jpeg)
El equipo de Latenode también está encantado de que la actualización del banner sea independiente de la actualización completa del sitio.
Por lo general, cuando actualizas manualmente una parte específica del sitio, se actualiza todo el sitio, lo que puede provocar que la página se actualice para la segunda persona que trabaja en el sitio en ese momento y se pierda todo el progreso. ¡Así que puedes usar este escenario de manera segura sin temor a perder el trabajo que has estado haciendo durante horas!
Ahora profundicemos aún más en la parte técnica de la automatización y veamos qué hay dentro de nuestros nodos:
Actúa como un puente entre Stripe y el escenario. Tan pronto como se produce una compra LTD, Stripe envía una señal a Latenode cuando se produce una compra LTD, luego inicia automáticamente el webhook y activa todo el script
Se utiliza para contar la cantidad de pagos LTD exitosos en Stripe.
No escribí ni una sola línea de código y logré todo esto con la ayuda de un Asistente de inteligencia. Aquí hay un artículo sobre cómo integrar código en automatizaciones incluso si no sabes programar.
JS se conecta a Stripe mediante clave secreta.
Vea cuántos pagos exitosos hay aquí:
Dos solicitudes HTTP interactúan con la integración de API de Webflow. La primera solicitud recupera información sobre la colección que contiene los datos del banner. La segunda solicitud actualiza esta colección y cambia la cantidad de LTD restantes.
Crear dicha automatización puede parecer complejo, pero Latenode proporciona todas las herramientas y el soporte necesarios para su implementación.
Comunidad de Discord de Latenode:La comunidad activa y amigable de Latenode en Discord siempre está lista para ayudar con cualquier pregunta o problema.
Soporte de Latenode responsivo: El equipo de Latenode brinda soporte rápido y calificado, ayudando a configurar y lanzar automatizaciones.
Claro y detallado Documentación de la API de Webflow permite la fácil creación de solicitudes HTTP para interactuar con la plataforma.
.jpeg)
La automatización de banners LTD de Latenode es un claro ejemplo de cómo se pueden utilizar herramientas sin código para resolver problemas empresariales reales. Gracias a Latenode y Webflow, cualquier usuario puede crear automatizaciones similares, mejorando la eficiencia de sus proyectos y ahorrando tiempo.
Y, como extra, me gustaría añadir una nota: mientras estábamos escribiendo este artículo, ¡la automatización del banner LTD ya estaba en acción! De hecho, si echamos un vistazo al sitio web de Latenode ahora mismo, podemos ver el resultado de este escenario en tiempo real.
Como puede ver, la cantidad de LTD restantes ha disminuido desde que comenzamos a escribir este artículo. Esto es un testimonio de la eficacia de la automatización y su capacidad para reflejar los cambios en tiempo real. El escenario funciona a la perfección, actualiza el banner con la información más reciente y crea una sensación de urgencia entre los clientes potenciales.
Aplicación uno + Aplicación dos
