Tässä artikkelissa



Widgetit ovat Johkun upotteita joiden avulla saat tuotua yksittäiset Johku-tuotteet tai koko tuoteryhmän esille ja myyntiin sivustollesi; luo haluamasi widget Johkussa, kopioi widgetin upotustiedot ja liitä ne sivullesi. 

 

Widgetit ovat tyylitettävissä css-tyylitiedoston kautta.


Widgetien toimintaa voit esikatsella sivustollamme.



Widget-tyypit



1. Tuote


  • Tuote-widgetissä ei näy tuotteen kuvaa, esittelytekstiä tai muuta lisäinformaatiota vaan ainoastaan tuotteen nimi (ellei piilotettu), hinta ja varauksen/ostamisen toiminnot
  • Tuotteen tarkemmat sisällöt ovat katsottavissa vain ostoskorin tai tilaussivun Näytä-napin kautta
  • Tuote-widgetin Varaa/Osta-painikkeen klikkauksen jälkeen tuote menee widgetin sisäänrakennettuuun ostoskoriin, tai mikäli ostoskori ei ole asetettu widgetissä käyttöön, avautuu suoraan tilaussivu



2. Tuotekortti


  • Tuotekortti-widgetissä esitetään tuotteen nimi, pääkuva, lyhyt kuvaus, tuotteeseen lisätyt tagit, hinta sekä varattavuus (kesto ja kapasiteetti)
  • Tuotekortti-widgetissä ei ole erillistä Varaa/Osta -painiketta vaan widgetin klikkaus tuo popupina esille tuotteen tarkemman esittelyn Varaa/Osta-painikkeineen, joiden kautta tuote siirtyy ostoskoriin tai tilaussivulle (mikäli ostoskori ei käytössä ko. widgetissä)




3. Tuoteryhmä


  • Tuoteryhmä-widget tuo kerralla esille kokonaisen tuoteryhmän tuotteet nostoina
  • Widgetissä tuodaan esille tuoteryhmän nimi (ellei piilotettu), sekä tuotteen nimi, pääkuva, lyhyt kuvaus, hinta ja tagit. Mikäli tuoteryhmässä on sisältö-tyyppisiä tuotteita, niistä tuodaan esille vain nimi ja pääkuva
  • Tuoteryhmässä olevan tuotteen klikkaus avaa tarkemman tuote-esittelyn popupina samaan tapaan kuin tuotekortti-widgetissä, josta varaus/ostaminen etenee joko ostoskoriin tai suoraan tilaussivulle





4. Ostoskori/Kori


  • Ostoskori sisältyy Johkun tuote-, tuotekortti- ja tuoteryhmäwidgetteihin, mutta koska ko. ostoskori on vain sillä sivulla jolla ko. widget on, tarvitaan useimmiten laajempia sivukokonaisuuksia varten erillinen ostoskori-widget, jotta asiakkaan ostoprosessi säilyy sivulta toiselle liikuttaessa
  • Liitä ostoskori-widget sivustosi niille sivuille, joilla ei ole tuote-, tuotekortti- tai tuoteryhmä-widgettiä




5. Myyntikanavaan liittyminen/Rekisteröidy kauppiaaksi


  • Myyntikanavaan liittyminen -widget tuo sivustolle esille Rekisteröidy kauppiaaksi -painikkeen, jonka kautta muut yritykset voivat 
    • joko liittyä omaan myyntikanavaasi ja samalla rekisteröityä Johku-kauppiaaksi (jos eivätole vielä Johku-kauppiaita)
    • tai pelkästään rekisteröityä Johku-kauppiaaksi, mikäli widgetin asetuksissa on estetty myyntikanavaan liittyminen
  • Myyntikanavaan liittyminen/Rekisteröidy kauppiaaksi -widget on hyödyllinen kauppiaille jotka eivät käytä Johkun kauppapaikkaa ja haluavat kasvattaa ristiinmyynti/jaetut kaupat -verkostoaan


 


Widgetin luominen



  • Kirjaudu Johkuun app.johku.com/kaupantunniste
  • Navigoi Asetukset > Kauppapaikka > Widgetit-sivulle

  • Klikkaa Uusi widgetti
  • Anna widgetille nimi (nimi ei näy asiakkaille) ja valitse widgetin tyyppi alasvetovalikosta, klikkaa Ok



  • Liitä widgetiin tuote/tuoteryhmä (vain tuote-, tuotekortti- ja tuoteryhmä-widgetit)
    • Klikkaa Valitse tuote/Valitse tuoteryhmä -painiketta
    • Valitse haluttu tuote tai tuoteryhmä alasvetovalikosta ja klikkaa Ok
    • Voit liittää widgetiin vain yhden tuotteen/tuoteryhmän



  • Aseta halutessasi tuotteen/tuoteryhmän nimi piiloon tai/ja ostoskori pois käytöstä


  • Tallenna

Widgetin tyylitys


  • Jokaiseen widgetiin on mahdollisuus liittää CSS-tyylejä, mikä mahdollistaa widgetien ulkoasun sovittamisen sivustosi ilmeeseen
  • Liitä haluamasi CSS-tyylit Johkussa widgetin CSS-kenttään ja tallenna



Widgetin asettaminen omalle sivustolle


  • Kopioi widgetin tiedoista sekä Upotuskripti että Upotuskoodi talteen
  • Liitä Upotusskripti jokaisen sellaisen sivun HEAD-osioon, joille aiot lisätä Johku-widgettejä
    • Upotusskripti ei ole widget-kohtainen vaan yhteinen kaikille Johkun widgeteille
  • Liitä widgetin Upotuskoodi sivun BODY-osioon siihen kohtaan johon haluat widgetin esille
    • Upotuskoodi on widget-kohtainen, ts. kullakin widgetillä on oma upotuskoodi
    • Huomioi että upotuskoodi on myös kieliversiokohtainen; jos haluat esim. englanninkielisen widgetin, vaihda kieliversio oikeasta yläkulmasta Englanniksi, kopioi widgetin upotuskoodi ko. versiosta ja liitä se sivustollesi
  • Yhdellä sivulla voi olla vain yksi Upotusskripti, joten jos haluat samalle sivulle useita widgettejä, liitä sivulle vain yksi Upotusskripti sekä lisäksi kunkin widgetin oma Upotuskoodi