Kodulehe/e-poe tegemine Avada kujundusega

Kodulehe/e-poe tegemine WordPress 6'ga

Kodulehe või e-poe tegemine
WordPress 6’ga

Käesolev õpik on kolmas täiendatud versioon. Kodulehe kujunduseks valisin siiski oma lemmikkujunduse Avada. Kui keskendud vaid e-poele, siis võid valida endale mõne teise sobiva kodulehe põhja – jäta siis lihtsalt Avada peatükid vahele.

Õpik keskendub e-poe loomisele ja tasuta pluginate tutvustamisele, mis aitavad e-poele lisada lisafunktsionaalsust. Käime läbi kogu e-poe loomise protsessi – toodetest kuni arveni. Kindlasti ei ole vaja su e-poodi lisada kõiki neid pluginaid, vali vaid endale vajalik.

E-kursusel on 2 suurt peatükki – kodulehe loomine ja e-poe loomine. E-kursus täieneb iga kuu vastavalt kasutajate soovidele.

WordPressi e-õpik

WordPressi e-õpikut saad alla laadida 2 korda ja alla laadimise link on aktiivne
14 päeva.

WordPressi õpik on loodud eelkõige just algajale. Selle õpiku abil saad hakkama isegi siis, kui sa pole kunagi pidanud ühtegi veebilehte looma või haldama.

Lisaks kodulehe tegemisele WordPressiga, saad luua omale toimiva e-poe. Juhendmaterjal sobib nii alustavale ettevõtjale kui õppematerjaliks noortele veebimeistritele.

  • E-õpik on PDF formaadis. Võid endale soovi korral e-õpiku välja printida. Jagamine, paljundamine, kopeerimine, levitamine ei ole lubatud. E-õpik on mõeldud isiklikuks kasutamiseks.

Usun, et saad sellest õpikust palju abi.

WordPressi õpiku sisukord

Käesolev õpik on tehniline abimaterjal nii kodulehe koostajale kui haldajale. Raamatu maht on 229 lehekülge – seega paras ports eesti keelset juhendmaterjali, mis aitab nii kodulehte luua kui ka hallata.

1. Kodulehe/e-poe loomine kujundusega Avada

Avada on tasuline WordPressi kujundus, mida on ostetud umbes 850 000
korda. See tähendab, et kui kujundus ei uuene piisavalt kiiresti, on ülipalju
kasutajaid, kes tõstavad lärmi ja nõuavad kujunduse uuendamist.

1.1 Avada kujunduse installimine
1.2 Kuidas valida meelepärane Avada kujundus?
1.3 Sisu lisamine ja kujundamine tekstiredaktoriga Avada Builder
1.4 Avada demo lisamine
1.5 Demol sisulehe muutmine
1.6 Lehe loomine ja menüüsse lisamine
1.7 Menüü seadistamine
1.8 Moodulite seadistamine ja küljealad
1.9 Avada kujunduse seadistamine

2. Andmekaitsetingimused, küpsiste kasutamine ja müügitingimused

Isikuandmed on kõik andmed, mis võimaldavad inimest tuvastada, nt nimi,
isikukood, e-posti aadress jts. Andmetöötluses kehtib alati kindel põhimõte – kogu andmetöötlus peab olema inimesele läbipaistev. Mida siis teha, et koduleht vastaks isikuandmete kaitse üldmäärusele?
2.1 Andmekaitsetingimused – teavitus ja vormid
2.2 Müügitingimused

3. E-poe loomine pluginaga „WooCommerce”

WooCommerce” on WordPressi tasuta e-poe plugin, mis on seni saadaolevatest
üks parimaid. Käime läbi kõik vajalikud sammud installeerimisest kuni arveteni.

3.1 E-poe plugina „WooCommerce” lisamine ja seadistamine
3.2 Toodete lisamine
3.3 Kupongide lisamine
3.4 Tarneviiside lisamine
3.5 Ostuprotsessi seadistamine – üleliigsete väljade eemaldamine
3.6 PDF-arve loomine
3.7 Tellimused
3.8 Kliendi tellimuste töölaua muutmine
3.9 E-poe tänan-lehe muutmine
3.10 Tellimuste e-kirjade seadistamine

4. Avada mallid

Kuna Avada võimaldab ka ise luua sisulehe malle, siis patt oleks sellest mitte
kirjutada. Kõigepealt on väga tore see, et saad salvestada elemente, veergusid,
konteinereid ja kogu sisulehte kui malli, aga mitte ainult – saad luua ka oma
päise, jaluse või miks mitte ka ostukorvi ja kassalehe.

4.1 Lehe salvestamine mallina
4.2 Päise loomine
4.3 Kassa lehe muutmine

5. Lisapluginad e-poele

Pluginad pakuvad lisafunktsionaalsust, olgu selleks siis mugavam allahindluse lisamine, erihindade seadistamine hulgiostjale või meeldetuletuse saatmine ostu pooleli jätnud kliendile.
5.1 Kuidas tootepildi juurde lisada silte?
5.2 Seotud toodete lisamine
5.3 Toodetele värvivaliku, pildi või sildi lisamine
5.4 Lao staatuse lisamine
5.5 Allahindlused toodete ja kategooriate kaupa
5.6 Kuidas lisada tootelehele veel välju?
5.7 Kindel tarne konkreetsel tootel (10 toodet tasuta versioonil)
5.8 Tootelehele vahekaartide lisamine
5.9 Meeldetuletuse saatmine pooleli jäetud ostu korral
5.10 Hulgihinnad hulgiostjale
5.11 Miinimumkoguse määramine
5.12 Teenuse lisamine e-poodi (kalender)
5.13 Võõrkeelsete fraaside tõlkimine ükskeelse lehe puhul
5.14 KKK

6. WordPressi turvalisus ja varundamine

6.1 Lehtedelt kommenteerimisvõimaluse eemaldamine
6.2 WordPressi turvalisuse plugin „Wordfence”
6.3 WordPressi varundamine pluginaga „Duplicator”

Kokkuvõtteks

WordPressi õpikuga kaasnevad soodustused

Tänutäheks õpiku tellimise eest anname sulle koostöös partneritega mõned sooduskoodid.

1. Veebimajutus 50% soodsam

Kõigile õpiku ostjatele on veebimajutusfirmad Elkdata OÜ (www.veebimajutus.ee) ja OÜ Virtuaal.com (www.virtuaal.com) teinud kingituseks 50% soodsama veebimajutuse esimeseks aastaks neile, kes on uued kliendid ning tellivad domeeni ja veebimajutuse.

Virtuaal.com pakub soodustust, kui tellid virtuaalserveri teenusepaketi I arveldusperioodiga kuni üks aasta.

Veebimajutus.ee pakub soodustustust nii paketile Start, Standard kui ka Pluss.

2. WooCommerce’i makse- või tarnemoodulid 20% soodsamad

Inimesel on sinu kodulehel asuvast e-poest mugav tellida, kui tal on võimalik maksta otse pangalingi kaudu ja pakk saabub lähimasse pakiautomaati. OÜ Aktsiamaailm (http://e-abi.ee) on andnud välja 20% sooduskupongi kõigile WordPressi õpiku ostjatele, kes soovivad soetada WooCommerce’i makse- või tarnemooduleid.

3. WordPressi veebilehe kiirendamise plugin 20% soodsam

WordPressi veebilehe kiirendamise osas on hinnatud plugin WP Rocket (https://wp-rocket.me), kes pakub 20% sooduskupongi kõigile WordPressi õpiku ostjatele.

Täpsem info sooduskupongide kohta on õpikus 🙂

Tagasiside

Väga asjalik, konsentreeritud ja selgelt kirjutatud õpik. Lobedalt loetav ja arusaadav. Väga tore, et mitmetes kohtades on toodud vajalik CSS kood, tegemaks mõistlike muudatusi, mida elementide seadistused ei võimalda. Väärt pluginate valik koos piisavate juhistega kiirendab oluliselt ise otsimiseks ning valikute tegemiseks kuluvat aega.

Kodulehe/e-poe isepusijale asendamatu allikas.

Arvestades, kui palju võimalusi WordPress, WooCommerce ja Avada suudavad pakkuma, lisaks veel erinevad pluginad, siis kirjeldada ~220 leheküljel ära kõik oluline ning rohkemgi veel, on paras kunsttükk.

Aitäh!
Tõnu Saarsen

WordPressi e-kursus

WordPressi e-kursuse sisuks on how-to stiilis ekraanivideod. Kui e-õpik on sõnaline ja pildiline, siis ekraanivideodena näed, kuidas WP koduleht või e-pood valmib.
Kui sul on oma küsimus, millele soovid ekraanivideona vastust, siis anna palun teada ja võimalusel lisan ka selle õpetuse e-kursuse hulka. Siin on ainult mõned tingimused:
  • see peab olema tasuta lahendus. Kui su küsimus eeldab täiendavat koodikirjutamist või tasulisi pluginaid, siis see ei sobi. Püüan teha ekraanivideod võimalikult lihtsad ja püüan vältida täiendavaid kulusid.
  • veebilehe kujunduseks on valitud Avada 🙂 Aastatega on kogunenud mu andmebaasi üle 178 erineva tasulise kujunduse. Kui teeksin ekraanivideosid erinevatele põhjadele, siis oleks peagi kaos, seepärast peaks olema su valitud kujundus kas Avada või su küsimus selline, mis ei puuduta su valitud kujundust. Näiteks on see WooCommercega seotud küsimus.

Saad ligipääsu e-kursusele 4 kuuks. Usun, et saad sellest e-kursusest palju abi.

WordPressi e-kuruse sisukord

Ekraanivideode nimekiri täieneb iga kuu.

1. Kodulehe loomine

Siia lehele kogun õpetused, mis seotud Avadaga kodulehe loomise kohta.

1.1 WordPressi ekraaniseaded
Vaatame, kuidas töölauda puhastada, uurime ka saidi tervist ja kustutame ära liigsed kujundused ja mittevajalikud pluginad.

1.2 Avada demo lisamine
Avada saad osta ja alla laadida siit: Themeforest
Siin on õpetus – Kuidas osta Avada kujundust?
Vaata ka teisi Avada blogipostitusi

1.3 Sisu lisamine – Builder ja Live
Kuidas lisada Avada tekstiredaktoriga sisu?
Vaatame üle nii administreerimise poole kui Live editori. Lisame pildi, pealkirja, teksti, loetelu ja nupu. Seadistame selle ka mobiili jaoks.

1.4 Tehtud tööde lisamine galeriina
Kuidas luua galeriid?
Vaatame kolme varianti – üksiku pildi lisamist, galerii lisamist ja enne-ning-pärast pildi lisamist.

1.5 Peamenüü loomine ja päise seadistamine
Vaatame, kuidas lisada lehti peamenüüsse, muuta järjekorda ja teha alammenüü linke. Uurime Avada vaikimisi võimalusi päise kujundamiseks.

1.6 Google Mapsi lisamine kontakti lehele
Vaatame, kuidas embed koodiga lisada lehele Google Mapsi.

1.7 Küpsisteteavituse lehele lisamine
Vaatame, kuidas lisada veebilehele küpsisteteavitusega nõustumist.

1.8 Avada mallid
Avada kujunduse suurepärane võimalus on mallide loomine, olgu selleks siis päise või jaluse muutmine või blogile uue kujunduse andmine.

2. E-poe loomine ja seadistamine

2.1 WooCommerce installeerimine
WooCommerce on WordPressi populaarne e-poe plugin.

2.2 Lihtsa toote lisamine
Lisame e-poodi lihtsa toote – pilt, kirjeldus, hind ja veel mõned vajalikud parameetrid.

2.3 Varieeruva toote lisamine pildina (Avada baasil)
Varieeruv toode tähenda, et kasutaja saab valida rippmenüü, nupu, värvi või pildi abil, missugust toodet soovib. Värvide abil saab valida, kas soovib kollast, punast või sinist T-särki, rippmenüüst saab valida, kas soovib 36, 37, 38 või 39 number jalanõusid. Vaatame, kuidas pildilist varieeruvat toodet teha.

2.4 Sildi (badge) lisamine tootele
Toodetele saab juurde lisada silte (badge), need ilmuvad tunnuspildi peale. Silt võib olla soodushinna % näitamine, või teavitus, nt Uus, Allahindlus, Soovitame jne.

2.5 Seotud toodete lisamine
WooCommerce paneb vaikimisi ise seotud tooted juurde ehk siis kampsuni juurde pakub veel rohkem kampsuneid, aga võiks pakkuda salli, kindaid ja mütsi. Vaatame, kuidas lisada seotud tooteid või teha ristmüüki ja ülesmüüki.

2.6 Kupongide loomine
WooCommercele on sisse ehitatud võimekas kupongide osa – %, allahindlus, missugustele toodetele või kategooriatele kehtib, mitu korda saab kasutada jne.

2.7 Tootelehele täiendavate väljade lisamine
Kui on personaalne toode, siis tahame toote juures küsida täiendavat infot, nt kingituse saaja nimi, et see tikkida või graveerida tootele. Videos teeme keerulisema versiooni – toote hind muutub vastavalt valikutele. Laseme kasutajale valida, mis komponentidest tema pizza koosneb.

2.8 Laoseisu info lisamine
Kas peita laots otsa saanud tooted või anda selgelt teada, millal on kaup jälle saadaval? Kuidas kuvada laoseisu?

2.9 Minimaalse ja maksimaalse koguse ning koguse sammu lisamine
Nööpe, nõelu või pärleid pole mõtet ühekaupa müüa ega osta. Seega oleks vaja määrata minimaalne kogus. Ehk oleks hea osta/müüa hoopis 5-kaupa või 10-kaupa?

2.10 Tabide (vahekaartide) lisamine tootelehele
Toote vahekaartide abil saame anda külastajale täiendavat lisainfot, nt garantii, hooldus, koostis jne.

2.11 PDF arve seadistamine
Vaatame, kuidas seadistada PDF-arvet, mis saadetakse automaatselt kliendi tellimuse e-kirjaga.

2.12 Toote malli loomine
Vaatame, kuidas Avada abil tootemalli ja ostukorvi ning kassa lehe malli luua. Loo ise oma kujundatud sisulehed.

3. Täiendavad pluginad

Siia lehele kogun õpetused, mis seotud kodulehe loomisega ja täiendavate pluginate lisamisega. Kõiki pluginaid pole kindlasti vaja – tee oma valik.

3.1 Kontaktivormi loomine – WPForms
Lisame lehele päringuvormi WPForms abil. Vaatame ka üle, kuidas tõkestada spämmivoogu, mis võib vormi kaudu tulla.

3.2 Ühe-keelse veebilehe tõlkimine
Vaatame, kuidas tõlkida lehel olevaid üksikuid võõrkeelseid fraase.

3.3 Instagrami voo lisamine tänan-lehele
Vaatame, kuidas sisulehele lisada IG voogu.

Näide e-kursuse how-to videost

Title

Go to Top