Agendamento online no site do estúdio: Wix, WordPress e mais

Há três jeitos de colocar o agendamento online no site do estúdio: um botão com link, um código incorporado que roda dentro da sua página ou um iframe (uma janela que mostra outra página). O código incorporado mantém a aluna no seu site, com a sua marca. A plataforma e o plano decidem o que dá para usar.

Por que ter o agendamento no próprio site?

Muitos estúdios ainda agendam pelo WhatsApp: a aluna pergunta se tem vaga, a recepção confere a planilha, manda a chave Pix e espera o comprovante. Funciona, mas consome horas por semana e trava fora do horário comercial.

Outros mandam a aluna do site para um aplicativo com outro nome, outro logo e outras cores. Também funciona, mas tem um custo:

• Confiança. Uma pessoa nova que cai numa marca desconhecida pode desistir na hora de pagar.
• Atenção. Saindo do seu site, as outras páginas (professoras, aula experimental, fotos do espaço) ficam mais longe.
• Marca. A aluna passa a associar o agendamento ao aplicativo, e não ao seu estúdio.

Com o agendamento dentro do site, tudo acontece no nome do estúdio. O site continua sendo a porta de entrada.

Link, código incorporado ou iframe: qual escolher?

Opção	Como aparece	Esforço	Melhor para
Botão ou link	Abre uma página de agendamento separada	Mínimo	Qualquer site, bio do Instagram, Perfil da Empresa no Google, WhatsApp
Código incorporado	Agenda e pagamento dentro da sua página	Baixo, cola uma vez	WordPress próprio, sites sob medida, Squarespace Core ou superior
Iframe	A página de agendamento numa janela do seu site	Baixo	Wix e plataformas que embrulham o código

A maioria dos estúdios acaba usando duas opções: o código incorporado no site e o link na bio do Instagram, no Google e nas conversas com as alunas.

Como colocar o agendamento no Wix?

No editor do Wix, vá em Adicionar elementos, depois Incorporar código, depois Incorporar HTML, e cole o código. A própria Wix explica que os elementos de HTML e de URL são iframes (consultado em outubro de 2026), que só conteúdo em HTTPS aparece e que esses elementos não se ajustam sozinhos à tela.

Na prática, para agendamento:

• Escolha uma ferramenta com versão em iframe que ajusta a própria altura, para a agenda não ficar cortada.
• Deixe a largura em 100% e confira tudo no celular.

Como colocar o agendamento no WordPress?

Depende de qual WordPress você usa.

• WordPress próprio (WordPress.org, instalado na sua hospedagem): adicione um bloco HTML personalizado na página da agenda e cole o código. Administradores normalmente conseguem incluir scripts assim, sem plugin.
• WordPress.com: scripts e iframes no bloco HTML personalizado exigem um plano pago com recursos de hospedagem ativados (consultado em outubro de 2026). No plano gratuito, use um botão com link.

Em qualquer caso, evite empilhar vários plugins de agendamento. Uma ferramenta, uma página de agenda.

E no Squarespace?

O Squarespace aceita código num bloco de código, mas JavaScript e iframes só funcionam nos planos Core, Plus e Advanced (consultado em outubro de 2026). Em planos abaixo disso, use um botão que leva à página de agendamento.

O que conferir antes de escolher a ferramenta?

Um checklist para passar antes de fechar:

• Funciona dentro da sua página, inclusive login e pagamento, sem mandar a aluna para outro site.
• Login que funciona em qualquer navegador. Alguns navegadores bloqueiam cookies de terceiros, o que quebra o login de muitos códigos incorporados. Pergunte ao fornecedor como ele resolve isso.
• Pix e cartão no mesmo pagamento, com a confirmação automática, sem comprovante por mensagem.
• Pensado para celular. Agende uma aula no seu próprio celular, do começo ao fim.
• A sua marca, não a deles. Logo, cores e nome do estúdio na agenda, no pagamento e nos e-mails.
• Só o seu site pode exibir. Uma configuração que limita quais sites mostram o seu agendamento.
• Versão em iframe para plataformas que não rodam scripts.
• Link direto para uma aula, para compartilhar “sábado 9h, reformer” sem a aluna procurar.
• Nenhuma taxa sobre as suas vendas escondida no plano. Pergunte se a plataforma fica com uma porcentagem além das taxas do cartão e do Pix.

Onde mais o link da agenda deve aparecer?

O site é só um dos lugares onde a aluna decide agendar. Use o mesmo link, com a sua marca, em todo lugar:

• Bio e stories do Instagram. Muita gente conhece o estúdio por lá.
• Perfil da Empresa no Google. Coloque o link como agendamento ou site, para quem busca “pilates perto de mim” agendar direto do mapa.
• Resposta automática do WhatsApp Business do estúdio. Em vez de conferir vaga por vaga, a recepção envia o link da agenda.
• QR code impresso na recepção. A aluna marca a próxima aula antes de ir embora.
• Link direto para uma aula quando abrir um horário novo ou um workshop.

Como testar o agendamento antes de divulgar?

Antes de avisar as alunas, agende uma aula de verdade, do começo ao fim:

1. Abra o site no celular, usando dados móveis e não o Wi-Fi do estúdio.
2. Entre como aluna nova, compre o produto mais barato e agende uma aula.
3. Pague com Pix e com cartão, se aceitar os dois.
4. Confira o e-mail de confirmação: nome do estúdio, logo, horário certo.
5. Desmarque e veja se o crédito voltou.

Peça para uma ou duas alunas antigas testarem também. Dez minutos de teste poupam uma semana de mensagens confusas.

Como fazer a página da agenda aparecer no Google?

Um código de agendamento sozinho dá pouco para o Google ler. Em volta dele, coloque:

• Um título claro, como “Agenda de aulas de pilates e yoga em [seu bairro]”.
• Dois ou três parágrafos curtos sobre as modalidades e para quem são.
• Endereço e horário de funcionamento.
• Um link para a aula experimental.

O código cuida do agendamento. O texto ajuda as pessoas a encontrarem a página.

Como o elastudio coloca o agendamento no seu site

O código incorporado do elastudio (a partir do plano Starter) leva a experiência inteira da aluna para dentro do seu site: agenda, login, pagamento, agendamento e a conta da aluna. O login por código no e-mail funciona mesmo em navegadores que bloqueiam cookies de terceiros, e o pagamento com Pix ou cartão abre dentro da própria página. A aluna vê o nome, o logo e as cores do estúdio, com apenas uma linha discreta “powered by elastudio”.

Um gerador de código mostra a prévia e entrega o código pronto, e você decide exatamente quais endereços podem exibir o seu agendamento. Para Wix e plataformas parecidas, há uma versão em iframe com altura automática. Todo estúdio também ganha páginas públicas de agenda, aulas e professoras para usar como link na bio do Instagram ou no Google.

Uma agenda, no nome do estúdio

Escolha a opção que a sua plataforma aceita, coloque numa única página de agenda, escreva um pouco de texto em volta e teste no celular. Assim o site faz o que deveria: receber agendamentos em nome do seu estúdio.

Veja qual plano inclui o código incorporado em preços ou conheça todos os recursos. Dúvidas sobre o seu site: support@elastudio.app.