Como adicionar um widget de reservas do Mindbody à sua loja Shopify

Um cliente encontra seu estúdio online, acessa sua loja Shopify e compra um pacote de 10 aulas. Ótimo. E agora? Em muitos casos, é aí que a experiência trava. O cliente pagou, mas não tem uma maneira óbvia de reservar uma aula e, alguns minutos depois, recebe um e-mail confuso com uma senha de uma empresa chamada "Mindbody", da qual nunca ouviu falar.

Este guia resolve ambos os problemas. Primeiro, mostraremos como adicionar um widget de reservas do Mindbody diretamente à sua loja Shopify para que os clientes possam reservar com apenas alguns cliques. Em seguida, abordaremos como vender na Shopify mesmo sem usar o processamento de pagamentos do Mindbody e como o ShopConnect integra os dois sistemas discretamente nos bastidores.

Você não precisa ser um desenvolvedor. Se você consegue editar uma página no Shopify, você consegue fazer tudo isso.

---

Parte 1: Adicione um widget de reservas do Mindbody à sua loja Shopify

O objetivo aqui é simples: uma página "Reserve agora" na sua loja Shopify que mostre sua agenda Mindbody em tempo real, para que os clientes possam reservar sem sair do seu site.

O que você precisará primeiro

• Sua Mente-Corpo Web de marca Trecho de código do widget (você obtém isso da sua conta Mindbody)
• Um plano da Shopify com uma loja online (Básico, Grow, Avançado ou Plus)
• Acesso administrativo à sua loja Shopify
• Um tema para Loja Online 2.0 (como o Dawn)

Se você tem tudo isso, está pronto.

Passo 1: Crie a página

No painel de administração da Shopify, acesse Loja online → Páginas → Adicionar página.

Dê um título como "Reserve agora". Esse título também cria o endereço da página na web. Você pode adicionar uma breve introdução na caixa Conteúdo, se desejar, e depois clicar em Salvar.

Etapa 2: Crie um modelo personalizado

Enquanto você ainda estiver editando a página, observe o lado direito para ver o Modelo menu suspenso. Clique nele e escolha Criar modelo.

Dê ao modelo o nome da sua página (por exemplo, “reserve agora”) e use Página padrão como base. Clique Salvar.

Isso cria um modelo próprio para a sua página de reservas, permitindo que você insira o widget sem afetar o restante da sua loja.

Passo 3: Adicione o código do widget com uma seção Liquid personalizada.

Agora vá para Loja online → Temas e clique Personalizar no seu tema ao vivo.

Use o menu suspenso de páginas na parte superior para selecionar a nova página e o modelo que você acabou de criar. No painel esquerdo, clique em Adicionar seção → Líquido personalizado.

Cole o código do seu widget de reservas do Mindbody na caixa. Ele terá esta aparência:

<div class="mindbody-widget" data-widget-type="Schedules" data-widget-id="XXXXXXXXXXX"></div>
<script async src="https://brandedweb.mindbodyonline.com/embed/widget.js"></script>

Substitua o XXXXXXXXXXX Com seu próprio ID de widget do Mindbody. Clique. SalvarE a pré-visualização do widget de reservas aparecerá imediatamente.

Passo 4: Torne a página visível

Voltar para Loja online → Páginas e abra sua página.

Definir Visibilidade → Visível, depois clique SalvarAcesse o endereço da página para confirmar se o widget carrega e se sua programação é exibida.

Passo 5: Adicione a página ao menu da sua loja.

Último passo: facilite a localização da página. Acesse Loja online → Navegação e abra o seu Menu principal.

Clique Adicionar item de menuDê o nome de “Reserve agora” e vincule-o à página que você criou. Clique. Adicionar, então Salvar.

Pronto! Agora os clientes podem fazer reservas diretamente da sua loja.

Opcional: adicione também uma página de cadastro.

Se você também deseja uma página de cadastro, repita os passos de 1 a 4 com este código de widget de cadastro:

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>
<healcode-widget data-type="registrations" data-widget-partner="object" data-widget-id="XXXXXXXXXXX" data-widget-version="0"></healcode-widget>

Em seguida, crie links entre as duas páginas para que os clientes possam alternar facilmente entre a reserva e o cadastro.

---

Parte 2: Vender na Shopify sem o processamento de pagamentos da Mindbody

Em algumas regiões, o processamento de pagamentos da Mindbody não está disponível, o que significa que você não pode receber pagamentos diretamente pela Mindbody. A boa notícia é que você ainda pode vender serviços, pacotes e assinaturas no Shopify e ter tudo integrado corretamente à Mindbody. O fluxo apenas muda um pouco para "comprar primeiro, reservar depois".

Como funciona o fluxo

1. Um cliente compra um serviço, pacote ou assinatura na sua loja Shopify.
2. ShopConnect Cria ou associa o registro do cliente no Mindbody e registra a compra, de forma que o crédito já esteja cadastrado no sistema.
3. Em seguida, o cliente entra no Mindbody para agendar sua consulta ou aula.

O ShopConnect é o que faz a ponte entre os dois sistemas. O cliente paga no Shopify, e o ShopConnect garante que a compra seja registrada para o cliente correto no Mindbody sem que você precise digitar nada novamente.

A única aresta áspera e como suavizá-la.

Há um momento que confunde os clientes se você não estiver preparado. Depois que eles pagam na sua loja Shopify, a Mindbody envia um e-mail com a senha. Para um cliente que nunca ouviu falar da "Mindbody", esse e-mail pode parecer spam e ele pode ignorá-lo. Depois, ele fica se perguntando onde está a aula.

A solução é a comunicação. A documentação recomenda uma única comunicação. mensagem principal Você reutiliza as mesmas informações nos e-mails que os clientes recebem após a compra:

Obrigado por efetuar esta compra em nossa loja online! Fique atento ao e-mail com sua senha, que será enviado pelo nosso sistema de reservas online. Mindbody OnlineDepois de definir sua senha, clique em aqui para agendar sua consulta ou aula.”

A palavra "aqui" direciona para a sua página de reservas (a mesma página "Reserve agora" do Shopify que você criou na Parte 1, ou uma página equivalente em outro site).

Onde colocar a mensagem: três e-mails

A mensagem principal é adaptada aos três e-mails que o cliente recebe após a compra.

E-mail 1: confirmação do pedido da Shopify. No Shopify, acesse Configurações → Notificações → Confirmação do pedidoAdicione a mensagem principal perto do topo do e-mail, acima do resumo do pedido. Isso define as expectativas no momento em que o cliente finaliza a compra, enquanto ele ainda está prestando atenção.

E-mail 2: o e-mail do Mindbody "Esqueci minhas informações de login". Este é um e-mail automático compartilhado, portanto, você não pode substituí-lo completamente. Em vez disso, adicione um bloco condicional após o conteúdo existente:

“Você acabou de fazer uma compra em nossa loja online? Após fazer login com as informações acima, clique em aqui Para agendar a consulta ou aula que você comprou, sua compra já está registrada.”

Você encontrará isso nas configurações de e-mail automatizado do Mindbody Business. Essa função fornece ao cliente seu login e o vincula à compra que ele acabou de fazer.

E-mail 3: o e-mail de boas-vindas do Mindbody. Edite a versão do modo empresarial, já que o ShopConnect cria clientes nesse modo. Adicione o mesmo tipo de bloco:

“Você acabou de fazer uma compra em nossa loja online? Faça login na sua conta e clique em aqui Para agendar a consulta ou aula que você comprou, sua compra já está registrada.”

Isso também está presente nos e-mails automatizados do Mindbody Business. Reforça a etapa de reserva durante o processo de integração.

Para onde os links "aqui" devem apontar.

Cada link "aqui" deve direcionar os clientes para uma página com o widget de reservas da Mindbody Branded Web incorporado. Você tem duas opções:

• Uma página da Shopify (Requer o plano Básico ou superior, não disponível no plano Inicial). Esta é exatamente a página "Reserve agora" da Parte 1.
• Um site externo. Se a sua página de reservas estiver hospedada no Squarespace, Wix, WordPress ou outra plataforma, incorpore o widget lá e direcione os links para ele.

De qualquer forma, é a mesma página mostrada no final da Parte 1: texto explicativo na parte superior e o widget de reserva abaixo.

Um cenário que vale a pena conhecer.

O ShopConnect inclui um Send_mbo_password_reset_email Existe uma configuração que controla se o ShopConnect aciona automaticamente o e-mail de redefinição de senha do Mindbody. É importante saber que essa configuração existe para que você possa alinhar suas mensagens de e-mail com o conteúdo que está sendo enviado.

---

Por que isso é importante

Um widget de reservas e três e-mails editados podem não parecer grande coisa. Mas, juntos, eles preenchem a lacuna mais comum na venda de serviços de fitness e bem-estar online: o momento entre "Eu paguei" e "Minha reserva está confirmada". É nessa lacuna que os clientes ficam confusos, desistem ou enviam e-mails perguntando onde foi parar a aula.

Integrar o widget de reservas diretamente na sua loja Shopify elimina a necessidade de transferência de informações. Preparar os e-mails pós-compra automaticamente elimina surpresas. E o ShopConnect elimina o trabalho manual intermediário, associando as compras ao cliente Mindbody correto, evitando a necessidade de conciliar dois sistemas manualmente.

Principais conclusões

• O widget de reservas é uma tarefa do Shopify composta por cinco etapas. Crie uma página, defina um modelo para ela, insira o código do widget Mindbody usando Liquid personalizado, torne-o visível e adicione-o ao seu menu.
• Você pode vender na Shopify sem usar o sistema de pagamentos Mindbody. O fluxo passa a ser "comprar primeiro, reservar depois", e o ShopConnect registra automaticamente cada compra no cliente Mindbody correto.
• A comunicação é fundamental no fluxo de processamento sem pagamento. Uma mensagem principal, adaptada para três e-mails, evita a confusão do tipo "o que é esse e-mail com a senha do Mindbody?".
• Os links "aqui" e o widget de reservas devem estar na mesma página. Construa uma vez, vincule a ele em todos os lugares.

Você utiliza o ShopConnect e precisa de ajuda para integrar sua loja Shopify com o Mindbody? Entre em contato com a equipe da APIANT, teremos prazer em te ajudar.