Voit upottaa Consignor-palautuslomakkeen sivustollesi käyttämällä Online Returns Service -palveluamme. Tällöin asiakkaidesi on helppo tulostaa palautustarra sivustoltasi, jos he haluavat palauttaa tuotteita.
Noudata tämän artikkelin ohjeita, kun haluat luoda ja määrittää koodin Consignor-palautuslomakkeen upottamiseksi sivustolle:
- Online Returns Service -palvelun esittely
- Komentosarjan luominen sivustolle
- Palautuslomakkeen kielen vaihtaminen
- Kehittäjille: tietoja JQuery-kirjastosta ja CSS-muotoilusta
Consignorin Online Returns Service -palvelun esittely
Katso video, jossa esitellään lyhyesti Online Returns Service -palvelu ja kerrotaan, miten asiakkaat voivat tulostaa palautustarroja sivustoltasi.
Komentosarjan luominen sivustolle
Mene osoitteeseen returns.consignor.com, kun haluat luoda koodin palautuslomakkeellesi. Tämä edellyttää, että sinulla on Shipment Serverin API-avain ja käyttäjätunnus valmiina. Voit pyytää näitä Consignorin asiakaspalvelusta. (Huomaa, että palautuslomake ei toimi yhdessä Cloud Printin kanssa.)
- Täytä kentät API key ja Actor ID ja valitse NEXT STEP. (Jos luot lomaketta testausympäristöön, käytä Shipment Server QA -palvelimen API-avainta ja käyttäjätunnusta. Älä käytä testikäyttäjätunnuksia sivustollasi, tai palautustarroista tulee virheellisiä.)
- Näet nyt luettelon kaikista antamasi käyttäjätunnuksen käytettävissä olevista tuotteista. Valitse yksi tai useampi tuote asiakkaiden käytettäväksi tuotteiden palauttamisen yhteydessä. Valitse tarvittaessa palvelut ja tavaratyypit ja napsauta lopuksi kohtaa NEXT STEP. (Huomaa, että viitekenttiä ei tällä hetkellä tueta, joten pakollisia viitekenttiä sisältäviä palautustuotteita ei voida käyttää palautuslomakkeessa.)
- Täytä yhteystietosi ja napsauta kohtaa NEXT STEP.
- Anna verkkotunnus, johon lomake on tarkoitus lisätä. Tämän on oltava tarkka aliverkkotunnukset sisältävä verkkotunnus. Jos lomake upotetaan verkkotunnukseen shop.mydomain.com, anna koko verkkotunnuksen osoite, älä pelkkää mydomain.com-osaa.
- Anna palautuspaketin lähettämistä koskevat tiedot, jos haluat niiden näkyvän palautuslomakkeessa.
- Valitse valintaruutu Include a "Reason for return" field on the form, jos haluat, että lomakkeeseen lisätään kenttä, johon asiakas voi kirjoittaa palautuksen syyn. Jos valitset valintaruudun Receive email notifications for each return label, saat sähköposti-ilmoituksen jokaisesta luodusta tarrasta. Sähköposti-ilmoitus on kopio asiakkaalle lähetettävästä sähköpostista. Se lähetetään yhteystiedoissa antamaasi osoitteeseen (vaihe 3). Sähköposti sisältää palautuksen syyn, jos tämä kenttä on otettu käyttöön lomakkeessa, ja luodun tarran PDF-liitteenä. Jatka valitsemalla NEXT STEP.
- Komentosarja luodaan seuraavaksi. Tässä voi kestää hetken aikaa. Kopioi ja liitä komentosarja sivustollesi. Tämä voi kuulua sivustovastaavan tai ‑kehittäjän tehtäviin. Sinun on voitava muokata sivun lähdekoodia, jotta voit upottaa lomakkeen. Sivun palvelinpuolen kielellä (esim. PHP, .NET, Ruby, vain HTML tai muu) ei ole merkitystä, sillä lomakkeen komentosarja on JavaScript-muodossa ja toimii kaikentyyppisillä sivuilla (koska lomake luodaan asiakaspuolella).
Palautuslomakkeen kielen vaihtaminen
Lomake on saatavilla tällä hetkellä seuraavilla kielillä:
- englanti (ENG)
- tanska (DAN)
- norja (NOR)
- ruotsi (SWE)
- suomi (FIN)
- saksa (DEU)
Kun haluat vaihtaa kielen, etsi sivustolle juuri kopioimastasi komentosarjasta seuraava rivi:
<script src='http://returns.consignor.com/returnforms/script/ENG' type='text/javascript'></script>
Huomaa kohta ENG src-määritteessä. Vaihda sen tilalle kolmikirjaiminen koodi (esim. FIN) yllä olevasta luettelosta. Jos annat virheellisen koodin, oletuskieleksi vaihtuu englanti.
Kehittäjille: tietoja JQuery-kirjastosta ja CSS-muotoilusta
Lomakkeen komentosarja käyttää JavaScriptin JQuery-kirjastoa. Tämä kirjasto on hyvin yleisesti käytetty, joten yleensä jQuery on jo ladattu sivustollesi.
Lomakkeen komentosarja tarkistaa, onko jQuery käytettävissä. Mikäli sitä ei löydy, se ladataan.
Lisäksi lomakkeen komentosarja käyttää jQuery.noConflict()-metodia jQueryn poistamiseen ”$”-muuttujasta. Näin ollen jQuery-toiminnot aktivoidaan kutsumalla lähdekoodissa muuttujaa ”jQuery”, ei ”$”. Tämä tarkoittaa, että lomakkeen pitäisi toimia myös toisten kirjastojen rinnalla, jotka käyttävät arvoa ”$” ylätason muuttujana (esimerkiksi Prototype tai MooTools).
Haluat ehkä muuttaa palautuslomakkeen ulkoasua, esimerkiksi leveyttä, fonttia tai taustavärejä. Tämä voidaan tehdä lisäämällä CSS-sääntöjä sivulle sen jälkeen, kun oletustyylit on ladattu. Voit ohittaa CSS-oletussäännöt tai lisätä omia sääntöjäsi. Etsi komentosarjasta kohta:
<style type='text/css'>
/* Insert custom CSS here to change the form styles */
</style>
Jos haluat tarkastella CSS-oletussääntöjä, löydät tyylisivun täältä: http://returns.consignor.com/css/returnform.css.
Voit myös tarkastaa lomakkeen käyttämällä Google Chromen tarkastustyökalua, jolloin näet kunkin elementin oletustyylit.