Upota aktiviteetteja verkkosivustollesi

Upotettavat aktiviteetit

Toimintojen upottaminen omalle verkkotunnuksellesi on paras tapa antaa pelaajan kokea toiminta omassa brändiympäristössäsi.

Itse toiminta on täysin valkoinen etiketti, mikä tarkoittaa, ettei sillä ole suoraa tunnistusta Puzzel.orgista, ja värit sekä fontit voidaan sovittaa omasi brändisi mukaisiksi. Tämä muuttaa toiminnan osaksi verkkosivustoasi.

Tämä ominaisuus on käytettävissä vain tilauksella oleville tileille.

Kuinka upotus toimii?

Upotus tapahtuu pienen iframe-koodipätkän avulla. Iframe on hyvin tuettu HTML-elementti, joka voidaan sisällyttää melkein mihin tahansa verkkosivustoon/CMS:ään/LMS:ään.

Tämä koodinpätkä lataa Puzzel.org-aktiviteetin omalle verkkosivustollesi. Voit sitten määrittää iframen koon muuttamalla width ja height -attribuutteja.

Kehittyneemmässä upottamisessa voisit jopa muuttaa iframen kokoa omilla CSS-tyylitiedostoillasi, esimerkiksi muuttaa iframen kokoa eri näyttökokoja varten.

Kokeillaan upotettua pulmaa

Ennen liittymistä saatat haluta katsoa, miltä Puzzel.org-palapeli näyttää ja toimii omalla verkkosivustollasi. Tämä on helppo tapa selvittää, kuinka helposti voit upottaa palapelejä omalle sivustollesi.

Kopioi/liitä seuraava esimerkkikoodi omalle verkkosivustollesi/CMS:ään/LMS:ään ja katso miltä se näyttää:

<div>
<iframe src='https://puzzel.org/en/crossword/embed?p=-L1v2n-yhlUB-bGDzGol' width='750' height='750' frameborder='0'>
</iframe></div>

Säädä width ja height arvoja, jos palapeli ei mahdu verkkosivustollesi oikein.