# Upota mukautetuille sivuille

Oletuksena Sesami toimii tuotesivulla. Voit myös upottaa Sesami-varauskokemuksen muille sivuille — kuten etusivulle, yhteyssivulle, laskeutumissivulle, myymälän hakusivulle tai mille tahansa mukautetulle sivulle.

## Sesami Experience Configuratorin käyttäminen

Nopein tapa luoda upotettava varauswidget on **Sesami Experience Configurator**:

1. Siirry konfiguraattoriin: [sesami.dev/docs/sesami-experience/configurator](https://sesami.dev/docs/sesami-experience/configurator/)
2. Määritä asetuksesi:
   * Kaupan ID ja palvelun ID
   * Sijainti ja versio
   * Kokemuksen versio (Classic tai V2)
   * Painikkeen tyyli (värit, koko, teksti)
   * Kalenterin toiminta ja saatavuuden näyttö
3. Konfiguraattori luo `<sesami-experience>` HTML-koodinpätkän
4. Kopioi koodinpätkä ja liitä se minne tahansa, որտեղ haluat varauspainikkeen näkyvän

### Sesami Instant Bookingin kanssa

Jos palvelussa käytetään Sesami Instant Bookingia, pelkkä luodun koodinpätkän liittäminen riittää — koko varausprosessi tapahtuu Sesami-widgetin sisällä, eikä Shopify-kassaa tarvita.

### Shopify Kassan kanssa

Jos palvelussa käytetään Shopify-kassaa (lisää ostoskoriin), sinun täytyy integroida koodinpätkä teemasi ostoskori- ja kassaprosessiin. Tämä sisältää:

* Lisää ostoskoriin -toiminnon yhdistäminen Shopify-teemaasi
* Varmistaminen, että kassaprosessi toimii oikein varausdatan kanssa

Tätä käyttöönottoa varten tutustu täydelliseen integraatio-oppaaseen [Sesami Developer Docs](https://sesami.dev) tai työskentele kehittäjän kanssa.

## Yleiset sijoittelut

* **Etusivu** — "Varaa nyt" -painike hero-osiossa
* **Yhteyssivu** — anna kävijöiden varata suoraan
* **Laskeutumissivut** — kampanjoille omistetut varaussivut
* **Myymälähakemistot** — upota varaus sijaintiluetteloiden yhteyteen
* **Alatunniste** — pysyvä varauslinkki kaikilla sivuilla

## Tarvitsetko apua?

* **Kehittäjädokumentaatio**: [sesami.dev](https://sesami.dev)
* **Sesami-tuki**: <help@sesami.co>
* **Ammattipalvelut**: [Ammattipalvelut](/fi/aloita/onboarding/professional-services.md)

## Aiheeseen liittyvät

* [Manuaalinen asennus](/fi/apps-integrations/shopify/online-store/manual-install.md) — räätälöity teemaintegraatio
* [Välitön varaus](/fi/varaus/booking-features/instant-booking.md) — varaus ilman Shopify checkoutia


---

# 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/fi/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.