---
title: "Suunnittele ponnahdusikkuna ja sen teaser"
description: "Valitse ponnahdusikkunan tyyppi, muotoile ponnahdusikkuna ja sulkemispainike ja lisää teaser, joka houkuttelee kävijöitä avaamaan sen."
url: https://scratcher.io/fi/help/sharing/popup-design-and-teaser
language: fi
---

1. [Ohjekeskus](https://scratcher.io/fi/help)
2. [Julkaiseminen ja jakaminen](https://scratcher.io/fi/help/sharing)
3. Suunnittele ponnahdusikkuna ja sen teaser

# Suunnittele ponnahdusikkuna ja sen teaser

Valitse ponnahdusikkunan tyyppi, muotoile ponnahdusikkuna ja sulkemispainike ja lisää teaser, joka houkuttelee kävijöitä avaamaan sen.

Ponnahdusikkunakampanjassa on kaksi osaa: itse ponnahdusikkuna ja valinnainen teaser. Teaser on pieni banneri sivustollasi, esimerkiksi ”Pyöräytä ja voita 🎁”, joka avaa ponnahdusikkunan, kun sitä klikataan.

## Ponnahdusikkunan tyyppi ja sijainti

Avaa editorissa **Sijoittelu** kohdassa **Asettelu**:

- **Tyyppi**: tavallinen ponnahdusikkuna, palkki näytön ylä- tai alareunassa, liukuikkuna nurkassa tai koko sivu. Palkki, liukuikkuna ja koko sivu kuuluvat ylempiin paketteihin.
- **Tasaus**: missä ponnahdusikkuna on. Palkit voivat olla ylhäällä tai alhaalla, liukuikkunat vasemmalla tai oikealla ja tavalliset ponnahdusikkunat missä tahansa 3 × 3 -ruudukon kohdassa.

Kun avaat uuden ponnahdusikkunan ensimmäistä kertaa, Scratcher kysyy verkkotunnusta, jolla se näytetään. Voit muuttaa sitä myöhemmin kohdassa **Verkkotunnus**.

## Muotoile ponnahdusikkuna

Klikkaa sivun yläpuolella **Ponnahdusikkunan asetukset** tai klikkaa ponnahdusikkunan reunaa. **Tyylit**-välilehdellä:

- **Ponnahdusikkuna**: **Tausta**, **Taustapeite** (ponnahdusikkunan takana oleva himmennetty kerros), **Reunus**, **Koko**, **Muoto**, **Sisällön tasaus** ja **Ulkomarginaali**.
- **Sulje-painike**: sen **Tausta**, **Kuvake**-väri, **Koko**, nurkka (**Tasaus**) ja **Ulkomarginaali**.

Valitse **Tehosteet**-välilehdellä, miten ponnahdusikkuna avautuu ja sulkeutuu, esimerkiksi **Häivytys** tai **Liu'utus**.

Ponnahdusikkunan lisäosat:

- **Piilota teaser suljettaessa**: piilota myös teaser, kun joku sulkee ponnahdusikkunan.
- **Piilota lomakkeen lähettämisen jälkeen**: älä näytä ponnahdusikkunaa uudelleen kävijöille, jotka ovat jo ilmoittautuneet siinä.

## Teaser

Kohdan **Kulku** **Teaser**-rivillä voit ottaa teaserin käyttöön ja pois käytöstä. Määritä se klikkaamalla sen valikosta **Asetukset**:

- **Toiminto**: **Näytä ponnahdusikkuna**, **Linkki** tai **Ei mitään**.
- **Piilota työpöydällä**, **Piilota tabletilla**, **Piilota mobiilissa**.
- **Tyylit**: teaserin **Tausta**, **Reunus**, **Koko**, **Muoto**, nurkka (**Tasaus**) ja **Ulkomarginaali** sekä sen oma sulkemispainike.

Teaser näkyy heti, kun sivu latautuu; **Näyttö**-kohdan käynnistimet koskevat vain ponnahdusikkunaa. Suunnittele teaser kuten sivu ja tallenna se valinnalla **Tallenna teaser mallina**, niin voit käyttää sitä uudelleen.

## Taustakuva ponnahdusikkunoissa

Ponnahdusikkunoissa on **Kuvatausta**-elementti, joka täyttää ponnahdusikkunan toisen puolen kuvalla. Aseta sen **Korkeus mobiilissa** määrittääksesi, kuinka suuren osan näytöstä se vie puhelimissa.

## Avaa ponnahdusikkuna omalla painikkeellasi

**Klikkauskäynnistin**-lisäosalla ponnahdusikkuna avautuu, kun joku klikkaa verkkosivustosi elementtiä. Syötä elementin CSS-valitsin, esimerkiksi `.open-competition`. Kysy verkkokehittäjältäsi, jos olet epävarma.

Julkaiseminen ja jakaminen

- [Jaa kampanjasi linkki ja QR-koodi](https://scratcher.io/fi/help/sharing/share-your-campaign-link)
- [Upota kampanja verkkosivuillesi](https://scratcher.io/fi/help/sharing/embed-on-your-website)
- [Näytä kampanja ponnahdusikkunana](https://scratcher.io/fi/help/sharing/show-a-campaign-as-a-popup)
- [Suunnittele ponnahdusikkuna ja sen teaser](https://scratcher.io/fi/help/sharing/popup-design-and-teaser)
- [Valitse kampanjasi verkko-osoite](https://scratcher.io/fi/help/sharing/campaign-url-and-own-domain)
- [Lähetä sähköpostit omasta verkkotunnuksestasi](https://scratcher.io/fi/help/sharing/email-sending-domain)
- [Vaihda kampanjoita kampanja-aikatauluilla](https://scratcher.io/fi/help/sharing/campaign-schedules)

## Aiheeseen liittyvät artikkelit

- [Näin elementtien asetukset toimivat](https://scratcher.io/fi/help/elements/element-settings-basics): Välilehdet Sisältö, Tyylit, Asetukset ja Tehosteet, koot, muodot, reunukset, värit ja taustat, mobiilimuutokset ja lisäosat.
- [Upota kampanja verkkosivuillesi](https://scratcher.io/fi/help/sharing/embed-on-your-website): Sijoita kampanja verkkosivusi sivulle upotusskriptillä, tarkista että se toimii ja korjaa yleiset ongelmat.
- [Näytä kampanja ponnahdusikkunana](https://scratcher.io/fi/help/sharing/show-a-campaign-as-a-popup): Asenna skripti kerran, valitse ponnahdusikkunan tyyppi ja päätä, millä sivuilla, milloin ja kuinka usein se näkyy.

## Tarvitsetko vielä apua?

Oikeat ihmiset auttavat sinua mielellään. Jos käytät jo Scratcheria, nopein tapa on alustan sisäinen chat.

- **[Chattaa kanssamme](https://platform.scratcher.io/login)**

    Kirjaudu sisään ja klikkaa chat-painiketta oikeassa alakulmassa. Rex vastaa heti, ja tiimimme on vain yhden klikkauksen päässä.
- **[Varaa tapaaminen](https://scratcher.io/fi/book-a-meeting)**

    Maksuton 30 minuutin videopuhelu tiimimme kanssa: esittely, kampanjaideoita tai apua käyttöönottoon.
- **[Lähetä meille sähköpostia](mailto:contact@scratcher.io)**

    Kirjoita osoitteeseen contact@scratcher.io, niin palaamme asiaan.