Siirry sisältöön

Näin luot widgetin

Widgetit luodaan Johkun hallinnassa Widgetit-sivulla. Valitset widgetin tyypin, kytket siihen tuotteen tai tuoteryhmän ja saat tallennettaessa automaattisesti upotuskoodin, jolla widget asennetaan sivustollesi.

Ennen aloittamista

Widgeteissä näytetään vain julkiset tuotteet, eli tuotteella pitää olla Näytä kauppapaikassa -valinta Johkun myyntikanavat -välilehdellä. Tuoteryhmä-widgetissä tuoteryhmän pitää lisäksi olla joko julkinen tai sille pitää sallia näyttäminen widgeteissä, katso kohta Tuoteryhmä-widgetin valinnat. Widget-tyyppien erot on kuvattu kohdassa Johkun widgetit ja widget-tyypit.

Näin luot widgetin

  1. Avaa Asetukset → Kauppapaikka → Widgetit.
  2. Napsauta Uusi widgetti.
  3. Anna widgetille nimi. Nimi on vain omaan käyttöösi eikä näy asiakkaille.
  4. Valitse widgetin tyyppi alasvetovalikosta ja napsauta OK. Tuote- ja Tuotekortti-tyypin voit vaihtaa keskenään myös jälkikäteen.
  5. Kytke widgettiin sisältö: napsauta Valitse tuote tai Valitse tuoteryhmä, valitse haluttu alasvetovalikosta ja napsauta OK. Yhteen widgettiin voi kytkeä vain yhden tuotteen tai tuoteryhmän. Haku- ja Kori-widgettiin ei kytketä tuotetta.
  6. Valitse halutessasi lisäasetuksia Ominaisuudet-kohdasta. Asetukset vaihtelevat tyypeittäin, katso alta.
  7. Tallenna. Widgetin upotuskoodi syntyy automaattisesti tallennuksen yhteydessä.

Tarkista widget esikatselusta

Widgetin asetusten alareunaan päivittyy tallennettaessa Upotteen esikatselu, josta näet miltä widget näyttää ja mitä siinä tuodaan esille. Esikatselu huomioi widgetille asetetut CSS-tyylit, mutta ei sivustosi omia tyylejä. Tuotteeseen tehdyt muutokset päivittyvät widgettiin ja esikatseluun automaattisesti.

Tuote- ja Tuotekortti-widgetin valinnat

Poista ostoskori käytöstä ohjaa asiakkaan suoraan tilaussivulle tuotteen valinnan jälkeen, jolloin tilaukseen ei voi lisätä muita tuotteita. Piilota tuotteen nimi piilottaa nimen widgetistä, ja se on käytössä vain Tuote-tyypissä. CSS-kenttään voit syöttää oman tyylin, katso Näin muokkaat widgetin ulkoasua CSS:llä. Lisäasetuksissa voit myös rajata upotuskoodin toimimaan vain listaamillasi osoitteilla.

Tuoteryhmä-widgetin valinnat

Tuoteryhmä-widgetissä ovat käytettävissä Poista ostoskori käytöstä ja Piilota tuoteryhmän nimi. Lisäksi tuoteryhmän omat asetukset vaikuttavat widgettiin:

Näkyvyys: valitse tuoteryhmälle joko Näytä kauppapaikassa tai Johkun myyntikanavat -välilehden asetus Salli näyttäminen widgeteissä, jolloin tuoteryhmän voi näyttää widgetissä julkaisematta sitä kauppapaikalle. Tuoteryhmän tuotteilla pitää silti olla Näytä kauppapaikassa -valinta. Jos jokin näistä puuttuu, Widgetit-sivulla näkyy widgetin kohdalla huutomerkki, ja sieltä pääset julkaisemaan tuotteet tai muuttamaan tuoteryhmän asetuksen.

Näkymä: tuoteryhmän Tuotteet-välilehden näkymävalinta määrää myös widgetin esitystavan. Normaali listaa tuotteet tuotekortteina, Näytösajat tuo esille tapahtumien näytösajat päivämäärittäin, Vapaiden kohteiden haku ja Vapaasanahaku tuovat hakutoiminnon tuotelistauksen edelle.

Haku-widgetin valinnat

Haku-widget edellyttää, että hakutoiminnot on otettu kaupassa käyttöön ja tuotteet on asetettu esille saatavuushakuun, katso Näin otat haun käyttöön kauppapaikalla. Ominaisuudet-kohdassa ovat valittavissa:

  1. Piilota otsikko: widgettiin asetettu otsikko piilotetaan.
  2. Piilota vapaasanahaku: widgetissä ei voi hakea vapaasanalla vaan ainoastaan ajankohdalla.
  3. Poista ostoskori käytöstä: hakutuloksista napsautettu tuote avautuu suoraan tilaussivulle.
  4. Näytä tagit: myyntikanavan tagit näytetään hakua rajaavina valintoina.
  5. Näytä suositellut tulokset: haun asetuksissa määritellyn suositellun tuoteryhmän tuotteet näytetään widgetissä jo ennen hakuvalintojen tekemistä.
  6. Hae kauppapaikalla: hakutulokset tuodaan esille Johkun kauppapaikalla widgetin sijaan.
  7. Avaa hakutulokset uuteen ikkunaan: tulokset avataan uuteen selainvälilehteen kauppapaikalle. Käytettävissä vain yhdessä Hae kauppapaikalla -asetuksen kanssa.

Nyt näet

Tallennuksen jälkeen widgetin asetuksissa näkyvät widgetin oma upotuskoodi ja Upotteen esikatselu. Seuraava vaihe on toimittaa upotuskoodi ja Johkun yleinen upotusskripti sivustosi ylläpitäjälle, katso Näin asetat widgetin sivustollesi.

Jos esikatselussa ei näy mitään

Esikatselu on tyhjä. Widgettiin ei ole valittu tuotetta tai tuoteryhmää, tai valitulta sisällöltä puuttuu julkisuus. Tarkista tuotteen Näytä kauppapaikassa -valinta ja tuoteryhmän näkyvyysasetus. Muut vianetsintätilanteet on koottu kohtaan Widget ei näy sivustolla.