Use o comercio eletrônico no fluxo
Você pode conferir este " Modelo de comércio eletrônico " para se inspirar depois de configurar seu sistema de comércio eletrônico.
Mostrar produtos
Em uma etapa Enviar mensagem, encontre "Ecommerce" (1), "Produto" (2) e clique em "Editar" (3). Os botões adicionados na área 4 serão exibidos abaixo de cada produto. E não se esqueça de colocar o prompt na área 5, caso nenhum produto corresponda.
AVISO - Como o Facebook permite apenas 10 cartões exibidos por vez, talvez seja necessário aplicar um filtro para restringir os produtos.
escolha quantos produtos mostrar de 1 a 10
selecione uma condição de classificação de acordo com a escolha do usuário
defina um filtro com quantas condições forem necessárias.
adicionar ao carrinho
Selecione "Adicionar ao carrinho" quando o botão for pressionado. É bom para solicitar o que foi adicionado também. Obtenha informações do produto adicionado da variável JSON "SHOP" .
Mostrar carrinho
Encontre "Carrinho de compras" em "Ecommerce", clique em "Editar". Novamente, qualquer botão colocado na área 4 será exibido com todos os produtos.
A página de edição de "mostrar carrinho" é semelhante à de "mostrar produto". Mas é um pouco mais complicada. Porque um carrinho tem que mostrar todos os produtos para revisão antes do checkout.
DICA - se um cliente escolher mais de 10 produtos, mas menos de 20, tente usar "Mais novo" para mostrar os primeiros 10 e "Mais antigo" para mostrar o restante. É raro, mas e se forem mais de 20? Talvez tente listar produtos por faixa de preço ou primeira letra. Como alternativa, você também pode personalizar algumas etapas de Enviar mensagem para mostrar o carrinho em vez de usar a função "mostrar carrinho". Acesse as informações do carrinho na variável JSON "SHOP" e "$.cart.num" de "SHOP" para o número de itens no carrinho.
Remover do carrinho
Selecione "Remover do carrinho" quando o botão for pressionado. Você pode querer usar uma etapa Goto para ir ao carrinho novamente para atualizar, já que há quantidades mostradas com produtos que diferem de mostrar um menu estático.
Carrinho Vazio
Selecione "Esvaziar carrinho" quando a resposta rápida for pressionada. Por que não botão? Porque pode ser redundante ter mais de um carrinho vazio seguindo todos os produtos. Além disso, "Esvaziar carrinho" está na etapa Ação, não uma ação de botão. Então você precisará selecionar uma etapa Ação como a próxima etapa para a resposta rápida.
Confira
DICA - para simular o processo de checkout, você terá que configurar sua integração Stripe também. Veja como configurar o Stripe .
Acabamos de falar sobre a redundância de ter um botão "Esvaziar carrinho" com cada produto, mas por que colocar vários "Checkout"? Isso ocorre porque as ações na etapa Ação são processadas no backend, enquanto "Checkout" requer que o frontend abra um site, a página de checkout. Então você só pode chamar "Checkout" em um botão.
Se você não quiser colocar "Finalizar compra" em cada produto, tente adicionar mais uma informação do tipo texto depois de mostrar o carrinho:
Quando os usuários finalizarem a compra, uma lista de produtos será exibida primeiro com quantidade e preço, seguido por uma área para deixar os detalhes de contato dos usuários:
Continue rolando para baixo e você verá opções de entrega, código de cupom e um resumo do pedido.
Por fim, ao selecionar uma opção de pagamento e clicar em "Pagar $xx.xx", a página será direcionada para Stripe.com . Se você estiver em modo texto, verá isto:
Clique em "AUTORIZAR PAGAMENTO DE TESTE" ou "PAGAMENTO DE TESTE REPROVADO" para testar como será o pagamento quando ele for bem-sucedido ou falhar.
Uma confirmação do pedido será enviada quando o pagamento for bem-sucedido. Clique na confirmação para visualizar os detalhes do pedido.
"Compre" apenas um produto
"Comprar" é, na verdade, um recurso que não tem nada a ver com o sistema de e-commerce integrado. Após configurar sua integração com o Stripe, os usuários podem comprar um produto (pode ser da sua conta Stripe) com um clique no botão "Comprar" sem nenhuma configuração do sistema de e-commerce.
O recurso é adequado para produtos de ingressos sem opções ou pagamento de taxas de assinatura, etc.
Como usar a variável JSON do sistema
Existem vários campos de sistema armazenando informações sobre o sistema de e-commerce. Normalmente, o sistema dirá onde encontrar de acordo com dados como estes:
Você pode acessá-los onde quer que veja "</>":
Sistema JSON - "LOJA"
"SHOP" armazena todas as informações sobre suas configurações de comércio eletrônico.
Sistema JSON - "ORDER"
"ORDER" armazena o último pedido do usuário. Você só recebe um pedido após o checkout.
Sistema JSON - "CART"
"CART" armazena o carrinho de compras do usuário.
Sistema JSON - "SELECT"
Quando você escolhe "Selecionar" quando um botão é pressionado, o item selecionado é armazenado em "SELECIONAR".
SELECIONE.produto:
SELECIONE.sku: