# Embedding

> Add Awrora booking to your existing website with an iframe code.



If you already have a website you want to keep, you can embed Awrora booking there. The guest chooses a date and books directly on your site, without first being sent somewhere else.

<Callout type="info" title="Iframe is a sales channel">
  Embedding is handled by the **Iframe** sales channel. It's switched on from the start and appears under **Sales channels** in the side menu. If you can't see it, activate it under <Path>Settings → Sales channels</Path>.
</Callout>

## Create your embed code

Go to <Path>Sales channels → Iframe</Path>.

<Steps>
  <Step title="Choose what to show">
    Under **Embed code**, first choose under **Show** **All experiences** or **A specific experience**. If you choose a specific experience, select which one under **Experience**. Only published experiences can be selected.
  </Step>

  <Step title="Choose a layout">
    Under **Appearance**, choose **Monthly calendar** or **Upcoming times**.
  </Step>

  <Step title="Check the preview">
    Next to the options you can see what the booking box looks like with your choices.
  </Step>

  <Step title="Copy the code">
    Copy the code snippet in the **Iframe code** field and paste it into the HTML of your website, where the booking should appear.
  </Step>
</Steps>

<Screenshot id="iframe-inbaddning" alt="The Iframe page with options, embed code and a preview of the booking box" />

<Callout type="warning">
  The code differs depending on what you've chosen. Check your choices before copying. If you change them later, you'll need to copy a new code.
</Callout>

If you're unsure where the code should go on your website, ask whoever looks after the website for help. Most website builders have a block for custom HTML or embedded code.

## How it works for the guest

The booking box shows the whole booking flow: date, tickets, add-ons and payment. It's shown without the shop's header and footer, so it blends in with your website. Bookings end up in your [booking list](/bookings/booking-list) just as usual.

## Design the booking box

The booking box uses the shop's colours and fonts from [Appearance](/channels/shop/appearance). It can't be rebuilt in the web editor — if you change the shop's appearance, the booking box follows automatically, without you having to copy a new code.

If you've password-protected the shop, the booking box still works. Read more in [Domains and SEO](/channels/shop/domains-and-seo).