¿Cómo creo un Flow de WhatsApp en B2Chat?

Aprende a crear un Flow de WhatsApp en B2Chat paso a paso. Este artículo te guiará a través de las herramientas y funciones necesarias para configurar un flujo automatizado que optimice la atención a tus clientes en WhatsApp.

Debes seguir los siguientes pasos:

  1. Ingresar al módulo de "Canales" e ingrese a la configuración de la linea.
  2. Ingresar a la opción de flows donde aparece el listado de flows creados, acompañado de un botón para crear los flows.
  3. Darle clic al botón "Crear flow"
  4. Ingresar el nombre del flow y seleccionar la(s) categoria(s).
    1. El nombre permite hasta 200 caracteres y debe ser único.
    2. Las categorías se puede seleccionar 1 o varias.

  5. Se le da clic al botón guardar.
  6. Por defecto se configura el flow de esta forma para que pueda editarlo.
    1. Titulo de la pantalla
    2. Encabezado grande.
    3. Cuerpo.
    4. Botón

      El estado por defecto en el que se encuentra el flow es borrador.



      Validación
      1. Se permiten hasta 8 pantallas por flow. Las pantallas en los flows representan los pasos del flow.
      2. Se permiten hasta 8 contenidos por pantalla sin contar el Titulo de la pantalla y el botón que son los campos obligatorios.
  7. El usuario da clic al botón "Añadir contenido" para que pueda agregar diferentes componentes al flow.
    1. Texto: Permite agregar campos de texto que enriquecen el flow para dar contexto al contacto.

      1. Encabezado grande.
      2. Encabezado pequeño.
      3. Pie de foto o video.


      4. Cuerpo.

    2. Contenido multimedia: Permite agregar campo de multimedia que enriquecen.
      1. Imagen: Campo que permite agregar una imagen arrastrada o subida desde el computador.
        1. Al agregar el campo es necesario que se coloque la imagen, de no agregarla no se puede guardar el flow.
        2. Tamaño máximo de la imagen 300 kb.
        3. Formato de archivos permitidos JPEG PNG.
    1. Respuesta de texto: Permite ingresar campos para que el contacto completa la información.
      1. Respuesta breve
        • Este contenido tiene un dropdown de selección que tiene los siguientes valores:
          • Texto (Por defecto al añadir este componente)
          • Password
          • Email
          • Número
          • Código
          • Telefono
        • Tiene un campo que es el Label del campo, maximo 20 caracteres, es requerido.
        • Tiene un campo llamado instrucciones, máximo de 80 caracteres, es opcional.
      2. Párrafo.
        1. Tiene un campo que es el Label del campo, maximo 30 caracteres, es requerido.
        2. Tiene un campo llamado instrucciones, maximo de 80 caracteres, es opcional.
      1. Selector de fechas.
        1. Tiene un campo que es el Label del campo, maximo 30 caracteres, es requerido.
        2. Tiene un campo llamado instrucciones, maximo de 80 caracteres, es opcional.
    1. Selección: Permite colocar campos para que el usuario solo seleccione opciones:
      1. Opción única.
        1. Muestra un campo para agregar el label del campo, hasta 30 caracteres.
        2. Muestra dos opciones a configurar por defecto.
        3. Se pueden agregar hasta 20 opciones.
        4. Mínimo debe tener 2 opciones la lista
        5. Cada opción de la lista permite hasta 30 caracteres en el nombre.
      1. Opción múltiple.
          1. Muestra un campo para agregar el label del campo, hasta 30 caracteres.
          2. Muestra dos opciones a configurar por defecto.
          3. Se pueden agregar hasta 20 opciones
          4. Mínimo debe tener 2 opciones la lista
          5. Cada opción de la lista permite hasta 30 caracteres.
      1. Lista desplegable.
        1. Muestra un campo para agregar el label del campo, hasta 30 caracteres.
        2. Muestra dos opciones a configurar por defecto.
        3. Se pueden agregar hasta 20 opciones.
        4. Mínimo debe tener 2 opciones la lista.
        5. Cada opción de la lista permite hasta 30 caracteres.
      2. Activar.
        1. Muestra un campo para agregar el Label del check box, permite hasta 300 caracteres.
    1. Adicionalmente tiene un botón “Agregar pantalla “Más información””
      1. Al dar clic en este botón

      2. El sistema crea una nueva pantalla agregándola a la estructura de las pantallas colocándolo de esta forma.

        En esta nueva pantalla que se crea, se puede agregar todos los componentes que necesite siempre y cuando sea texto y multimedia .

        Adicionalmente en la pantalla principal debe cambiar el diseño de la siguiente forma:

        • Se elimina el botón “Agregar pantalla “Más información”” y se añaden dos botones:
          • Editar contenido: Al darle clic a este botón debe llevar a la pantalla que se creo al agregar la pantalla de información.
          • Eliminar enlace: Al darle clic a este se elimina la pantalla creada y vuelve a aparecer el botón “Agregar pantalla “Más información””



Visualización de flow

A medida que vas agregándole contenido al flow puedes ir guardando para actualizar el previsualizador de flow, para hacer esto le das clic al botón "Guardar" y automáticamente actualiza el flow.

 

Para publicar el flow el flow se debe dar clic al ícono de los tres puntos y opción a publicar.

Para eliminar el flow se debe dar clic al ícono de los tres puntos y opción eliminar.