Ponnahdusikkunan suunnittelu

Opi suunnittelemaan WEMASY-ponnahdusikkuna sisältösuunnittelijalla, valitsemaan asettelu, muokkaamaan ulkoasua ja lisäämään muita kieliä.

Luonnos

WEMASYn ponnahdusikkunarakentajassa asetukset ovat vasemmalla ja ponnahdusikkuna oikealla. Muutat sanoja ja kuvia sisältösuunnittelijassa, muotoa ja tyyliä Ulkoasu-välilehdellä ja kävijöille näkyviä tekstejä muilla kielillä Kielet-välilehdellä. Ponnahdusikkunat käyttävät verkkosivustosi värejä, joten ne sopivat muuhun sivustoosi.

Avaa rakentaja

  1. Avaa Ponnahdusikkunat ja napsauta yläpalkissa Ponnahdusikkunat.
  2. Napsauta ponnahdusikkunan esikatselua tai sen kynäkuvaketta.

Vasemmalla on neljä välilehteä: Asetukset, Ulkoasu, A/B-testi ja Kielet. Oikealla ovat Esikatselu ja Sisältösuunnittelija.

Muuta sisältöä

  1. Napsauta oikealla Sisältösuunnittelija.
  2. Napsauta ponnahdusikkunan tekstiä, painiketta tai kuvaa ja muuta sitä.
  3. Suunnittelijassa tekemäsi muutokset tallentuvat siellä.
  4. Napsauta Esikatselu nähdäksesi tuloksen tietokoneella ja puhelimella.

Suunniteltu sisältö julkaistaan verkkosivustosi mukana. Julkaise verkkosivustosi uudelleen, jotta muuttunut malli näkyy kävijöille.

Valitse asettelu

Valitse Ulkoasu-välilehdellä Asettelu:

  • Ikkuna keskellä
  • Laatikko kulmassa
  • Palkki ylhäällä tai Palkki alhaalla. Valitse Työnnä sivua alaspäin (palkki ei peitä sivuston yläosaa) ylhäällä olevalle palkille.
  • Koko näyttö
  • Sivun sisällä: näkyy sivun sisällä ilman taustaa tai sulkemispainiketta. WEMASY-verkkosivustolla lisää Ponnahdusikkuna-lohko sivustosuunnittelijassa. Toisella verkkosivustolla napsauta Kopioi koodi ja liitä koodi kohtaan, jossa sen pitäisi näkyä.

Leveys ja Sijainti näytöllä löytyvät Asetukset-välilehdeltä.

Muokkaa ulkoasua

  • Tausta: napsauta jotakin verkkosivustosi väriä, jolloin ponnahdusikkuna seuraa sivustosi värejä myös silloin, kun ne muuttuvat.
  • Pyöristetyt kulmat, Tila sisällä ja Varjo.
  • Taustan väri, Taustan tummuus ja Taustan sumennus ponnahdusikkunan takana olevalle alueelle.
  • Sulkemispainikkeen väri.
  • Animaatio: Häivytys sisään, Zoomaus sisään, Liukuminen ylös tai Ei mitään.
  • Koko leveys puhelimilla.
  • Sivuvälilehti sulkemisen jälkeen: muutama sana pienellä välilehdellä vasemmassa reunassa, esimerkiksi "10 % alennus". Napsautus avaa ponnahdusikkunan uudelleen.

Napsauta Tallenna säilyttääksesi ulkoasun. Ulkoasun muutokset tulevat sivustollesi noin minuutissa.

Näytä ponnahdusikkuna muilla kielillä

  1. Avaa Kielet-välilehti.
  2. Valitse kieli kohdasta Lisää kieli ja napsauta Lisää.
  3. Kirjoita tekstit tai napsauta Käännä tekoälyllä.
  4. Napsauta Tallenna kyseiselle kielelle.

Kävijät, joiden kielelle ei ole tässä tekstejä, näkevät ponnahdusikkunan sellaisena kuin se on suunniteltu. Välilehti kertoo myös, kun moni kävijä lukee kieltä, jota et ole vielä lisännyt.

Usein kysytyt kysymykset

Muutin tekstiä, mutta kävijät näkevät yhä vanhan ponnahdusikkunan. Miksi?

Suunniteltu sisältö julkaistaan verkkosivustosi mukana. Julkaise verkkosivustosi uudelleen muutettuasi mallia.

Miten vaihdan painikkeiden värit?

Painikkeet käyttävät verkkosivustosi värejä. Muuta ne koko verkkosivustolle sen tyylissä, niin ponnahdusikkuna seuraa.

Aiheeseen liittyy: Lomakkeen lisääminen ponnahdusikkunaan ja Ponnahdusikkunan luominen.

Ota se heti käyttöön
omalla verkkosivullasi.

Aloita ilmaiseksi WEMASYlla ja rakenna sivusi muutamassa minuutissa.