Gidas5 min. skaitymo

Kaip pridėti nemokamo pristatymo progreso juostą į „Shopify“ be programavimo

Nemokamo pristatymo progreso juosta kiekvienam pirkėjui parodo, kiek jam trūksta iki nemokamo pristatymo, ir atsinaujina dedant prekes į krepšelį. Štai kaip ją įdiegti tikroje „Shopify“ parduotuvėje, žingsnis po žingsnio, su ekrano nuotraukomis.

„Shopify“ prekės puslapis su nemokamo pristatymo progreso juosta viršuje: Add $32 more for FREE shipping, juosta užpildyta maždaug iki pusės
Ką kuriame: juostą, kuri tiksliai parodo, kiek dar trūksta iki nemokamo pristatymo.

Nemokamas pristatymas nuo tam tikros sumos didina užsakymus tik tada, kai pirkėjai apie jį žino. Progreso juosta tai daro kiekviename puslapyje: parodo tikslą dar prieš įdedant prekę, skaičiuoja trūkstamą sumą ir patvirtina, kai nemokamas pristatymas pasiektas.

Šiame gide tokią juostą įdiegsime „Shopify“ parduotuvėje nuo pradžios iki galo, naudodami „Seny“ įrankį „Free Shipping Upsell Booster“. Jokio temos kodo ir jokių kodo fragmentų. Visos ekrano nuotraukos yra iš tikros bandomosios parduotuvės.

Ką rodo nemokamo pristatymo progreso juosta

Gera juosta turi tris pranešimus, po vieną kiekvienam krepšelio etapui:

  • Tuščias krepšelis: pats tikslas, pavyzdžiui, „Spend $70 to get FREE shipping“.
  • Pakeliui: dar trūkstama suma, pavyzdžiui, „Add $32 more for FREE shipping!“.
  • Pasiekta: patvirtinimas, pavyzdžiui, „You’ve unlocked FREE shipping!“.

„Shopify“ gali padaryti pristatymą nemokamą nuo tam tikros sumos, bet neparodo pirkėjui, kiek jam trūksta. Šią spragą ir užpildo juosta.

Prieš pradedant: pasirinkite ribą

Pirmiausia nuspręskite sumą. Gera pradžia yra šiek tiek daugiau nei jūsų vidutinė užsakymo vertė, kad ją būtų galima pasiekti įsidėjus dar vieną prekę. Jei sumos dar neturite, padės mūsų gidas kaip nustatyti nemokamo pristatymo ribą „Shopify“.

Mūsų bandomojoje parduotuvėje nemokamas standartinis pristatymas nuo 70 $ jau nustatytas skiltyje Settings → Shipping and delivery, todėl ir juosta šiame gide naudoja 70 $. Pirkėjas visur mato tą pačią sumą.

1 žingsnis: atidarykite nemokamo pristatymo įrankį „Seny“

Įdiekite „Seny“ iš „Shopify App Store“, atidarykite programėlę ir eikite į Apps library. Skiltyje „Grow revenue and order value“ spustelėkite Free Shipping Upsell Booster.

„Seny“ įrankių biblioteka „Shopify“ administravime su „Free Shipping Upsell Booster“ tarp užsakymo vertę didinančių įrankių
Įrankių biblioteka. Atidarytas įrankis pridedamas kaip juodraštis: parduotuvėje niekas nepasikeičia, kol jo nepaskelbiate.

Įrankis atsidaro kūrimo lange. Kairėje rodomi nustatymai, dešinėje rodoma gyva jūsų parduotuvės peržiūra su jūsų tema ir prekėmis.

2 žingsnis: nustatykite nemokamo pristatymo ribą

Spustelėkite Free Shipping ir laukelyje Threshold įveskite sumą parduotuvės valiuta. Peržiūra atsinaujina iškart: juostoje matyti „Spend $70 to get FREE shipping“.

„Seny“ nemokamo pristatymo nustatymai, Threshold nustatytas 70, o parduotuvės peržiūroje matyti Spend $70 to get FREE shipping
Riba nustatyta 70. Dešinėje matomas tikras parduotuvės pagrindinis puslapis.

Tame pačiame skydelyje yra nustatymai, kurie lemia, kas gauna nemokamą pristatymą apmokant:

  • Target specific countries: pasiūlymas galioja tik pasirinktoms šalims. Kitų šalių pirkėjai juostos nemato, todėl niekam nežadamas nemokamas pristatymas, kurio jis negaus.
  • Also give free shipping to B2B customers: pagal nutylėjimą išjungta, todėl įmonių pirkėjai ir juodraštiniai užsakymai moka už pristatymą kaip įprasta.
  • Exclude shipping rates over a certain amount: neleidžia pasiūlymui taikytis greitajam ar kitiems brangiems pristatymo būdams.
  • Checkout label: nuolaidos pavadinimas, kurį pirkėjas mato apmokėdamas, pagal nutylėjimą „Free shipping“.
  • Add a free-gift step: nebūtinas antras tikslas, pavyzdžiui, dovana pasiekus didesnę sumą.

3 žingsnis: įjunkite progreso juostą ir pakoreguokite pranešimus

Grįžkite atgal ir įjunkite Progress bar. Po pranešimu atsiranda juosta, kuri pildosi nuo „Start“ iki „Free shipping“, augant krepšelio sumai.

„Seny“ kūrimo langas su įjungta Progress bar dalimi ir progreso juosta po nemokamo pristatymo pranešimu peržiūroje
Įjungus Progress bar, pirkėjas mato ne tik pranešimą, bet ir kiek jau nuėjo.

Skiltyje Messages galite perrašyti visus tris pranešimus: Empty cart message, In-progress message ir Unlocked message. {threshold} reiškia tikslą, {amount} reiškia trūkstamą sumą, o juosta kiekvienam pirkėjui įrašo tikrus skaičius. Ten pat keičiamos spalvos, dydis, šriftas ir sumos spalva.

4 žingsnis: pasirinkite, kur rodyti juostą

Skiltyje Placement pagal nutylėjimą pasirinkta Every page ir Top bar: juosta rodoma virš temos antraštės. Taip tikslas matomas dar prieš pirkėjui pasiekiant krepšelį. Juostą galite rodyti tik tam tikruose puslapiuose ar prie tam tikrų prekių arba kitoje vietoje, pavyzdžiui, po mygtuku „Add to cart“.

Prieš skelbdami patikrinkite mobiliąją versiją: peržiūros viršuje dešinėje yra įrenginio jungiklis:

„Seny“ mobiliojo telefono peržiūra: nemokamo pristatymo pranešimas ir progreso juosta virš antraštės
Ta pati juosta telefono dydžio peržiūroje.

5 žingsnis: paskelbkite

Spustelėkite Publish. Prieš paskelbiant „Seny“ parodo trumpą patikros sąrašą:

„Seny“ patikros sąrašas Ready to publish: dizainas išsaugotas, failai paruošti, reikalingas temos app embed
Patikros sąrašas prieš paskelbiant. Kad bet kuris „Seny“ įrankis būtų matomas, temoje turi būti įjungtas „Seny“ app embed.

Paskelbus įvyksta du dalykai. Juosta atsiranda parduotuvėje, o „Seny“ sukuria automatinę nemokamo pristatymo nuolaidą „Shopify“ su jūsų riba kaip minimalia suma. Ją rasite skiltyje Discounts, pavadintą taip, kaip nurodėte Checkout label. Kadangi nuolaida automatinė, pirkėjams nereikia kodo, ir ji taikoma ir greitajam apmokėjimui bei „Buy it now“.

Jei „Seny“ sąrankos gidas rodo, kad app embed dar neįjungtas, spustelėkite Enable in Theme Editor ir išsaugokite temą. Tai vienkartinis veiksmas kiekvienai temai.

6 žingsnis: išbandykite kaip pirkėjas

Atidarykite parduotuvę privačiame lange ir pereikite ją kaip klientas. Kai krepšelis tuščias, juosta rodo tikslą:

„Shopify“ prekės „Cloud Serum“ puslapis su juosta Spend $70 to get FREE shipping ir tuščia progreso juosta
Tuščias krepšelis: tikslas matomas jau pirmame puslapyje.

Įsidėkite 38 $ prekę. Juosta iškart, neperkraunant puslapio, pasikeičia į „Add $32 more for FREE shipping!“ ir užsipildo maždaug iki pusės. Įsidėkite 42 $ prekę, ir krepšelio suma pasiekia 80 $:

„Shopify“ krepšelis su dviem prekėmis už 80 $ ir juosta You’ve unlocked FREE shipping! su pilna progreso juosta
Tikslas pasiektas: krepšelyje 80 $, nemokamas pristatymas atrakintas.

Galiausiai pradėkite apmokėjimą. Nemokamo pristatymo nuolaida turėtų sumažinti pristatymo kainą iki 0 $ jūsų leistiems būdams ir šalims.

Įrankis jūsų pirkėjų kalba

„Seny“ įrankiai veikia keliomis kalbomis. Jei pagrindinė jūsų parduotuvės kalba yra lietuvių, paruoštas įrankis atsidaro jau su lietuviškais tekstais. Juos parengėme ir peržiūrėjome patys, todėl tai nemokama ir iškart.

Jei parduodate ir kitomis kalbomis, pavyzdžiui, anglų, latvių ar rusų, jos rodomos dizaino skydelio viršuje, sąraše Language. Pasirinkite kalbą ir spustelėkite Translate N missing: trūkstami tekstai išverčiami dirbtiniu intelektu. Peržiūrėkite vertimą ir išsaugokite.

„Seny“ dizaino skydelis su pasirinkta kalba Lithuanian ir pranešimu All text is translated, peržiūroje BOGO pasiūlymai lietuviškai: Pirkite daugiau ir gaukite nemokamai, Pirkite 1, gaukite 1 nemokamai
Pasirinkta lietuvių kalba ir išversti 28 tekstai. Peržiūra iškart rodo, ką matys pirkėjas.
  • Pirkėjas mato savo kalbą. Įrankis rodo tą kalbą, kuria tuo metu rodoma parduotuvė. Nieko papildomai nustatinėti nereikia.
  • Verčiami tik tekstai. Spalvos, vieta ir prekės galioja visoms kalboms, o pasirinkus kitą kalbą redaguojate tik užrašus.
  • Neišverstas tekstas nedingsta. Jei kurio nors lauko neišversite, rodomas pagrindinės kalbos tekstas, o ne tuščia vieta.
  • Kalbos nėra sąraše? Pasirinkite Add a language…. Kad pirkėjai ją matytų, kalba turi būti įjungta ir „Shopify“ nustatymuose (Settings → Languages).

Dažnos klaidos

  • Dvi skirtingos sumos. Jei „Shopify“ pristatymo nustatymuose nemokamas pristatymas jau galioja nuo tam tikros sumos, juostoje naudokite tą pačią. Juosta su 70 $ šalia tarifo, kuris įsijungia nuo 50 $, klaidina pirkėjus.
  • Pažadai, kurių negalite ištesėti. Jei nemokamai siunčiate tik į kai kurias šalis, įjunkite Target specific countries, kad kitų šalių pirkėjai pasiūlymo nematytų.
  • Pamirštas app embed. Jei juosta matoma peržiūroje, bet ne parduotuvėje, paskelbtoje temoje išjungtas „Seny“ app embed.
  • Nepasiekiama riba. Jei iki tikslo reikia dar trijų prekių, juosta tampa fonu. Tikslas yra viena reali papildoma prekė.
Free Shipping Upsell BoosterŠiame gide naudota nemokamo pristatymo progreso juosta: riba, pranešimai, progreso juosta ir automatinė nuolaida apmokant viename įrankyje.Peržiūrėti įrankį
DAŽNI KLAUSIMAI

Dažniausiai užduodami klausimai

Trumpi atsakymai į klausimus, kuriuos pardavėjai šia tema užduoda dažniausiai.

Ar reikia keisti temos kodą, kad pridėčiau nemokamo pristatymo juostą?

Ne. „Seny“ prideda juostą per „Shopify“ app embed, todėl temos failai lieka nepakeisti. Ribą ir pranešimus nustatote kūrimo lange, patikrinate peržiūrą ir paskelbiate.

Ar pirkėjai tikrai gaus nemokamą pristatymą apmokėdami?

Taip. Paskelbus „Seny“ sukuria automatinę nemokamo pristatymo nuolaidą „Shopify“ su jūsų riba kaip minimalia suma. Kodo nereikia, o nuolaidą matysite „Shopify“ administravimo skiltyje Discounts.

Ar galima juostą rodyti tik tam tikrų šalių pirkėjams?

Taip. Įjunkite Target specific countries ir pasirinkite šalis. Nemokamas pristatymas apmokant taikomas tik toms šalims, o kitų šalių pirkėjai juostos nemato.

Ar juosta atsinaujina, kai pirkėjai įsideda prekių?

Taip. Juosta skaito krepšelį ir, vos įdėjus ar išėmus prekę, atnaujina trūkstamą sumą ir progresą neperkraunant puslapio.

Ar nemokamo pristatymo juosta nemokama?

„Seny“ turi nemokamą planą, o kiekvienas planas apima visą įrankių biblioteką, įskaitant nemokamo pristatymo juostą.

Ar įrankis gali būti lietuvių ir kitomis kalbomis?

Taip. Lietuviškoje parduotuvėje įrankis atsidaro jau lietuviškai, o kitas parduotuvės kalbas išversite dizaino skydelyje mygtuku Translate missing. Kiekvienas pirkėjas mato tą kalbą, kuria jam rodoma parduotuvė.

PRADĖKITE, KAI BŪSITE PASIRUOŠĘ

Pritaikykite šį gidą savo parduotuvėje.

Pradėkite nemokamai ir visus šio gido įrankius valdykite vienoje vietoje.

Pradėkite nemokamai