WebFlow Logic: ¿crear una aplicación web compleja sin escribir código?

"Quiero hacer esta función ... pero tengo que contratar programadores" el verdadero problema en la vida de la web

¿Alguna vez? Cuando hacemos un sitio web con un flujo web, tenemos una idea genial de elevarnos en la cabeza. "Si hacemos muchos cuestionarios para que los clientes respondan y muestren resultados diferentes" o "desean hacer una herramienta de precio para que los clientes jueguen en la web" o incluso "desee que el cliente complete el formulario y la información se ejecute para grabar + enviar un correo electrónico de condiciones automáticas"

Pero entonces esos pensamientos deben tropezar con el sonido en la cabeza que dice "Sueña ... este tipo de característica debe escribir un código de casa caótico". "Debe contratar a un programador" "El presupuesto se convierte con seguridad". Finalmente, nuestro sitio web sigue siendo un hermoso sitio web. Eso no puede interactuar con los usuarios profundamente solo puede dar una sola forma como los folletos en línea ... Este problema es algo que muchas personas web tienen que encontrar y es un "muro" que se bloquea entre los sitios web comunes. Con una aplicación animada

‍

¿Por qué las buenas ideas no pueden continuar? La raíz del muro llamado "código"

Este problema surge porque en el mundo de los sitios web tradicionales se divide claramente en 2 partes: "fronntd" y "backd"

Webflow es el rey de la "página de inicio" que brinda libertad para diseñar y crear una hermosa interfaz de usuario (UI) y responder a todos los tamaños de pantalla sin límites. Pero cada vez que queremos agregar "lógica" o "cerebro" para el sitio web, como crear condiciones ", si el usuario hace los resultados b" o "si los datos se envían a D", estas cosas son las funciones de "Back Home", que requiere que el programa escriba el código en JavaScript (Node.js), Python o Php.

Este es el punto que causa la "brecha". El diseñador web (diseñador) y el escritor deben trabajar juntos. Que generalmente es seguido de complejidad, comunicación que es inexacta, más tiempo, y el costo es inevitable agregar un poco de función, cada vez que se convierte en un gran problema que debe planificarse en muchos pasos. Esta es la razón por la cual las buenas ideas de nosotros muchas veces deben ser dobladas desafortunadamente porque no puede cruzar la pared del "código". Comprender cómo WebFlow ayuda a resolver sitios web comerciales. Nos hará ver que esta herramienta siempre ha tratado de romper este muro

‍

¿Si dejar que el sitio web "estúpido" continúe perdiendo la oportunidad?

Tener un sitio web que solo puede mostrar información hermosa pero que carece de la capacidad de interactuar y trabajar en lógica compleja puede no parecer un gran problema. Pero en realidad, estamos "perdiendo oportunidades" al enorme negocio sin saberlo.

• Pérdida de clientes que necesitan ayuda de inmediato: los clientes que ingresan a la web para calcular el precio del seguro, las casas a plazos o los servicios. Si nuestro sitio web no tiene herramientas para él, inmediatamente recurrirá a los competidores con un sitio web "inteligente".
• Tasa de conversión baja arcilla baja: las formas que son largas y aburridas son una buena matanza de conversión que no podemos crear una forma de varios pasos que muestre preguntas de acuerdo con respuestas anteriores. Haciendo que los clientes sean desanimados y cerrados hasta el medio del camino
• La experiencia del usuario (UX) es decepcionante: los usuarios esperan una experiencia única. (Experiencia personalizada) que no podemos ocultar/mostrar contenido de acuerdo con el tipo de usuario. Permitir que todos vean la misma información que no responde y crea molestias
• Mayores costos operativos: la necesidad de que los empleados lleguen a responder repetidamente, la clave del correo electrónico en el sistema o separados a los clientes a mano, aunque estos procesos pueden ser automáticamente con lógica una pérdida de tiempo y recursos.
• Claramente desfavorecido: en la era cuando los competidores usaban tecnología para crear herramientas geniales para atraer clientes, todavía estamos pisando con el sitio web anterior. Es igual a que volveremos al canal todos los días teniendo una característica oculta pero potente como 7 características secretas en el flujo web puede ser una solución.

‍

¡La solución está al frente! Herramientas de "Logic de flujo web" para romper el muro sin usar el código.

Y luego el flujo web lanzó las armas secretas que rompieron este muro, ¡es decir, "lógica de flujo web"! Habla lo más fácil de entender. Webflow Logic es una herramienta que le permite crear. ¡"Flujo de trabajo" y "lógica" en el servidor directamente desde el diseñador de flujo web sin tener que escribir ni un código!

Es el poder del "patio trasero" en forma de "LEGO Connector" que podemos poner y establecer las condiciones por nosotros mismos, solo hay 2 principios de trabajo:

1. Disparador (estimulador): ¿Qué es lo que hará que esta lógica comience a funcionar? Actualmente, el activador principal es la "presentación de formulario".
2. Flujo (proceso): cuando se estimula, ¿qué pasará después? Podemos crear condiciones "si ... entonces ... (si/entonces)" libremente. Por ejemplo, si el 'presupuesto' vale más de 100,000 baht, envíe la información a Hubspot, pero si no se envía a MailChimp en su lugar

Esta es una forma revolucionaria de pensar en la web. Anteriormente, tener que confiar en programadores o herramientas externas como Zapier o Make (Integromat) para conectar y crear automatización. Ahora podemos hacer cosas. Flujo web "en nosotros mismos", que es más rápido, más estable y más fácil de administrar. Para cualquiera que se pregunte a cualquiera que deba usar esta función de flujo web es una respuesta clara de que es mucho más que un sitio web normal.

Puede comenzar inmediatamente ingresando la pestaña lógica en el diseñador de flujo web y comienza a crear su primer flujo. Lea más información de la fuente de datos oficial en la página oficial de Logic Webflow .

Ejemplos de lo real: ¿Howbflow Logic puede cambiar el negocio?

La teoría puede parecer aburrida. Veamos el uso real del uso real. Bueno, si usamos la lógica de flujo web, ¿cómo beneficiará al negocio?

• Negocio inmobiliario: cree un "formulario básico de préstamo hipotecario" cuando los clientes completen información, ingresos y cargas lógicas. La lógica calculará el posible préstamo. Luego envíe un correo electrónico al resultado con la lista de proyectos adecuada al cliente de inmediato y también envíe esta información principal a las celdas que se encargan de esa zona automáticamente
• SaaS (Software-as-AA-Service) negocio: del cliente. De modo que el equipo de ventas pueda ofrecer más demostración en el punto y también puede enviar un Webhook a Slack a alertar el equipo en el tiempo real.
• Agencia de marketing: Cree "herramientas de evaluación de proyectos de proyecto" en el sitio web para que los clientes elijan el servicio deseado (como SEO, Shooting, Web). La lógica calculará el precio inicial y la visualización en la página web. Al tiempo que envía información que resume las necesidades del cliente al departamento de ventas para preparar la cotización de inmediato
• El sitio web de E-Learning: cree una "prueba después de la escuela". Cuando los estudiantes realicen la prueba, la lógica verificará la respuesta, calculará la puntuación y, si se pasa el examen, creará otra lógica para pasar a la ruta que emitirá automáticamente un certificado.

‍

Si quieres seguir, ¿qué hacer? El manual comenzó a usar la lógica de flujo web en 5 pasos.

Vi un ejemplo y la mano de madera, con ganas de intentarlo, ¿verdad? ¡La buena noticia no es difícil! Intente seguir este paso para crear su primera lógica.

1. Prepare su disparador: cree primero un formulario (formulario) en su página web. Esta es la primera puerta para comenzar todos los procesos.
2. Abra la puerta al mundo de la lógica: en el diseñador de flujo web, haga clic en el icono de lógica lógica en el lado izquierdo y presione "Crear un nuevo flujo".
3. Condición (Condiciones): ¡Este es un corazón importante! Encontrará la pantalla para crear una condición "si /diez". Puede seleccionar el campo del formulario creado en el ítem 1 y establecer las condiciones, como el campo "Si 'Presupuesto' es superior a 50000".
4. Establecer comandos (acciones): cuando las condiciones son verdaderas (o falsas) ¿qué hacer a continuación? Puede seleccionar una variedad de acciones como "Enviar correo electrónico", "Enviar datos a la aplicación BHOR (a través de Webhook)", "Redirigir el usuario a una página OTRA". Más aprendizaje lo ayudará a hacer SEO y flujo web programático en un nivel superior.
5. Pruebe y active: después de que se terminen todas las configuraciones, no olvide probar su flujo para asegurarse de que trabaje correctamente, ¡luego presione Publicar! ¡Su sitio web tendrá su propio "cerebro"!

Para una guía de uso detallado con Tutorial Video puede estudiar más de Webflow University , que es el mejor centro de aprendizaje.

‍

Preguntas que las personas tienden a preguntarse y respuestas que tienen claras la lógica del flujo web

He compilado una pregunta popular que muchas personas se preguntaban sobre la lógica del flujo web para responder claramente.

P: ¿Se puede usar la lógica de flujo web en lugar de Zapier o Make?

R: No todos deben entender que la lógica está diseñada para administrar la automatización en "Inicio y finalización dentro del flujo web" o enviar datos fuera del flujo web (Webhook de salida). Zapier/Make es una herramienta que se especializa en "Conecte la aplicación el exterior juntos", lo cual es más complicado, por lo que si solo desea crear condiciones desde el formulario en la web y enviar la información a la lógica es la mejor y más rápida respuesta. Pero si desea crear una automatización compleja entre muchas aplicaciones (como recibir información de Gmail para crear tarea en Asana y enviar una notificación a Slack) Zapier o hacer sigue siendo una mejor opción.

P: ¿Tienes una lógica? ¿Hay alguna base para escribir código?

A: ¡No tienes que escribir el código! Pero tener un "pensamiento lógico" o comprender el concepto de si/esto lo ayudará a aprender y usarlo mucho más rápido.

P: Webflow Logic ¿Hay un costo adicional?

R: Webflow Logic se incluirá en algún plan de sitio. (Especialmente el plan para negocios y empresas), que cada plan limitará el número de "ejecuciones" por mes no es igual. Sugiera verificar el último precio de la página de precios del flujo web para obtener la información más precisa.

P: ¿Cuál es la limitación de la lógica de flujo web?

R: La principal limitación es 1) la lógica funciona en el servidor. Por lo tanto, no se puede resolver o cambiar en la página web de inmediato (manipulación DOM). 2) El disparador se limita principalmente a la presentación de formulario (en el futuro se agregará). 3) Hay cuotas para la ejecución mensual de acuerdo con el plan que usamos.

‍

Resumen: ¿Es hora de lanzar su potencial de sitio web con Webflow Logic?

Webflow Logic no es solo una característica nueva, sino que es un "cambio de paradigma" en la creación de sitios web. Rompió el muro que solía bloquear entre diseñadores y desarrolladores. Ayudar a las personas que no son programadores a crear aplicaciones web vivas, interactuar y funcionar automáticamente a sí mismas, es dar su "cerebro" a su "hermoso" sitio web.

Detente y deja que las ideas sean buenas. Debes morir debido a la limitación del código. Es hora de tratar de explorar y usar el poder de la lógica de flujo web para crear una experiencia impresionante para los usuarios, agregar una tasa de conversión a su negocio y reducir sus aburridos procedimientos de trabajo.

Comencemos con un pequeño proyecto. Crear una condición simple. Y descubrirá que la posibilidad es interminable ¿Está su sitio web listo para "ser más inteligente"?

Si tiene un proyecto complejo y desea dibujar el máximo potencial de la lógica de flujo web o desea crear una aplicación completa que nuestro equipo de expertos esté listo para dar consejos. Vea los detalles de nuestro desarrollo avanzado de flujo web aquí.

‍