Banner con texto dinámico para sitios web de Webflow: detrás de escena del banner LTD de Latenode
Descubriendo la magia: Automatización de Webflow para componentes
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á!
Automatización de banners de Dynamic Webflow
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.
Pruebe nuestro LTD: automatice los procesos comerciales de manera eficiente y rentable
¿Cómo funciona la automatización de la integración de Webflow?
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.
Qué incluye el proceso de automatización de Banner de Webflow:
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
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!
Observación detallada del escenario de Latenode:
Ahora profundicemos aún más en la parte técnica de la automatización y veamos qué hay dentro de nuestros nodos:
web hook
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
JavaScript
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í:
Solicitudes HTTP
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.
Beneficios de utilizar automatizaciones
Actualizar informacion:El banner siempre muestra el número exacto de LTD restantes, lo que crea una sensación de urgencia y aumenta el interés del usuario.
Ahorro de tiempo:La automatización elimina la necesidad de actualizaciones manuales de información, liberando el tiempo del equipo de Latenode para otras tareas.
Confiabilidad :El escenario funciona perfectamente, garantizando una visualización precisa de los datos.
Flexibilidad:La automatización se puede adaptar fácilmente a otras tareas, como mostrar el número de registros a seminarios web o participantes en concursos.
Comunidad Latenode
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.
Documentación de Webflow
Claro y detallado Documentación de la API de Webflow permite la fácil creación de solicitudes HTTP para interactuar con la plataforma.
Conclusión
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.
Pruebe nuestro LTD: automatice los procesos comerciales de manera eficiente y rentable
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.
