Cum să configurați pick-up-uri în magazin pentru comenzi online cu pachetul de machiaj gratuit Divi's Coffee Shop & WooCommerce
Configurarea site-ului dvs. web utilizând pachetul de machete pentru cafenea Primul lucru pe care va trebui să-l faceți, înainte de a configura pickup-urile din magazin pentru comenzile online, este crearea unui site web complet funcțional, cu pachetul gratuit de amenajare a cafenelei. Am creat un tutorial care vă arată toți pașii pe care trebuie să îi parcurgeți sau, dacă preferați, puteți urmări doar videoclipul de mai jos. Permiteți ridicări în magazin pentru comenzi online cu pachetul de machete gratuite Divi Abonați-vă la canalul nostru Youtube Instalați pluginul WooCommerce Deci, odată ce ați parcurs procesul de configurare a pachetului de machete pentru cafenele, este timpul să începeți. Pentru acest tutorial, vom folosi două pluginuri suplimentare. Primul pe care va trebui să îl descărcați, utilizând următorul link, este WooCommerce. După ce ați descărcat pluginul WooCommerce, accesați site-ul dvs. WordPress> Plugin-uri> Adăugați noi> Și încărcați fișierul comprimat.
Instalați pluginul de selectare a timpului de preluare locală WooCommerce Al doilea plugin de care vom avea nevoie pentru acest tutorial este WooCommerce Local Pickup Time Select, pe care îl puteți descărca dacă faceți clic pe următorul link. Acest plugin gratuit este cel mai simplu și mai ieftin mod de a adăuga un timp de preluare la pagina dvs. de plată. Din nou, încărcați acest plugin pe site-ul WordPress la care lucrați în același mod ca și pentru pluginul WooCommerce. Schimbați setările pluginului WooCommerce Pluginul WooCommerce Local Pickup Time Select adaugă câteva setări suplimentare pluginului WooCommerce. Deci, dacă doriți să modificați setările, va trebui să accesați setările pluginului WooCommerce.
Apoi derulați fila General până când întâlniți „Orele magazinului și închiderile pentru ridicarea locală”. Începând de acolo, puteți alege când oamenii își pot prelua comenzile adăugând, printre altele, orele de deschidere și închidere.
Creați produse Crearea produselor în cadrul pluginului dvs. WooCommerce este un proces în doi pași; adăugarea categoriilor de produse și adăugarea produselor care aparțin fiecărei categorii. Pentru acest exemplu, creăm două categorii; cafea și patiserie. Adăugați categorii de produse În funcție de sortimentul dvs., veți avea probabil mai multe categorii care vă vor facilita afișarea produselor în diferite pagini. Pentru a adăuga o categorie, accesați Produse> Categorii> Adăugați o nouă categorie .
Adăugați produse Odată ce ați creat categoriile de produse, este timpul să adăugați diferitele produse. Puteți adăuga aceste produse accesând Produse> Adăugați noi . Odată ce adăugați un produs nou, va trebui să oferiți produsului dvs. un titlu, o descriere, un preț, o categorie și o imagine a produsului. Pentru acest tutorial, am creat patru produse diferite.
Adăugați produse la modulul magazin După ce ați activat pluginurile și ați adăugat produsele, puteți începe să vă schimbați site-ul vizual. Unul dintre primele lucruri pe care va trebui să le faceți este modulul Magazin pe care îl puteți găsi pe pagina Magazin.
Deschideți pagina Magazin cu Visual Builder Pentru a începe, deschideți pagina magazinului cu Visual Builder.
Schimbați structura coloanei modulului magazin Apoi, deschideți setările modulului magazin și schimbați numărul coloanei la „4 coloane”. După ce faceți acest lucru, veți urmări cele patru produse care apar într-o singură linie.
Schimbați pagina coșului de cumpărături Din păcate, paginile de produse sunt pagini pe care nu le puteți modifica cu Divi. Cu toate acestea, din fericire putem schimba alte pagini care conțin coduri scurte WooCommerce. Una dintre aceste pagini este pagina coșului de cumpărături. Adăugând câteva secțiuni și făcând unele modificări, vom face ca pagina noastră de coș de cumpărături să arate astfel:

Activați Visual Builder în pagina coșului de cumpărături Începeți accesând pagina coșului de cumpărături și activând Visual Builder. Schimbați lățimea rândului codului scurt al coșului de cumpărături Apoi, deschideți setările rândului care conține codul scurt al cărții de cumpărături și schimbați lățimea în „1075px”.
Salvați secțiunea Eroare pagină magazin, secțiune subsol și secțiune magazin în bibliotecă Apoi, deschideți pagina magazinului într-o altă filă și activați Visual Builder. Vom refolosi secțiunea erou, secțiunea magazin și secțiunea subsol a acestei pagini pe pagina coșului de cumpărături. Faceți clic pe următoarea opțiune a fiecărei secțiuni pentru a le adăuga în bibliotecă:
Adăugați secțiuni la pagina coșului de cumpărături După ce le-ați adăugat în biblioteca dvs., puteți continua și le puteți adăuga în pagina Coș de cumpărături făcând clic pe următoarea pictogramă:
Salvați pagina și ieșiți din Visual Builder Odată ce totul este la locul său, puteți salva pagina și ieși din Visual Builder. Schimbați pagina Checkout Apoi, există și pagina de checkout, pe care o puteți edita din fericire și cu Divi Builder. Opțiunea pentru ora de preluare va apărea pe această pagină. Rezultatul nostru final va arăta astfel:
Activați Visual Builder în pagina Checkout Începeți accesând pagina coșului de cumpărături și activând Visual Builder.
Modificați lățimea rândului Apoi, deschideți rândul care conține codul scurt WooCommerce și schimbați lățimea la „571px” în subcategoria Dimensionare.
Adăugați secțiunea erou și secțiunea subsol Puteți reutiliza secțiunea erou și secțiunea subsol din biblioteca dvs. și pe pagina de plată. Asigurați-vă că schimbați titlul secțiunii erou. Cu toate acestea, nu vom adăuga secțiunea magazinului la această pagină, deoarece suntem deja mai jos pe bandă. Adăugați informații despre preluare Un alt lucru recomandabil de adăugat la pagina dvs. de plată este o secțiune separată care conține informații despre preluarea comenzii. Asta poate ajunge să pară așa ceva:
Salvați pagina și ieșiți din Visual Builder Odată ce totul este la locul său, puteți salva pagina și ieși din Visual Builder. Vizualizați comenzile și timpul de preluare Comenzile plasate de oameni pe site-ul dvs. web apar în același mod ca de obicei, singura diferență este că timpul de preluare va fi adăugat. Dacă accesați site-ul dvs. WordPress> Comenzi> Deschideți o comandă , veți vedea că timpul de preluare este menționat în detaliile comenzii.
Alternativă la plugin: locații de preluare WooCommerce
Pluginul cu care am creat acest caz de utilizare este cea mai ușoară și mai ieftină soluție. Cu toate acestea, te limitează în anumite privințe. Nu îl puteți folosi dacă aveți magazine diferite și oamenii nu pot comanda lucruri cu mai mult de zece zile înainte. O alternativă pentru pluginul de selectare a timpului de preluare locală WooCommerce este pluginul Locații de preluare Woocommerce. Deși acesta este un plugin plătit, 22 USD pentru o licență obișnuită, este o alternativă foarte frumoasă datorită diferitelor opțiuni pe care vi le oferă. Oamenii pot selecta locația ridicării, momentul și data în timpul comenzii. De asemenea, puteți alege să afișați o hartă cu magazinele marcate pe ea.
Gânduri finale În acest tutorial, v-am arătat cum să permiteți cu ușurință site-ului dvs. de cafenea să aibă preluări în magazin pentru comenzi online. Acest tutorial face parte din inițiativa noastră săptămânală de proiectare Divi, în care împărtășim un caz de utilizare pentru pachetul de aspect gratuit care apare în fiecare săptămână. Dacă aveți întrebări sau sugestii; asigurați-vă că lăsați un comentariu în secțiunea de comentarii de mai jos! Asigurați-vă că vă abonați la newsletter-ul nostru de e-mail și la canalul YouTube, astfel încât să nu pierdeți niciodată un anunț mare, un sfat util sau un cadou gratuit Divi! Imagine prezentată de jabkitticha / shutterstock.com
homefinance blog