Ennen aloittamista
Widgetin pitää olla luotuna Johkussa, katso Näin luot widgetin. Sivuston pitää tukea skriptien lisäämistä HEAD- ja BODY-osioihin. Joissakin julkaisujärjestelmissä tämä voi olla maksullinen lisäominaisuus.
Näin asennat widgetin
- Avaa widget Asetukset → Kauppapaikka → Widgetit -sivulta ja kopioi talteen sen upotuskoodi sekä yleinen upotusskripti. Upotusskripti on kaikille widgeteille ja kaikille Johku-kauppiaille sama.
- Toimita molemmat koodit sivustosi ylläpitäjälle.
- Pyydä ylläpitäjää asettamaan upotusskripti sivun HEAD-osioon. Skripti asetetaan vain kerran, vaikka sivulla olisi useita widgettejä.
- Pyydä ylläpitäjää asettamaan widgetin upotuskoodi sivun BODY-osioon siihen kohtaan, jossa haluat widgetin näkyvän. Samalle sivulle voi asettaa useamman widgetin upotuskoodin.
- Jos mahdollista, asenna widget ensin testisivulle, jotta voit tarkistaa sen tiedot ja tyylit rauhassa.
Kieliversiokohtaiset upotuskoodit
Jos sivustollasi on kieliversioita, jokaiselle kielelle kopioidaan oma upotuskoodi:
- Vaihda Johkun hallinnan yläosan kielivalitsimesta haluttu, kaupassasi käytössä oleva kieli.
- Avaa widget ja kopioi sen upotuskoodi. Tunnistat kieliversion koodissa olevasta locale-tiedosta: fi_FI on suomi, en_US englanti ja niin edelleen.
- Toimita upotusskripti ja kaikki kieliversiokohtaiset upotuskoodit sivuston ylläpitäjälle. Huomaa, että myös Kori-widgetin upotuskoodi on kieliversiokohtainen.
Kieliversiokohtainen upotuskoodi näyttää tuotteen kyseisen kieliversion tiedoilla. Muista kieliversioida tuotteen nimi ja kuvaustekstit Johkussa, jotta ne näkyvät widgetissä oikein, katso Mitä kaikkea Johkussa kieliversioidaan. Kieliversiot otetaan käyttöön Asetukset → Perusasetukset → Kielet -sivulla.
Wix-sivustot
Wixissä upotuskoodit latautuvat kiinteisiin alueisiin, joilla on oma HTML-sivunsa, joten upotusskripti ei toimi koko sivuston HEAD-sisältöön asetettuna. Lisää upotusskripti sen sijaan samaan Embed HTML -koodialueeseen kuin widgetin upotuskoodikin.
Iframe-upotukset ja vanhat upotteet
Johkun kauppapaikkaa ei voi upottaa toiselle sivustolle iframe-kehykseen, sillä kehyksessä maksunvälittäjälle siirtyminen ei toimi. Käytä widgettejä tai avaa kauppapaikka omalla sivustollasi olevasta linkistä uuteen välilehteen.
Johkun vanhat upotteet, joiden koodi alkaa https://johku.com/embed/?shopId=, ovat poistumassa käytöstä eivätkä tue Johkun uusimpia ominaisuuksia. Korvaa ne widgeteillä: poista vanhat upotuskoodit sivuilta ja asenna tilalle upotusskripti ja widgettien upotuskoodit tämän ohjeen mukaan.
Tilaussivu ulkoiselle sivustolle
Kun myyt vain widgeteillä omalla sivustollasi, voit ohjata asiakkaan Johkun tilaussivulta takaisin sivustollesi kauppapaikan tyypillä Tilaussivu ulkoiselle sivustolle. Asetus piilottaa Johkun kauppapaikalta valikon ja alaosan tuoteryhmät, ja yläreunan logon napsautus vie määrittelemällesi ulkoiselle sivustolle. Samaa asetusta käytetään, kun Haku-widgetin tulokset halutaan näyttää kauppapaikalla ilman valikoita.
- Avaa kauppapaikan asetukset ja etsi valitsin Kauppapaikan tyyppi.
- Valitse Kauppapaikan tyyppi -valitsimesta Tilaussivu ulkoiselle sivustolle.
- Syötä ulkoisen sivuston osoite https://-alkuineen sille varattuun kenttään.
- Tallenna ja testaa toiminta esimerkiksi tuotteen esikatselussa.
Nyt näet
Widget näkyy sivustollasi siinä kohdassa, johon upotuskoodi asetettiin, ja tuotteen tiedot päivittyvät siihen Johkusta reaaliajassa. Asiakkaan osto etenee widgetistä Johkun tilaussivulle.
Jos widget ei näy sivustolla
Yleisimmät syyt ovat HEAD-osiosta puuttuva upotusskripti, sisällön puuttuva julkisuus ja Wixin skriptirajoitus. Vianetsintä on koottu kohtaan Widget ei näy sivustolla.