/ Kauppa

Wordpress plugin

Kauppapainikkeen tai upotetun lahjakorttikaupan lisäät wordpressillä rakennetuille kotisivuille helpoiten käyttämällä Giftin Wordpress-pluginia.

Pluginin asennus

Voit pyytää viimeisimmän plugin-version tuesta, sähköpostilla osoitteesta info@gifti.fi.
Plugin asennetaan Wordpressiin valitsemalla Lisäosat → Lisää uusi → Lataa lisäosa ja lataamalla tuesta saatu ZIP-paketti wordpressiin.

Pluginin käyttö

Kauppapainike

Kauppapainiketta ja / tai upotusta ohjataan niin kutsutulla shortcodella. Shortcode lisätään sivun tekstiin

Yksinkertaisimmillaan kauppapainikkeen lisäys onnistuu lisäämällä seuraavan koodinpätkän sivun tekstikenttään, jolloin sivulle ilmestyy alla kuvattu painike.

[gifti url="https://gifti.fi/shop/ESIMERKKI/"]

whitebtn-2

Kauppapainikkeen muokkaus

Varauspainiketta voi muokata lisäämällä shortcodeen data- -etuliitteisiä parametreja.

Esimerkiksi:

[gifti url="https://gifti.fi/shop/ESIMERKKI/" data-btn-theme="dark" data-btn-size="small" data-icon="none"]

pikkumusta-1

  • data-btn-theme - light (oletus), dark, purple, none - Muuttaa napin väriteemaa. none ei lisää nappiin mitään tyylejä, jolloin napin ulkoasua voi muokata vapaasti kirjoittamalla omat tyylit.
  • data-btn-size - default (oletus), small - Muuttaa napin kokoa.
  • data-icon - slotti (oletus), none - Valitsee napissa näytettävän ikonin
  • data-lang- fi, sv, en - Minkä kieliseen kauppaan asiakas ohjataan. Huomioithan, että kaupan täytyy tukea kyseistä kieltä.

kauppanapit-1

Upotus

Kaupan voi upottaa kotisivulle suoraan lisäämällä shortcodeen data-embed -parametrin. data-embed="true" upottaa kaupan kotisivulle kaikenkokoisilla laitteilla, kun taas data-embed="non-small-devices" upottaa kaupan suurilla laitteilla ja näyttää kauppapainikkeen pienemmillä laitteilla. Suosittelemme jälkimmäistä, koska tällöin pienillä laitteilla kauppa saa aueta koko näytölle ja asettua applikaatiomaisesti näytölle eliminoiden häiritsevän mahdollisuuden skrollata pois kauppanäkymästä vahingossa.

[gifti url="https://gifti.fi/shop/ESIMERKKI/" data-btn-theme="light" data-embed="non-small-devices"]

whitebtn-1