# Incorporar em Páginas Personalizadas

Por padrão, o Sesami funciona na página do produto. Você também pode incorporar a experiência de agendamento do Sesami em outras páginas — como a página inicial, a página de contato, uma landing page, localizador de lojas ou qualquer página personalizada.

## Usando o Configurador de Experiência do Sesami

A maneira mais rápida de criar um widget de agendamento incorporável é o **Configurador de Experiência do Sesami**:

1. Acesse o configurador: [sesami.dev/docs/sesami-experience/configurator](https://sesami.dev/docs/sesami-experience/configurator/)
2. Configure suas definições:
   * ID da loja e ID do serviço
   * Localização e variante
   * Versão da experiência (Classic ou V2)
   * Estilo do botão (cores, tamanho, texto)
   * Comportamento do calendário e exibição de disponibilidade
3. O configurador gera um `<sesami-experience>` trecho de HTML
4. Copie o trecho e cole-o onde quiser que o botão de agendamento apareça

### Com o Sesami Instant Booking

Se o serviço usar o Sesami Instant Booking, basta colar o trecho gerado — todo o fluxo de agendamento acontece dentro do widget do Sesami, sem necessidade de checkout da Shopify.

### Com o Checkout da Shopify

Se o serviço usar o checkout da Shopify (adicionar ao carrinho), você precisará integrar o trecho ao fluxo de carrinho e checkout do seu tema. Isso inclui:

* Conectar a ação de adicionar ao carrinho ao seu tema da Shopify
* Garantir que o fluxo de checkout funcione corretamente com os dados da reserva

Para essa configuração, consulte o guia completo de integração na [Documentação para Desenvolvedores do Sesami](https://sesami.dev) ou trabalhe com um desenvolvedor.

## Posicionamentos comuns

* **Página inicial** — um botão "Reservar agora" na seção hero
* **Página de contato** — permita que os visitantes agendem diretamente
* **Landing pages** — páginas de agendamento dedicadas para campanhas
* **Localizadores de lojas** — incorpore o agendamento junto às सूची de locais
* **Rodapé** — um link de agendamento permanente em todas as páginas

## Precisa de ajuda?

* **Documentação para desenvolvedores**: [sesami.dev](https://sesami.dev)
* **suporte do Sesami**: <help@sesami.co>
* **Serviços profissionais**: [Serviços profissionais](/pt-br/comece-agora/onboarding/professional-services.md)

## Relacionado

* [Instalação manual](/pt-br/apps-integrations/shopify/online-store/manual-install.md) — integração personalizada do tema
* [Agendamento instantâneo](/pt-br/reserva/booking-features/instant-booking.md) — reserva sem checkout da Shopify


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sesami.co/pt-br/apps-integrations/shopify/online-store/embed-on-custom-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.