Usa Ecommerce en el Flow

Mostrar productos

En un paso de Send Message, busca "Ecommerce"(1), "Product"(2) y luego haz clic en "Edit"(3). Los botones agregados en el área 4 se mostrarán debajo de cada producto. Y no olvides poner un mensaje en el área 5 en caso de que no haya ningún producto coincidente.

ADVERTENCIA - Debido a que Facebook solo permite mostrar 10 tarjetas al mismo tiempo, es posible que necesites aplicar un filtro para reducir la cantidad de productos.

1. elige cuántos productos mostrar, de 1 a 10

2. selecciona una condición de ordenamiento según la elección del usuario

3. configura un filtro con tantas condiciones como sea necesario.

Agregar al carrito

Selecciona "Add to cart" cuando se presione el botón. También es buena idea indicar qué se agregó. Obtén la información del producto agregado desde la variable JSON "SHOP".

Mostrar carrito

Busca "Shopping Cart" en "Ecommerce" y haz clic en "Edit". Nuevamente, cualquier botón colocado en el área 4 se mostrará con cada producto.

La página de edición de "showing cart" es similar a la de "showing product". Pero es un poco más compleja. Esto se debe a que un carrito debe mostrar todos los productos para revisarlos antes de finalizar la compra.

TIP - si un cliente selecciona más de 10 productos pero menos de 20, intenta usar "Newest" para mostrar los primeros 10 y "Oldest" para mostrar el resto. Es raro, pero ¿qué pasa si son más de 20? Tal vez puedas intentar listar los productos por rango de precio o por la primera letra. Como alternativa, también puedes personalizar algunos pasos de Send Message para mostrar el carrito en lugar de usar la función "showing cart". Accede a la información del carrito en la variable JSON "SHOP" y a "$.cart.num" de "SHOP" para el número de artículos en el carrito.

Quitar del carrito

Selecciona "Remove from cart" cuando se presione el botón. Puede que quieras usar un paso Goto para volver al carrito y refrescarlo, ya que se muestran cantidades junto con los productos, a diferencia de mostrar un menú estático.

Vaciar carrito

Selecciona "Empty Cart" cuando se presione la respuesta rápida. ¿Por qué no un botón? Porque puede ser redundante tener más de una opción de vaciar carrito después de todos los productos. Además, "Empty Cart" está en el paso Action, no como una acción de botón. Por lo tanto, necesitarás seleccionar un paso Action como siguiente paso de la respuesta rápida.

Checkout

TIP - para simular el proceso de checkout, también tendrás que configurar tu integración con Stripe. Revisa cómo configurar Stripe.

Acabamos de hablar de que es redundante tener un botón "Empty Cart" con cada producto, pero ¿por qué poner múltiples "Checkout"? Esto se debe a que las acciones del paso Action se procesan en el backend, mientras que "Checkout" requiere que el frontend abra un sitio web, la página de checkout. Por lo tanto, solo puedes llamar a "Checkout" desde un botón.

Si no quieres colocar "Checkout" debajo de cada producto, intenta agregar un texto informativo adicional después de mostrar el carrito:

Cuando los usuarios hacen checkout, primero se mostrará una lista de productos con cantidad y precio, seguida por un área para que los usuarios dejen sus datos de contacto:

Si sigues desplazándote hacia abajo, verás las opciones de entrega, el código de cupón y un resumen del pedido.

Finalmente, al seleccionar una opción de pago y hacer clic en "Pay $xx.xx", la página será redirigida a Stripe.com. Si estás en modo texto, verás esto:

Haz clic en "AUTHORIZE TEST PAYMENT" o "FAIL TEST PAYMENT" para probar cómo se verá cuando el pago sea exitoso o falle.

Se enviará una confirmación del pedido cuando el pago sea exitoso. Haz clic en la confirmación para ver el detalle del pedido.

"Buy" para un solo producto

"Buy" en realidad es una función que no tiene nada que ver con el sistema integrado de ecommerce. Después de configurar tu integración con Stripe, los usuarios pueden comprar un solo producto (puede ser de tu cuenta de Stripe) con un clic en el botón "Buy", sin necesidad de configurar el sistema de ecommerce.

Esta función es adecuada para productos tipo ticket sin opciones o para pagar cuotas de suscripción, etc.

Cómo usar la variable JSON del sistema

Hay varios campos del sistema que almacenan información sobre el sistema de ecommerce. Normalmente, el sistema te dirá dónde encontrarlos según datos como estos:

Puedes acceder a ellos en cualquier lugar donde veas "</>":

JSON del sistema - "SHOP"

"SHOP" almacena toda la información sobre la configuración de tu ecommerce.

JSON del sistema - "ORDER"

"ORDER" almacena el último pedido del usuario. Solo obtendrás un pedido después del checkout.

JSON del sistema - "CART"

"CART" almacena el carrito de compras del usuario.

JSON del sistema - "SELECT"

Cuando eliges "Select" al presionar un botón, el elemento seleccionado se almacena en "SELECT".

SELECT.product:

SELECT.sku: