Paano Lumikha ng isang Kamangha-manghang Online Shop gamit ang WooCommerce, Divi at SiteGround (2023)

Kung nag-subscribe ka sa isang serbisyo mula sa isang link sa page na ito, maaaring makakuha ng komisyon ang Reeves and Sons Limited. Tingnan ang aming pahayag ng etika.

Mahigit sa 74 milyong mga site ang nakasalalay sa platform ng WordPress upang mag-host ng kanilang mga blog, magbenta ng kanilang mga produkto o isulat lamang ang kanilang pang-araw-araw na pag-iisip para makita ng mundo. Kapag nagsimula ka nang itayo ang iyong website ng e-dagang tiyak na mayroon kang maraming mga pagpipilian upang gawin, at ang kurbatang WordPress dito.

Alin sa standout mga platform ng e-dagang pipili ka ba Nagpaplano ka ba sa pag-agaw ng isang tema upang ibenta ang iyong mga produkto o mayroong isang tao na maaari mong bayaran upang mabuo ang site mula sa simula? Ano ba, ano ang plano mo sa pagbebenta sa pamamagitan ng iyong ecommerce website?

Tala ng editor: Ang post na ito ay orihinal na na-publish noong Enero 15, 2015 at ganap na binago at na-update para sa katumpakan at pagiging komprehensibo.

Mayroong libu-libo hanggang milyon-milyong mga tema ng WordPress upang pumili mula kung titingnan mo ang istraktura ng frontend at backend upang magsimulang magbenta online. Halos pareho sa pagho-host (ngunit mas gusto namin SiteGround or Bluehost).

Ang mga pinakamahusay na tema ay may kasamang mabilis at madaling mga tool sa pamamahala ng ecommerce upang makapag-upload ka ng mga produkto at pamahalaan ang mga bagay tulad ng mga diskwento, gantimpala, pindutan at mga pahina ng produkto. Ang iyong tema ay ang unang bagay din na makikita ng mga tao kapag binisita nila ang iyong site. Gabay ito sa kanila sa proseso at talagang nagdadala ng pagkakaiba sa pagitan ng isang taong nasisiyahan sa karanasan o hindi.

Sa madaling sabi, ang mga tema ng WordPress ay mahalaga, at ang Divi Tema ng WordPress mula sa Mga Elegant na Tema ay isang medyo kaakit-akit na pagpipilian para isaalang-alang mo. Maaari itong magamit para sa isang karaniwang website ng negosyo, ngunit nagsasama rin ito ng mga pagsasama para sa pagbebenta ng ecommerce at mabilis na mga proseso ng pagbebenta. Alamin natin kung paano lumikha ng isang online shop kasama ang Divi Tema ng WordPress.

Kunin muna ang Iyong Domain at Pag-host

๐Ÿ’กAng unang hakbang sa anumang proseso ng paglikha ng website ay ang pagkuha ng isang hosting account, pangalan ng domain at pag-install ng WordPress sa site. Divi ay hindi naiiba. Mayroong maraming mga paraan upang makakuha ng mga pangalan ng pagho-host at domain, ngunit personal kong iniisip SiteGround ay isa sa mga pinaka-ligtas at maaasahang mga pagpipilian. (Para sa karagdagang detalye tingnan ang aming komprehensibo SiteGround suriin).

Ang cool talaga niyan SiteGround nag-aalok ng isang dalubhasa pinamamahalaan WooCommerce sa pagho-host package ng serbisyo na may halos lahat ng kailangan mo upang magsimulang magbenta online. Sa loob ng package, maaari kang tumira para sa alinman sa StartUp Plano para sa mga nagsisimula pa lamang, GrowBig Plan para sa lumalaking negosyo, o GoGeek para sa itinatag WooCommerce mga tindahan.

Ang bawat isa sa mga ito ay nag-aalok ng mga advanced na tampok para sa pag-optimize ng iyong WooCommerce site sa isang makatwirang presyo.

Sinabi nito, isa pang serbisyo sa pagho-host na lubos naming inirerekumenda Divi WooCommerce mga tindahan ay BlueHost. Bagaman ang mga tampok dito ay hindi tugma hanggang sa SiteGround, makukuha mo pa rin WooCommerce-focused hosting sa pamamagitan ng WordPress ecommerce package. Ang mga plano ay maaaring kumportable a Divi WooCommerce mag-imbak, ngunit nakalulungkot, hindi ka makakakuha ng mga pinamamahalaang serbisyo.

???? Ngayon, alang-alang sa kalinawan, magpatuloy tayo SiteGround...

Paano Ka Magsisimula?

Pumunta sa SiteGround Pinamamahalaan WooCommerce hosting pahina, pumili ng isang perpektong plano, at mag-click Kumuha ng Plano.

Sa aking palagay, ang Plano ng GoGeek tila ang pinakaangkop na pagpipilian dahil sinusuportahan nito ang walang limitasyong WooCommerce mga website na may advanced na mga kakayahan sa ecommerce. Bukod sa higit na lakas ng server, nakakakuha ka ng suporta sa priyoridad, pagtatanghal ng WordPress, backup na on-demand, at mga mapagkukunang super chacher, pati na rin ang mga libreng paglipat ng site at Cloudflare CDN, bukod sa iba pang mga solidong tampok.

???? At tungkol sa mga allowance sa mapagkukunan, ang planong ito ay tumatanggap ng:

  • Mailbox ng 6GB
  • Pag-iimbak ng 1 GB Database
  • SSD storage
  • Paglipat ng data na hindi nasukat
  • 30GB space space
  • Hanggang sa 100,000 buwanang pagbisita

Isaisip na ang ang serbisyong ito ay nagsisimula sa $ 11.95 bawat buwan, at ito ay halos kapareho sa kung paano mo i-install ang isang regular na WordPress site sa isang BlueHost hosting account.

Ngunit tandaan, iyon ay isang espesyal na presyo para sa mga nagsisimula. Asahan itong tataas sa $ 34.95 sa mga pag-a-update sa hinaharap, na isang makatuwirang singil pa rin kung isasaalang-alang mo ang lahat ng mga tampok na nakukuha mo sa mahabang paghabol.

Ngayon, sa sandaling napili mo ang iyong ginustong plano, SiteGround ididirekta ka sa pahina ng pagpaparehistro ng domain nito. Kung nagmamay-ari ka na ng domain, piliin ang pangalawang opsyon at ilagay ang mga detalye nito. Iba pawise, magpatuloy sa pagpaparehistro ng bagong domain name sa $15.95 sa isang taon.

Susunod ay ang pangwakas na yugto, kung saan pipiliin mo ang iyong ginustong mga pagpipilian sa pagho-host, pati na rin ipasok ang iyong impormasyon sa pagbabayad at mga personal na detalye, bago lumikha ng account.

Sa gayon, syempre, ito ang mga pangunahing bagay na pinangasiwaan mo nang maraming beses dati. Kaya, hindi ka dapat magkaroon ng anumang mga paghihirap na ipasok ang iyong numero ng telepono, bansa, pangalan, email, password ng account, atbp.

Kinakailangan ka ng bahagi ng pagbabayad na ipasok ang mga detalye ng iyong credit card. Maaari kang magpatuloy sa alinman Tuklasin, MasterCard or Visa

Gayunpaman, at higit na kawili-wili, SiteGround ay hindi nakalista sa PayPal, sa kabila ng lumalaking kasikatan nito WooCommerce mga mangangalakal. Ngunit, salamat, lumalabas na maaari nilang tanggapin ang mga pagbabayad sa PayPal, kahit na hindi direkta.

Kung ito ang iyong ginustong mode, samakatuwid, iwanang blangko ang mga patlang at makipag-ugnay SiteGroundang mga ahente ng pagbebenta sa pamamagitan ng tool sa live chat. Tutulungan ka nilang makumpleto ang proseso sa pamamagitan ng PayPal.

Naglalaman ang huling seksyon ng maraming mga pagpipilian para sa iyong serbisyo sa pagho-host, kasama ang iyong ginustong lokasyon ng data center, kasama ang panahon ng subscription.

Ngayon, upang mai-minimize ang distansya ng paglipat ng data sa pagitan Sitegroundmga server at ang iyong WooCommerce mga bisita ng site, piliin ang lokasyon ng data center na pinakamalapit sa lugar ng iyong target na merkado.

Pagkatapos pumili ng anumang labis na mga serbisyong add-on na nais mong isama sa iyong pakete, at voila! Iyon lang ang kinakailangan upang mai-set up a Siteground account.

Kapag tapos ka na, mag-log in sa iyong account at dumiretso sa iyong lugar ng cPanel. Mahahanap mo ang isang default na WordPress auto installer. Kaya, piliin ito, ipasok ang iyong mga detalye sa pag-login sa WordPress, at pindutin ang pindutang i-install.

Kaya, mapapansin mo ang proseso ng pag-install ng WordPress ay tumatagal ng ilang segundo dahil awtomatiko ang lahat. At pagkatapos na maitaguyod ang lahat, SiteGround bibigyan ka ng tamang domain name upang ma-access kung nais mong baguhin ang mga bagay sa backend ng iyong site.

Paglikha ng iyong Online Shop Sa Divi

Ano ang Divi?

Ok, kung hindi mo ito nasubukan, Taya ko na narinig mo na ito. Divi ay hindi ordinaryong WooCommerce tema Ito ay, bilang isang katotohanan, isa sa mga pinakatanyag na tema ng WordPress sa Mga Elegant na Tema. At, kagiliw-giliw, Divi is Elegant Themepangunahing produkto.

Kaya, ano ang espesyal sa temang ito? At mayroon bang anumang kapansin-pansin DiviNi WooCommerce?

Sa gayon, hindi katulad ng mga tipikal na tema ng WordPress, Divi ay higit pa sa isang komprehensibong pakete. Nangangahulugan ito na pinagsasama ang karaniwang mga tampok sa tema na may labis na pag-andar na magagamit para sa Divi WooCommerce mga tindahan.

Huwag kang magkamali. Kahit na DiviNi WooCommerce Ang suporta ay ang punong pokus dito, ang tema ay may kakayahang higit sa na. Sa esensya, Divi maaaring maayos na maisama sa anumang uri ng site, salamat sa malawak na hanay ng mga layout ng website. Hindi lang ecommerce.

Pagkatapos upang itaas ito, Divi ay may sarili nitong intuitive na tagabuo ng pahina ng WordPress plugin. Magagamit mo ito para malayang i-customize ang iyong Divi WooCommerce mag-imbak nang walang anumang pag-coding.

Sa katunayan, Divi ay binuo para sa mga nagsisimula. Kaya, maaari mong asahan na makahanap ng isang maayos na panel ng kontrol na halos walang kurba sa pag-aaral. Tumatagal lamang ng ilang minuto upang makakuha ng hang ng kabuuan Divi ecosystem, i-set up ito, at ipasadya DiviNi WooCommerce mga layout.

???? Sa huli, samakatuwid, makakakuha ka ng kapital Divi's:

  • Array ng napapasadyang mga layout para sa anumang uri ng website ng WordPress, kabilang ang WooCommerce mga online store.
  • Madaling gamitin na Tagabuo ng Pahina, na nagbibigay ng maraming elemento ng website at mga kakayahan sa disenyo.
  • Flexible na proseso ng pagpapasadya nang walang anumang anyo ng pag-coding. Kahit na ang mga baguhan ay maaaring kumportable na mag-set up at mag-tweak ng ganap na pagganap Divi WooCommerce mga tindahan.
  • Diretso na pagsasama ng WordPress. Divi ay isa sa ilang mga panlabas na tema ng WordPress na maaaring mai-install nang walang putol nang walang anumang kumplikadong pag-aayos.
  • Na-optimize ng ecommerce WooCommerce mga template.

Divi I-drag at Drop Tagabuo ng Pahina

Tulad ng sinabi namin, Divi ay may dalawang magkakaibang lasa. Kapag nagbayad ka para sa pagiging miyembro sa Mga Eleganteng Tema, mahahanap mo ang pamantayan Divi Tema sa dashboard, sinamahan ng Divi Tagabuo ng Pahina ng WordPress plugin.

Ngunit, mahalagang tandaan na ang tagabuo na ito ay hindi eksklusibong nakatali sa Divi Tema. Dumating ito bilang karagdagang plugin sa bawat solong tema na nakuha mula sa Mga Elegant na Tema.

Na sinabi, ang Divi Ang WordPress Page Builder ay isang drag-and-drop editor na may advanced na mga kakayahan sa pagpapasadya. Pinapayagan kang ilipat at tukuyin ang mga elemento, haligi, hilera, at module na walang karanasan sa pag-coding. Sa madaling salita, ito ang uri ng tagabuo a Divi WooCommerce baguhan ay umaasa na makakuha.

Ngunit, huwag kang magkamali. Bagaman ang Divi Target ng Tagabuo ng Pahina ang mga nagsisimula, ito ay isang editor na nagpapadali din sa mga may karanasan na mga developer. Maaari nilang sistematikong pagsamahin ang mga visual na tampok nito sa mga kontrol ng CSS upang itulak ang kanilang Divi WooCommerce mga website sa susunod na antas.

Pag-isipan ito, gayunpaman, hindi mo kailangan ng isang developer upang idisenyo ang lahat ng mga elemento sa iyong Divi WooCommerce mag-imbak. Maaari kang umasa sa mga visual na pag-andar lamang.

At alam mo kung ano?

Divi kahit na mga pagtatangka upang gawing mas madali ang buong proseso sa pamamagitan ng pag-label kasama ang color-coding ng mga layout module.

At pinag-uusapan kung saan, isa pang kapansin-pansin na probisyon dito Divipangkalahatang pagpapasimple ng proseso ng pagpapasadya ng layout. Kung nais mong magpakilala ng isang bagong seksyon, halimbawa, dapat gawin ang isang solong pag-click. Pagkatapos ay pagkopya, pag-aalis, at pagpasok ng mga module para sa iyo Divi WooCommerce Dadalhin ka lamang ng tindahan ng ilang mga pag-click sa pindutan.

Samantala, DiviIpapakita ng window ng pag-edit ang mga pagbabago sa layout ng iyong site sa real-time. Masusubaybayan mo ang bawat solong pagsasaayos nang biswal, at makita kung paano ito nakakaapekto sa pangkalahatang disenyo ng pananaw ng iyong Divi WooCommerce mag-imbak.

Inilagdaang Divi WooCommerce Mga Layout ng Website

Upang mai-save ka mula sa masakit na hinihingi na proseso ng paglikha ng isang website mula sa simula, ang Divi Ang Tema ng WordPress ay mayroong isang host ng mga naka-predesign na mga template ng site. At dahil maaaring kailanganin mo ng iba't ibang mga pagpipilian ng layout ng parehong template, Divi nag-aalok ng mga disenyo ng website nito bilang komprehensibong mga pack. Dahil dito, nakakakuha ka ng iba't ibang mga layout at kulay ng template.

Kaya, upang maging mas tumpak, Divi nagbibigay ng tungkol sa 7-8 magkakaibang mga paunang naka-disenyo na layout sa bawat solong pack ng website. Isinasaalang-alang ang bawat isa ay ganap na binuo, madali mong mapagtibay ang mga layout nang hindi malawak na muling pag-aayos ng kanilang pinagbabatayan na istraktura. Ikaw lamang ang isang pares ng mga pag-aayos dito at doon.

Ngayon upang mahanap ang iyong sarili ng isang perpekto para sa iyong WooCommerce online na tindahan, mag-scroll lamang sa iba't ibang mga kategorya ng site sa Divi Tema O kahalili, gumamit ng mga keyword upang maghanap sa lahat ng mga pagpipilian nang sabay-sabay.

Sa gayon, lahat sa lahat, hindi magtatagal upang makilala ang isang angkop Divi layout ng online store. Kailangan mo lamang itong isama WooCommerce, at papunta ka na sa pagse-set up ng isang kaakit-akit na WordPress ecommerce site.

Patuloy, isang partikular na natitirang bagay na mapapansin mo ay iyon Divi hindi nakatuon sa mga hitsura mag-isa. Ang WooCommerce mga layout na kasama ng Divi Ang tema ay binuo kasama ang pag-andar sa isip din.

Kaya, bilang karagdagan sa mga tipikal na pahina ng tindahan tulad ng pag-checkout, mga produkto, at cart, Divi may kasamang mga module ng ecommerce bilang default. Mas partikular, nakakakuha ka ng mga seksyon tulad ng mga tampok na produkto, on-sale item, at marami pa.

Is Divi Angkop para sa WooCommerce?

Lahat ng bagay na isinasaalang-alang, Divi ay lalong naging tanyag dahil sa panimula ito ay isang all-in-one na solusyon sa tema ng WordPress.

Pinagsama, ang Divi Tagabuo ng Pahina at Divi Tema ang handog ay nagbibigay ng halos lahat ng kailangan mong i-set up ng anumang uri ng WordPress site. At kasama rito ang isang ganap na gumagana WooCommerce mag-imbak sa lahat ng mga pangunahing kakayahan sa ecommerce.

???? Sa maikling sabi, Divi ay isang pagpipilian na nagkakahalaga ng isasaalang-alang para sa iyong WooCommerce site dahil:

  • Maaari mong i-customize ang iyong WooCommerce website sa pamamagitan ng isang drag-and-drop na visual editor.
  • Divi Pinapayagan kang i-save ang iyong mga pag-aakma bilang mga pandaigdigang elemento sa lahat ng mga layout.
  • Dumating ito ng higit sa 20 mahusay na dinisenyo layout ng website na mahusay na dinisenyo.
  • Madali mong mai-export ang mga layout, at pagkatapos, magamit ang mga ito sa iba pang mga website.
  • Maaari mong idisenyo ang iyong WooCommerce mag-imbak na may maraming mga haligi, hilera, at elemento ng nilalaman.
  • lahat WooCommerce ang mga layout ay na-optimize para sa mga mobile device.
  • Tulad ng MS Word, ang pag-edit ng nilalaman ng teksto ay kasing simple ng pag-click pagkatapos ng pagta-type.
  • Ang buong proseso ng pagpapasadya ng site ay sinusubaybayan nang real-time, dahil dito ay nagbibigay ng isang live na preview ng lahat ng mga pagbabago sa disenyo.
  • WooCommerce ang mga layout ay mayroong pangunahing mga pahina ng online na tindahan at mga module.

Hakbang 1: Mag-sign-up Sa Mga Elegant na Tema upang Mag-access sa Divi

Magsimula sa pamamagitan ng pagpunta sa Pahina ng produkto ng Mga Eleganteng Tema para sa Divi Tema ng WordPress. Nag-aalok ang pahinang ito ng pagpipilian para sa isang demo ng tema at isang mabilis na pindutan ng pag-download. Nagbebenta ang mga Elegant na Tema ng mga tema nito gamit ang isang taunang o isang beses na istraktura ng pagbabayad na mainam para sa mga developer na may maraming mga site ng kliyente o mga taong nagpapatakbo ng maraming mga website ng ecommerce. Hindi ka talaga makakabili ng isang tema lamang, ngunit ang Personal na Plano para sa $ 67 bawat taon ay katulad ng kung ano ang maaari mong bayaran para sa isang regular na tema, at maaari mong ihinto ang taunang mga pagbabayad kung hindi mo nais ang suporta. Huwag mag-atubiling maglaro sa paligid ng tema bago ka mangako sa pagbabayad.

Hakbang 2: I-install Divi sa Iyong WordPress Site

Kapag nag-sign up ka, i-click ang pindutang mag-download para sa tema. Inilalagay nito ang tema bilang isang zip file sa iyong computer. Pumunta sa tab na Hitsura sa backend ng iyong WordPress site, at mag-click sa pagpipilian ng Mga Tema.

Hakbang 3: Mag-click sa Magdagdag ng Bagong pindutan

Mag-click sa pindutang I-upload ang Tema. Hanapin at i-upload ang tema zip file. Dumaan sa proseso upang ganap na buhayin ang tema at pagkatapos ay dapat mong makita ang tema sa frontend ng iyong site.

Hakbang 4: I-setup ang Iyong WooCommerce Mag-imbak

Kung pupunta ka sa Divi Pahina ng dokumentasyon ng tema mahahanap mo ang halos bawat tool at tampok na maaari mong gumana sa tema, ngunit higit na tututok kami sa pagse-set up ng isang website ng ecommerce. Ang Divi tema ay ganap na magkatugma WooCommerce upang maipakita mo ang lahat ng iyong mga produkto mula doon.

What's awesome is that the initial SiteGround naka-install na ang pag-sign up WooCommerce sa iyong WordPress website, kaya hindi mo kailangang mag-alala tungkol sa pag-install o pag-set up nito. Dapat na available na ito sa iyong dashboard.

Hakbang 5: Idagdag ang Iyong Mga Unang Produkto sa WooCommerce

Teknikal na mayroon ka ng site ng ecommerce lahat ng pag-setup, ngunit nais naming talagang magdagdag ng ilang mga produkto upang gawin itong hitsura ng isang ecommerce site sa frontend. Pumunta sa iyong WordPress dashboard, mag-click sa tab na Mga Produkto sa ilalim WooCommerce at mag-click sa item na Magdagdag ng Produkto.

Hakbang 6

Nagdadala ito ng isang bagong pahina ng produkto para punan mo. Mukha itong katulad sa anumang editor ng pahina ng WordPress, maliban kung maaari kang magdagdag ng isang pangalan ng produkto, paglalarawan at isang tampok na imahe upang makita ng mga tao kung ano ang hitsura ng produkto sa iyong website.

Hakbang 7: Galugarin ang WooCommerce Mga tampok

Kung mag-scroll ka pababa sa ibaba ng lugar ng paglalarawan makikita mo ang bawat posible WooCommerce tampok upang i-play sa paligid. Huwag mag-atubiling baguhin ang mga bagay tulad ng mga numero ng SKU, imbentaryo, pagpepresyo, pagpapadala at mga katangian. Ang mga tampok ay napakalawak para sa akin na ibalangkas ang lahat dito, ngunit maaari kang pumunta sa WooCommerce pahina ng dokumentasyon upang maunawaan ang lahat ng maaari mong i-set up sa iyong ecommerce site.

Hakbang 8: Lumikha ng Homepage

Ang buong punto ng ito ay upang lumikha ng isang homepage o regular na pahina na nagtatampok ng lahat ng iyong mga produkto kapag nagpakita ang mga tao sa iyong site. Samakatuwid, dapat kang pumunta sa Mga Pahina> Magdagdag ng Bago sa kaliwang bahagi ng iyong dashboard ng WordPress.

Hakbang 9: Magdagdag ng Pamagat para sa Iyo Divi pahina

Lumikha ng isang pamagat para sa iyong pahina. I-click ang button na Gumamit ng Pahina ng Tagabuo sa tuktok, at mag-tap sa lugar ng Ipasok ang Mga Module upang magsama ng isang buong lapad na header. Hindi mo kailangang pumili ng isang buong lapad na header, ngunit pupunta kami para sa tutorial na ito.

Hakbang 10

I-click ang Buong Width Header na pindutan.

Hakbang 11

Punan ang mga detalye para sa iyong Pamagat ng Site, teksto ng Subheading at Kulay ng Teksto. Maaari mo ring baguhin ang Label ng Admin, na pangunahing para sa iyong sariling sanggunian. Pindutin ang pindutang I-save kapag nakumpleto.

Hakbang 12

Mag-tap sa tatlong mga bar sa kaliwa ng module ng Full Width header upang baguhin ang mas maraming mga setting.

Hakbang 13

Dito maaari mong bigyan ang header ng isang magandang kulay sa background at magsama pa ng isang video para sa iyong kumpanya.

Hakbang 14

Ngayon na kumpleto na ang header maaari naming isama ang module ng ecommerce sa pamamagitan ng pag-click sa lugar na Ipasok ang Mga Column.

Hakbang 15

Piliin kung gaano karaming mga haligi ang gusto mo, pagkatapos ay mag-click sa pagpipiliang Insert Modules na lilitaw. Piliin ang pindutan ng Shop malapit sa ibaba.

Hakbang 16

Huwag mag-atubiling baguhin kung paano mo nais ipakita ang iyong mga produkto. Kaya maaaring gusto mong ipakita ang iyong mga kamakailang produkto, kasama ang 12 mga item sa pahina, ilang mga haligi at kung paano mo nais na sila ay orderin. I-click ang pindutang I-save.

Hakbang 17: I-preview at I-publish

Kapag nakumpleto na ito maaari mong pindutin ang pindutan ng Preview o I-publish upang matingnan ang mga pagbabago sa frontend. Tulad ng nakikita mo, maganda ang pagpapakita ng mga produkto, at palagi kang makakabalik upang baguhin ang iyong mga produkto o mga setting ng storefront sa backend ng WordPress. Binabati kita!

Kung mayroon kang anumang mga katanungan tungkol sa pag-set up ng Divi WordPress tema, pakisabi sa amin sa seksyon ng mga komento sa ibaba.

Konklusyon

At iyon lang ang kinakailangan upang makuha ang iyo Divi WooCommerce online store up at tumatakbo gamit ang a SiteGround hosting account.

Sumusulong, makakatiyak ka na SiteGround hahawakan ang lahat ng mga kritikal na teknikal na bagay tulad ng mga pag-update sa WordPress at WooCommerce seguridad. Iyon ang pangunahing pagkakaiba sa pagitan ng pinamamahalaang WooCommerce hosting at regular na ibinahaging mga solusyon sa pagho-host. Samakatuwid, binibigyan ka nito ng kinakailangang oras at puwang upang makapagtuon ng pansin sa iyong WooCommerce pangangasiwa ng tindahan.

At tulad ng nakita na natin, dapat iyon ay isang simoy ng hangin sa Divi tema Maaari mong palaging ma-access ang iyong Divi WooCommerce layout mula sa iyong WordPress backend para mas ma-customize ito. kung ikaw wish, maaari mo ring baguhin ang buong disenyo sa pamamagitan ng paglilipat sa ibang layout na kayang hawakan ang a WooCommerce tindahan na rin. Ang pagpipilian ay sa iyo.

Kung mayroon kang anumang mga katanungan tungkol sa pag-set up ng Divi Tema ng WordPress, mangyaring ipaalam sa amin sa seksyon ng mga komento sa ibaba.

Comments 25 Responses

  1. Eric sabi ni:

    Ang "Fantastic" ay dapat na naiwan sa pamagat

  2. Juanjo Hernandez sabi ni:

    divi ay maayos, ngunit magkakaroon ka ng mga problema kapag kailangan mong i-filter ang mga produkto ng tindahan, wala itong eleganteng solusyon. Hindi ko ito inirerekomenda dahil wala itong kumpletong solusyon. Ito ay hindi isang kumpletong solusyon para sa woocommerce

  3. Vicki sabi ni:

    Kumusta, salamat sa artikulong itoโ€ฆ
    Naghahanap ako upang mag-setup ng isang bagong online na tindahan bagamanโ€ฆ ngunit ano ang pagkakaiba sa pagitan ng paggawa nito sa ganitong paraan (sa itaas: Bluehost+Wordpress+wooCommerce) vs. lang Shopify?

    Pinahahalagahan ang iyong tulong!

  4. jes sabi ni:

    Salamat sa detalyadong post na ito:) Alam mo ba kung paano ako nagtakda ng nakapirming laki ng larawan/thumbnail para sa mga produktong ipinapakita. Sinubukan kong baguhin ito sa ilalim ng mga setting ng wocommerce at muling buuin ang mga thumbnail, ngunit hindi ito gumana.

  5. Karen sabi ni:

    sa denmark meron tayong Viabill para mabayaran mo yan, pwede bang i-attach yan sa webshop ko ?

    1. Bogdan Rancea sabi ni:

      Kumusta Karen,

      Talagang posible ito, maaaring kailanganin mong makipag-ugnayan sa isang developer at makita nang eksakto kung paano ipatupad ang Viabill sa iyong website.

      Pinakamahusay ng swerte,
      -
      Bogdan โ€“ Editor sa ecommerce-platforms.com

  6. Mila Stones sabi ni:

    Posible bang lumikha ng a vendo palengke na may divi & manligaw sa commerce?

  7. Magda Metwally sabi ni:

    Kamusta,
    Nagtatrabaho ako sa tampok na Shop at may dalawang isyu.
    1. Sinusubukan kong ipakita ang LAHAT ng mga produkto at kailangan kong palaging pumili ng kategorya? Kailangan ko bang gumawa ng kategorya ng LAHAT o may ibang paraan?

    2. Napansin ko na sa display para mamili ng mga item ay ipinapakita nito ang lahat ng item sa isang page (30 item) sa halip na ikalat ang mga ito sa mga page at pinapayagan ang isang user na lumipat sa page 2, page 3 atbp? Mayroon bang paraan upang baguhin ito upang ang default na pahina ay 12 aytem at ang natitira ay mapupunta sa susunod na pahina?

    1. Bogdan Rancea sabi ni:

      Hi Magda,

      Dapat mong subukan WpCurve para sa maliliit na pag-aayos na nauugnay sa WordPress.

      Sana ay suwertehin ka!

      Cheers!

      Bogdan โ€“ Editor sa ecommerce-platforms.com

  8. Emily sabi ni:

    Kumusta, iniisip ko kung paano magdagdag ng mga kaugnay na produkto sa bawat page ng produkto gamit ang Woocommerce at Divi. Salamat nang maaga!

  9. Aadil Loonat sabi ni:

    Hi

    Gusto ko ng ilang gabay dahil ito ang unang beses na gumamit Divi at Woocommerce sama-sama.

    Aking mga kinakailangan;
    Gusto kong malaman kung aling opsyon o direksyon ang pupuntahan para sa pagpaparehistro ng customer para sa site, na gagamitin para sa mga komunikasyon sa marketing at pagbili ng mga produkto online.
    โ€“ Dapat na makapagparehistro ang mga customer kahit na wala silang binibili
    โ€“ Paano ko makakamit ang pinakamaraming kakayahang umangkop sa pagkuha ng mga detalyeng ito ay maaaring i-export ang mga ito at magkaroon ng talaan ng spreadsheet para sa pagsubaybay at pagmamanipula tulad ng pagpapadala ng mga mass mail o SMS atbp dahil may mga oras na kakailanganin kong mag-backup saformation sa isang lugar kung sakali, at ang pangangailangan na pagkatapos ay gumamit ng parehong database (MySQL) para lamang sa mga user sa ibang bahagi ng site o sabihin sa loob ng tindahan na para sa isang parmasya at maaari naming i-setup ang mga kasaysayan ng pasyente na may presyon ng dugo, mga pagbabasa ng glucose at marami pang iba halimbawa at pagkatapos ay maaaring magdagdag ng mga custom na pahina kung saan nakalagay ang kanilang profileformation ang gagamitin.
    Kailangan din ang data para mag-import/magdagdag ng mga customer sa aming lokal na programa sa parmasya sa aming pisikal na tindahan para iproseso ang mga inireresetang gamot, address ng paghahatid at higit sa lahat ang tulong medikal saformation dahil hindi ito isang standard form field o structure item atbp na naaayon sa lay at sa gayon ay mangangahulugan ito ng csv/iba pang mga file export mula sa online membership database upang pagkatapos ay mag-import sa SQL database sa aming in store server.
    โ€“ Sa isip, kailangan kong mailipat ang data sa maginhawang paraan o mas maayos at sa gayon ay kailangan kong matugunan ito nang maayos sa site bago gamitin ang anumang pagpaparehistro o form para sa pag-sign-up. Maaari ba akong mag-setup ng isang hiwalay na database para sa mga user na magiging sarili nitong, independiyenteng database na wala sa loob ng WordPress/Divi/Woocommerce mga talahanayan o database na nilikha bilang default?
    โ€“ Ang isa pang elemento ay kaligtasan para sa mga online na pagbabayad, ito ba ay ipinapatupad sa pamamagitan ng mismong tema o woocommerce o ang wordpress backend o marahil sa lahat ng 3 ?
    Salamat at umaasa na makarinig mula sa iyo sa lalong madaling panahon.

  10. Julie sabi ni:

    Anumang rekomendasyon sa paggamit Divi Mga talahanayan ng pagpepresyo at WooCommerce. Sa halip na isang tindahan, ito ay isang nakabalot na pag-aalok na pinangungunahan ng pagkonsulta na binibili ng mga kliyente?

  11. kitek sood sabi ni:

    sinusubukan kong idagdag ang shortcode na ito doon sa module ng code [product_categories parent=โ€0?] para sa pagpapakita ng mga kategorya ng produkto ngunit hindi ito nagpapakita ng anuman sa pag-inspeksyon mayroon lamang blangkong div na nagpapakita na may class="woocommerce column -4โ€ณ kaya maaring tulungan mo ako patungkol dito kung may nakakaalam kung ano ang problema

  12. Brandon sabi ni:

    Nagkakaroon ako ng isyu sa pagkuha ng aking pahina ng mga produkto na maging katulad ng aking iba pang mga pahina. mukhang maganda ang lahat hanggang sa i-click mo ang "create your perfect print" at piliin ang "white Birch" o "Brushed Aluminum" pagkatapos ang lahat ng mga produkto ay ginulo at ang likod na lupa ay puti. Im absolutely helpless pagdating sa bagay na ito, i basically learned this all today. Gumagamit kami ng "Fancy na taga-disenyo ng produkto" para sa aming custom na produkto at sinusubukan kong kunin kung saan huminto ang ibang tao nang walang anumang nakaraang karanasan o saformation. Anumang tulong ay pinahahalagahan.

  13. diane gibbs sabi ni:

    ok ito ay lubos na nakatulong, ngunit ang module ng tindahan ay mayroon pa ring side bar. walang shortcode sa module na iyon?

  14. kirsty sabi ni:

    Pinili kong ipakita ang 'featured items' ko.. pero walang lumalabas. Paano ko pipiliin kung anong mga produkto ang 'itinatampok'?

  15. Craig sabi ni:

    Paano kung gusto mong ipakita ang iyong tindahan ayon sa Mga Kategorya?
    Ang Divi Ang mga module ay hindi nagbibigay ng pagpipiliang iyon, tanging ang Itinatampok, Pinakamabenta at iba pa...
    ????

    1. sebas sabi ni:

      Maaari kang magpasok ng text module at gamitin ang shortcode na ibinibigay ng WC;

      [product_categories parent=โ€0โ€ณ]

      1. Hi Craig maaari mong ipakita ang kategorya ng mga produkto gamit ang Divi Module ng tindahan. Sa pangkalahatang setting ng module sa ilalim ng drop-down na opsyon sa Uri, piliin ang Kategorya ng Produkto . Ngayon ay dapat mayroon ka nang ilang mga item para sa bawat kategorya ng produkto na iyong nilikha sa iyong woo-commerce, kapag tapos na iyon, makakakita ka ng opsyon na Isama ang Kategorya; sige at piliin ang kategoryang gusto mong ipakita. Sana makatulong ito sa iyo. Tandaan na mayroong mga item sa bawat kategorya ng iyong mga produkto bago mo i-activate ang opsyong ito

        1. Pananampalataya sabi ni:

          Salamat sa detalyeng 'luashoro'. Mayroon akong dalawang kategorya na may mga produkto sa pareho at hindi pa rin lumalabas sa akin ang 'Kategorya ng Produkto'. Any clues please?

        2. Kari sabi ni:

          Actually hindi mo kaya.

  16. Barbara sabi ni:

    Kumusta, nagawa ko na ang lahat ng nasa itaas, maliban kung mayroon akong custom na pahina, gamit ang isang blangkong template ng pahina na may Divi sa buong site ko. Ang shop, cart, checkout ay maaaring gawin gamit ang mga shortcode at ang page builder...gayunpaman, ang mga produktong gumagamit woocommerce hindi...o hindi kasing dami ng mahahanap ko. Ako ay bago sa lahat ng ito, ngunit tiyak na mayroong isang paraan upang ang mga pahina ng mga produkto ay magmukhang kapareho ng iba pang bahagi ng site?? Ayokong magkaroon ng Divi header at lahat na nagpapakita?? mayroon kang anumang mga ideya? Mukhang hindi propesyonal sa ngayon.
    salamat

    1. jcbywaters sabi ni:

      oo maaari mong alisin ito mula sa ilan sa mga pahina gamit ang blangko na pagpipilian sa pahina ngunit sa ilang kadahilanan ay hindi ito nakasanayan sa iba na uri ng guluhin ito.
      malamang na ang pinakamahusay na paraan ay ang gumawa ng tema ng bata at i-edit ang ilan sa mga code
      o maghanap ng predone diviAng mga tema ng commerce ay nagbabayad ng kaunting $ at i-customize

      gayunpaman narito ang simpleng paraan ng paggawa para sa mga pahinang magagawa mo

      buksan ang wp admin , > dashboard> lahat ng Pages >

      gamitin ang sumusunod upang i-edit (tingnan ang mga pahina woocommerce awtomatikong nagdaragdag ie cart. atbp)

      halimbawa: eidt at gumawa ng custom na pahina ng cart

      mahalagang gawin ito nang kaunti upang gawing madali ang mga bagay bago mo gamitin ang ET page page builder ang makikita mo lang ay ang woocommerce maikling code

      pahina ng cart = [woocommerce_cart]

      kopyahin ang maikling code sa isang bagong notepad, text pad, o simillar na may kaunting paglalarawan kung gusto mo

      hakbang 1

      alisin divi header , pumunta sa page attributes baguhin ito mula sa default patungong blangko, i-click ang update para i-save ang page, i-preview , divi wala na ang header ๐Ÿ™‚

      hakbang 2

      Gusto kong gumamit ng ET page builder para sa bagong magandang disenyo ( yes please)

      burahin muna (cut save it ready to paste) ang woocommerce maikling code [woocommerce_cart] kaya ngayon mayroon kang isang walang laman na pahina, i-update muli ang mga pagbabago

      maaari mo na ngayong simulan na i-edit ang page gamit ang ET page builder, magsimula sa pamamagitan ng pagdaragdag ng text module sa isang lugar i-paste ang iyong woocommerce shortcode, [woocommerce_cart] para sa mabilis na pag-update ng pagsubok at mga pagbabago sa preview

      step3

      banlawan at i-repat para sa iba pang mga pahina ๐Ÿ™‚

      Huwag kalimutan na maaari mong i-on/off ang side bar o i-edit ang mga widget

      masasayang araw at walang katapusang magagandang disenyo, yipee!

      woocommerce mga shortcode > http://docs.woothemes.com/document/woocommerce-shortcodes/

      i-paste ang mga ito sa isang notepad/text doc na handa nang i-cut at i-paste

      John

Mag-iwan ng Sagot

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan *

Marka *

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.