> For the complete documentation index, see [llms.txt](https://help.sesami.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sesami.co/fi/apps-integrations/shopify/online-store/embed-on-custom-pages.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.