Avoinna24-palveluun linkkaaminen ja verkkosivuille upottaminen

Avoinna24-sivustolla asiakkaillesi tarjoamasi palvelut (ajanvaraus, verkkokauppa ja/tai Liity jäseneksi -ominaisuus) voi joko upottaa omille kotisivuille (jolloin asiakas ei poistu sivustoltasi esim. palvelua varatessaan) tai lisätä omille kotisivuille linkin A24-sivustolle haluamaasi kohtaan/palveluun/tuotteeseen.

Jos tarvitset apua Avoinna24:n upotuksessa, voit kääntyä verkkosivujesi toimittajan puoleen ja linkata tämän ohjeen heille.

Avoinna24-ajanvaraukseen, verkkokauppaan ja Liity jäseneksi -ominaisuuteen linkkaaminen

Yrityksesi Avoinna24-sivuston (ajanvaraus, verkkokauppa ja Liity jäseneksi) linkit löytyvät aina Tehdenistä: Asetukset -> Avoinna24 -> Avoinna24-sivusto.

• Jos haluat, että yrityksesi verkkosivuilla olevasta linkistä aukeavassa Avoinna24-ajanvarauksessa on jo ennalta tehty tiettyjä valintoja (esim. toimipiste, palvelun tyyppi tms), kannattaa suora linkki luoda linkinrakennustyökalulla.
• Jos haluat, että linkki johtaa tiettyyn verkkokaupan tuotteeseen, navigoi verkkokaupassasi tuotteeseen, kopioi selaimen osoitekentässä oleva linkki ja lisää se verkkosivuillesi. Huom! Jos muutat tuotteen nimeä, myös tuotteen linkki muuttuu, eli muista käydä päivittämässä verkkosivuillasi olevat linkit.
• Jos yrityksesi verkkosivut ovat myös englanniksi, voit laittaa englanninkielisille sivuille linkin englanninkieliseen Avoinna24-ajanvaraukseen ja/tai -verkkokauppaan. Kieliversion linkki on muotoa https://avoinna24.fi/YRITYKSENNIMI/reservation?language=en tai https://avoinna24.fi/YRITYKSENNIMI/webstore?language=en. Vastaavasti suomenkieliseen versioon ohjataan linkeillä  https://avoinna24.fi/YRITYKSENNIMI/reservation?language=fi tai https://avoinna24.fi/YRITYKSENNIMI/webstore?language=fi.

Avoinna24-ajanvarauksen, verkkokaupan ja Liity jäseneksi -ominaisuuden verkkosivuille upottaminen

Huomioithan, että jos yritykselläsi on käytössä useita Avoinna24-sivuston ominaisuuksia (esim. sekä verkkokauppa että Liity jäseneksi -ominaisuus), samassa upotuksessa saat näkymään vain yhden näistä, eli upotettuna sivut eivät näy välilehtinä kuten suoraan palvelussa. Suosittelemme siis luomaan verkkosivuillesi omat otsikot/alasivut jokaiselle käyttämällesi Avoinna24-ominaisuudelle ja upottamaan eri ominaisuudet näiden alle.

Avoinna24-ajanvarauksen upotus

Avoinna24-ajanvarauksen saat upotettua verkkosivuillesi (eli näkymään sen omilla verkkosivuillasi sen sijaan, että asiakas siirtyisi linkkiä klikkaamalla pois verkkosivuiltasi ja Avoinna24-palveluun) sijoittamalla verkkosivulle seuraavan koodinpätkän (korvaa YRITYKSENNIMI aliverkkotunnuksella eli sillä nimellä, jota tälläkin hetkellä käytät yrityksestäsi Avoinna24-palvelussa):

<iframe src="https://avoinna24.fi/YRITYKSENNIMI/reservation" allowtransparency="true" class="a24-iframe" frameborder="0" scrolling="no" style="background: none transparent; width:100%;"></iframe>
<script src="https://avoinna24.fi/js/a24.iframe.js"></script>

Huom! Jos haluat, että upotetussa ajanvarauksessa on tehty ennalta tiettyjä valintoja (jos esim. yritykselläsi on useita toimipisteitä ja haluat, että upotetussa ajanvarauksessa näkyvät vain tietyn toimipisteen palvelut), kannattaa upotuskoodi luoda Tehdenin linkinrakennustyökalulla.

Avoinna24-verkkokaupan upotus

Avoinna24-verkkokaupan saat upotettua verkkosivuillesi (eli näkymään sen omilla verkkosivuillasi sen sijaan, että asiakas siirtyisi linkkiä klikkaamalla pois verkkosivuiltasi ja Avoinna24-palveluun) sijoittamalla verkkosivulle seuraavan koodinpätkän (korvaa YRITYKSENNIMI aliverkkotunnuksella eli sillä nimellä, jota tälläkin hetkellä käytät yrityksestäsi Avoinna24-palvelussa):

<iframe src="https://avoinna24.fi/YRITYKSENNIMI/webstore" allowtransparency="true" class="a24-iframe" frameborder="0" scrolling="no" style="background: none transparent; width:100%;"></iframe>
<script src="https://avoinna24.fi/js/a24.iframe.js"></script>

Yksittäisen verkkokauppatuotteen upotus

Jos myyt A24-verkkokaupassasi vain muutamia tuotteita tai haluat nostaa tietyn tuotteen näkyvyyttä, voit upottaa verkkosivuillesi myös yksittäisen A24-tuotteen. Tällöin asiakas näkee yksittäisen verkkokauppatuotteen kuvan, tiedot sekä Lisää ostoskoriin -painikkeen, ja voi edetä maksamaan tuotteen sivustoltasi poistumatta.

Kun haluat upottaa yksittäisen tuotteen, kopioi tuotteen url-linkki, korvaa sillä seuraavasta koodinpätkästä kohta "https://avoinna24.fi/YRITYKSENNUMI/webstore/product/tp121-supersnack-appelsiini-raakapatukka" ja sijoita sitten koodinpätkä verkkosivuillesi:

<iframe src="https://avoinna24.fi/YRITYKSENNUMI/webstore/product/tp121-supersnack-appelsiini-raakapatukka" allowtransparency="true" class="a24-iframe" frameborder="0" scrolling="no" style="background: none transparent; width:100%;"></iframe>
<script src="https://avoinna24.fi/js/a24.iframe.js"></script>

Huom! Jos muutat tuotteen nimeä, myös tuotteen linkki muuttuu, eli muista päivittää tuotteen upotus, jos tuotteen nimi muuttuu.

Liity jäseneksi -ominaisuuden upotus

Liity jäseneksi -ominaisuuden saat upotettua verkkosivuillesi (eli näkymään sen omilla verkkosivuillasi sen sijaan, että asiakas siirtyisi linkkiä klikkaamalla pois verkkosivuiltasi ja Avoinna24-palveluun) sijoittamalla verkkosivulle seuraavan koodinpätkän (korvaa YRITYKSENNIMI aliverkkotunnuksella eli sillä nimellä, jota tälläkin hetkellä käytät yrityksestäsi Avoinna24-palvelussa):

<iframe src="https://avoinna24.fi/YRITYKSENNIMI/join/member" allowtransparency="true" class="a24-iframe" frameborder="0" scrolling="no" style="background: none transparent; width:100%;"></iframe>
<script src="https://avoinna24.fi/js/a24.iframe.js"></script>

Javascript-koodin tehtävä on hoitaa iframe-upotuksen korkeuden lisäämistä/poistamista tilanteen mukaan. Jos sivulla näkyy kahdet vierityspalkit, on javascript todennäköiseseti jäänyt latautumatta tai jossain saattaa olla poistamista vaativia marginaaleja tai täytettä (padding). Kotisivujesi ylläpitämisestä vastaava taho osaa korjata tilanteen.

Upotetun A24:n värimaailman muokkaamiseta löydät lisätietoa tästä ohjeesta.

Suora linkki tiettyyn toimipisteeseen tai palveluun

Tehdenin asetuksista (Asetukset → Avoinna24 → Linkin rakennus) löytyy linkinrakennustyökalu, jonka avulla voit luoda linkin, joka johtaa esim. jonkin tietyn päivän tiettyyn tuntiin tai tietyn toimipisteen kaikkiin ryhmäajanvarauksiin. Kun lisäät tällaisen linkin sivuillesi, aikaa varaavan asiakkaan ei tarvitse itse valita toimipistettä, tyyppiä, palvelua ja/tai palveluntarjoajaa, vaan osa valinnoista on tehty valmiiksi. Näin voit myös käyttää tarkkaa linkkiä esimerkiksi kurssin tai tapahtuman markkinoinnissa tms. Noudata linkin luomisessa linkinrakennustyökalun ohjeita.

Jos haluat upottaa verkkosivuillesi ajanvarausnäkymän, jossa näkyvät esimerkiksi tietyn toimipisteen kaikki ryhmäliikuntatunnit, toimi seuraavasti:

1. Mene Tehdenin linkinrakennustyökaluun.
2. Valitse haluamasi toimipiste, tyyppi, palvelu ja palveluntarjoaja (jos haluat näyttää kaikki palveluntarjoajat, älä tee valintaa vai valitse Kuka tahansa).
3. Laita rasti iframe-ruutuun.
4. Kopioi laatikossa oleva koodi ja anna se verkkosivujesi ylläpitämisestä vastaavalle taholle. Ylläpitäjä osaa lisätä koodinpätkän verkkosivuillesi.