Svetainės ir el. parduotuvės pritaikymas telefonams
Jei Jūsų svetainė ar el. parduotuvė telefone atrodo kaip sumažinta kompiuterio versija, ją galima pritaikyti mobiliesiems įrenginiams. Pritaikau esamą dizainą, kad telefone tekstas būtų skaitomas, mygtukai paspaudžiami, o pirkėjas galėtų užsakyti be priartinimo. Keičiu tekstą, mygtukus, meniu, prekių puslapius ir krepšelį. Dirbu su OpenCart, taip pat su senomis versijomis, ir su WordPress (WooCommerce).
Pirmiausia peržiūriu svetainę telefone ir raštu nurodau, ką siūlau pakeisti ir kiek tai kainuotų. Tai nemokama.
Kaip atpažinti, kad svetainė netinka telefonui
Atidarykite savo parduotuvę telefonu ir pabandykite nupirkti bet kurią prekę. Svetainė telefonui netinka, jei pastebite bent vieną iš šių dalykų:
- tekstą tenka didinti dviem pirštais, kad jį perskaitytumėte;
- puslapis platesnis už ekraną, todėl jį tenka slinkti į šonus;
- mygtukai ir nuorodos per maži ar per arti vienas kito, todėl paspaudžiate ne tą;
- meniu neatsidaro arba atsidaręs uždengia visą ekraną ir jo nepavyksta uždaryti;
- reklamjuostė ar nuotrauka nukirpta ekrano krašte;
- krepšelio ar užsakymo formos laukai netelpa ekrane, o užsakymo mygtuko nesimato.
Pirkėjas, kuriam telefone sunku užsisakyti, gali uždaryti puslapį. Be to, Google svetainę vertina pagal jos versiją telefonui, todėl prastas pritaikymas telefonams gali pakenkti ir matomumui paieškoje.
Ką pakeičiu: tekstas, mygtukai, meniu, krepšelis
Pritaikau esamą dizainą taip, kad jis prisitaikytų prie ekrano pločio. Keičiu tik išvaizdą: prekės, užsakymai ir puslapių adresai lieka tie patys.
- Tekstas. Padidinu šriftą, kad jį būtų galima skaityti nedidinant, o eilutės neišeitų už ekrano krašto.
- Mygtukai ir nuorodos. Padidinu juos ir atitraukiu vieną nuo kito, kad būtų patogu paspausti pirštu.
- Meniu ir paieška. Ilgą kategorijų sąrašą paslepiu po vienu mygtuku „Meniu“, o paieškos lauką perkeliu į viršų.
- Nuotraukos ir reklamjuostės. Pritaikau, kad tilptų ekrane ir nebūtų nukirptos. Per dideles nuotraukas sumažinu, kad puslapis telefone atsidarytų greičiau.
- Prekės puslapis. Nuotrauka, kaina ir mygtukas „Į krepšelį“ matomi iš karto, be slinkimo į šonus.
- Krepšelis ir užsakymas. Formos laukai telpa ekrane, o telefono numerio lauke atsidaro skaičių klaviatūra.
Kartu tikrinu ir kompiuterio versiją, kad pakeitimai jos nesugadintų.
Senos OpenCart parduotuvės pritaikymas telefono ekranui
Senų OpenCart versijų, pavyzdžiui 1.5, dizaino šablonai (temos) dažnai buvo kuriami tik kompiuterio ekranui. Tokią parduotuvę galima pritaikyti telefonams ir neatnaujinant pačios OpenCart sistemos – taip padariau e.segris.lt. Keičiu temos failus ir stilius, o prekės, užsakymai ir administravimo skydelis lieka kaip buvę.
Po patikros įvertinu, ar Jūsų atveju geriau keisti esamą temą, ar pereiti prie kitos. Jei prireiktų mokamos temos, jos licenciją perkate Jūs, o tai aptariame prieš pradedant darbą.
OpenCart atnaujinimas į naujesnę versiją yra atskiras darbas. Kaip jis vyksta, aprašyta puslapyje OpenCart atnaujinimas.
Pavyzdys: e.segris.lt prieš ir po
e.segris.lt yra medžioklės prekių parduotuvė, veikianti senoje OpenCart 1.5 sistemoje. Senojoje versijoje telefone viršų užėmė didelis logotipas ir pilkos piktogramos be užrašų, paieškos laukas buvo siauras, o reklamjuostės tekstas nukirptas ekrano krašte.
Padariau naują išvaizdą telefonams ir kompiuteriams. Dabar viršuje yra kompaktiška antraštė, paieškos laukas per visą ekrano plotį ir mygtukas „Meniu“, o tekstas ir mygtukai telpa ekrane. Taip pat sutvarkiau SSL (HTTPS) ir pridėjau lietuviškus prekių aprašymus su nuotraukomis ir vaizdo įrašais.
Kompiuterio ir prekės puslapio vaizdus prieš ir po galite palyginti skiltyje Atlikti darbai. Ten rasite ir ilgalaikio kliento siuvimomanija.lt atvejį: tai nuo 2010 m. veikianti OpenCart parduotuvė, kurią atnaujinau (automatinis siuntimo kainos skaičiavimas, mokėjimas kortele, SEO). Šiam klientui dvejus metus prižiūriu 6 svetaines.
Telefonas


Patraukite liniją ir palyginkite.
Kaip tikrinu telefonuose
Pakeitimus tikrinu bandomojoje kopijoje, kol Jūsų parduotuvė veikia kaip įprastai. Tikrinu:
- skirtingo pločio ekranuose: mažame ir dideliame telefone, planšetėje ir kompiuteryje, taip pat telefoną pasukus gulsčiai;
- visą pirkimo kelią: pagrindinį puslapį, kategoriją, paiešką, prekės puslapį, krepšelį ir užsakymo formą;
- ar puslapis neplatesnis už ekraną ir ar niekas nenukirpta;
- ar tekstą galima perskaityti nedidinant, o mygtukus patogu paspausti pirštu;
- kaip greitai puslapiai atsidaro telefone.
Jei kuri nors vieta atrodo netinkamai, ištaisau ją prieš perkeldamas pakeitimus į veikiančią parduotuvę.
Kaip dirbu saugiai
- Peržiūriu svetainę telefone ir raštu nurodau, ką siūlau pakeisti ir kiek tai kainuotų. Tai nemokama.
- Padarau visos svetainės ir duomenų bazės atsarginę kopiją.
- Pakeitimus atlieku ir išbandau bandomojoje kopijoje. Jūsų parduotuvė tuo metu veikia.
- Patikrinęs perkeliu pakeitimus į veikiančią parduotuvę.
Kaina sutariama prieš pradedant, mokama dalimis. Galime išrašyti PVM sąskaitą faktūrą. Išsamiau – skiltyje Kaip dirbu.
Dažniausi klausimai
Kaip pritaikyti seną svetainę mobiliems įrenginiams?
Pritaikau esamą dizaino šabloną (temą) ir stilius: tekstą, mygtukus, meniu, prekių puslapius ir krepšelį. Prekės, užsakymai ir puslapių adresai lieka tie patys. Pirmiausia nemokamai peržiūriu svetainę ir raštu nurodau, ką siūlau pakeisti ir kiek tai kainuotų. Pakeitimus išbandau bandomojoje kopijoje, todėl Jūsų svetainė tuo metu veikia.
Ar reikia kurti naują svetainę, kad ji tiktų telefonui?
Ne visada. Tai priklauso nuo sistemos ir dizaino, todėl tai įvertinu po patikros. Pritaikant esamą svetainę, turinys, prekės ir puslapių adresai lieka tie patys.
Kuo skiriasi mobilioji svetainės versija ir pritaikytas dizainas?
Mobilioji versija yra atskira svetainė telefonams, dažnai kitu adresu, prasidedančiu „m.“, ir ją tenka prižiūrėti atskirai. Pritaikytas (prisitaikantis) dizainas yra ta pati svetainė, kuri persitvarko pagal ekrano plotį telefone, planšetėje ir kompiuteryje. Aš pritaikau dizainą, nes tada lieka vienas adresas ir vienas turinys. Tokį būdą rekomenduoja ir Google.
Ar galima pritaikyti OpenCart temą telefonams?
Taip, ir senose versijose. Kiek ir ką galima pakeisti, priklauso nuo konkrečios temos. Senoje OpenCart 1.5 parduotuvėje e.segris.lt padariau naują išvaizdą telefonams ir kompiuteriams. Po patikros įvertinu, ar geriau keisti esamą temą, ar pereiti prie kitos. Jei prireiktų mokamos temos, jos licenciją perkate Jūs.
Kaip patikrinti, ar mano svetainė tinka telefonui?
Atidarykite svetainę telefonu ir pabandykite rasti prekę, įdėti ją į krepšelį ir pasiekti užsakymo formą. Jei tekstą tenka didinti, puslapį tenka slinkti į šonus ar mygtuką spausti kelis kartus, svetainė telefonui netinka. Puslapio greitį telefone galite pasitikrinti nemokamu Google įrankiu PageSpeed Insights. Taip pat galite paprašyti nemokamos patikros.
Nemokama patikra
Atsiųskite svetainės adresą. Peržiūrėsiu ją telefone ir raštu nurodysiu, ką siūlau pakeisti ir kiek tai kainuotų. Tai nemokama.
Prašyti nemokamos patikros