# Inbäddning

> Lägg in Awroras bokning på din befintliga webbplats med en iframe-kod.



Har du redan en webbplats som du vill behålla kan du bädda in Awroras bokning där. Gästen väljer datum och bokar direkt på din sida, utan att först skickas vidare någon annanstans.

<Callout type="info" title="Iframe är en säljkanal">
  Inbäddning sköts av säljkanalen **Iframe**. Den är påslagen från början och syns under **Säljkanal** i sidomenyn. Ser du den inte aktiverar du den under <Path>Inställningar → Säljkanaler</Path>.
</Callout>

## Skapa din inbäddningskod

Gå till <Path>Säljkanal → Iframe</Path>.

<Steps>
  <Step title="Välj vad som ska visas">
    Under **Inbäddningskod** väljer du först under **Visa** **Alla upplevelser** eller **En specifik upplevelse**. Väljer du en specifik upplevelse anger du vilken under **Upplevelse**. Bara publicerade upplevelser går att välja.
  </Step>

  <Step title="Välj utseende">
    Under **Utseende** väljer du **Månadskalender** eller **Kommande tider**.
  </Step>

  <Step title="Kontrollera förhandsvisningen">
    Bredvid valen ser du hur bokningsrutan ser ut med dina val.
  </Step>

  <Step title="Kopiera koden">
    Kopiera kodavsnittet i fältet **Iframe-kod** och klistra in det i HTML-koden på din webbplats, där bokningen ska synas.
  </Step>
</Steps>

<Screenshot id="iframe-inbaddning" alt="Iframe-sidan med val, inbäddningskod och förhandsvisning av bokningsrutan" />

<Callout type="warning">
  Koden skiljer sig beroende på vad du valt. Kontrollera valen innan du kopierar. Byter du val senare behöver du kopiera en ny kod.
</Callout>

Är du osäker på var koden ska ligga på din webbplats, be den som sköter webbplatsen om hjälp. De flesta webbplatsverktyg har ett block för egen HTML eller inbäddad kod.

## Så fungerar det för gästen

Bokningsrutan visar hela bokningsflödet: datum, biljetter, tillval och betalning. Den visas utan butikens sidhuvud och sidfot, så att den smälter in på din webbplats. Bokningarna hamnar precis som vanligt i din [bokningslista](/bookings/booking-list).

## Formge bokningsrutan

Bokningsrutan använder butikens färger och typsnitt från [Utseende](/channels/shop/appearance). Den går inte att bygga om i webbeditorn — ändrar du utseendet i butiken följer bokningsrutan med automatiskt, utan att du behöver kopiera en ny kod.

Har du lösenordsskyddat butiken fungerar bokningsrutan ändå. Läs mer i [Domäner och SEO](/channels/shop/domains-and-seo).