# Tapahtumien upottaminen verkkosivustollesi

> Opi hankkimaan upotuskoodi yksittäisen tapahtuman päivämääräwidgetille tai koko ohjelmasi widgetille ja liittämään se verkkosivustollesi.

Entase-widgetin upottaminen verkkosivustollesi on nopein ja helpoin tapa antaa kävijöiden selata ja varata tapahtumapäiviä poistumatta sivultasi. Alustan hallintapaneelissa lisäämäsi uudet päivämäärät näkyvät widgetissä automaattisesti – koodimuutoksia ei tarvita.

> Entase tukee myös edistynyttä API-integraatiota, liitännäisiä ja ohjelmistokirjastoja kehittäjille. Lue lisää [kehittäjädokumentaatiosta](/developers).

---

## Mitä voit upottaa

Entase tarjoaa kahdentyyppisiä upotettavia widgetejä:

- **Päivämääräwidget** – näyttää kaikki yksittäisen tapahtuman tulevat päivämäärät. Sopii erinomaisesti omalle tapahtumasivulle.
- **Ohjelmawidget** – näyttää koko tapahtumaohjelmasi kaikista tapahtumista. Sopii erinomaisesti etusivulle tai listaussivulle.

---

## Hanki upotuskoodi

Saatava widget riippuu siitä, mistä avaat jakamisruudun: kun avaat sen kohdasta **Tapahtumat**, saat yksittäisen tapahtuman päivämääräwidgetin, kun taas kohdasta **Ohjelma** avattuna saat koko ohjelman widgetin.

### Päivämääräwidget (yksittäinen tapahtuma)

1. Siirry päänavigaation kohtaan **Tapahtumat** ja etsi tapahtuma, jonka haluat upottaa.
2. Napsauta tapahtumakohdan alta jakamispainike.
3. Avaa jakamisen ponnahdusikkunasta **Upottaminen**-välilehti.
4. Kopioi verkkosivustoasi varten tapahtumawidgetin upotuskoodi.
Widget näyttää kaikki valitun tapahtuman tulevat päivämäärät ja tarjoaa saumattoman maksuprosessin.

### Ohjelmawidget (kaikki tapahtumat)

1. Siirry päänavigaation kohtaan **Ohjelma**.
2. Napsauta sivun oikeasta yläkulmasta jakamispainike.
3. Avaa jakamisruudusta **Upota**-välilehti **Lyhyt linkki** -välilehden vierestä.
4. Kopioi verkkosivustoasi varten koko ohjelman widgetin upotuskoodi.
Widget näyttää koko ohjelmasi tulevine tapahtumineen ja tarjoaa saumattoman maksuprosessin.

---

## Liitä koodi verkkosivustollesi

1. Avaa verkkosivustosi muokkausohjelmassa tai CMS:ssä sivu, jolla haluat widgetin näkyvän.
2. Vaihda kyseisen osion **HTML**- tai **Upota**-muokkaustilaan.
3. Liitä kopioitu `<iframe>`-koodi suoraan HTML:ään.
4. Tallenna tai julkaise sivu.
Widget on nyt käytössä. Kaikki Entasessa tapahtumalle luomasi uudet päivämäärät näkyvät widgetissä automaattisesti – kävijät näkevät aina ajantasaiset tiedot ilman, että sinun tarvitsee muokata verkkosivuston koodia uudelleen.

---

## Vinkkejä

- **Omat tapahtumasivut** – käytä päivämääräwidgetiä sivulla, joka on rakennettu yhden esityksen tai tuotannon ympärille. Kun aikataulutat uusia esityksiä, ne tulevat näkyviin välittömästi.
- **Etusivu tai listaussivu** – käytä ohjelmawidgetiä, jotta kaikki tulevat tapahtumasi näkyvät yhdessä paikassa.
- **Teeman yhteensopivuus** – jos sivustollasi on tumma tausta, valitse **Tumma teema**, jotta vältät häiritsevän valkoisen laatikon.
- **Säilön leveys** – widget on responsiivinen. Saat parhaan tuloksen mobiililaitteilla sijoittamalla sen täysleveään osioon ja pitämällä leveyden arvossa `100%`.