Divi'nin Ücretsiz Kahve Dükkanı Düzen Paketi ve WooCommerce ile Çevrimiçi Siparişler için Mağazadan Teslim Alımları Nasıl Kurulur

Bir kahve dükkanı web sitesi oluşturuyorsanız, aradığınız şeylerden biri, çevrimiçi siparişler için mağazadan teslim alımlara izin vermenin bir yoludur. Kahve sipariş etmek için saatlerce kuyrukta bekleyecek zamanı olmayan yeni bir kitleyi çekmeyi kolaylaştırıyor. Ayrıca bir kahve dükkanı sahibi olarak daha organize olmanıza yardımcı olur.

Böyle bir sistem oluşturma sürecinde size yardımcı olmak için bu öğreticiyi oluşturduk. Ücretsiz Kahve Dükkanı Düzen Paketi, WooCommerce eklentisi ve WooCommerce Yerel Teslim Alma Zamanı Seçme eklentisini kullanarak çevrimiçi siparişler için mağazadan teslim alma olanağı sağlayan tam işlevli bir kahve dükkanı web sitesine nasıl ulaşacağınızı adım adım göstereceğiz.

Kahve Dükkanı Düzen Paketini Kullanarak Web Sitenizi Kurma

Çevrimiçi siparişler için mağazadan teslim alımlarını ayarlamadan önce yapmanız gereken ilk şey, ücretsiz Coffee Shop Düzen Paketi ile tam işlevli bir web sitesi oluşturmaktır. Size izlemeniz gereken tüm adımları gösteren bir eğitim hazırladık veya isterseniz aşağıdaki videoyu izleyerek izleyebilirsiniz.

Divi'nin Ücretsiz Kahve Dükkanı Düzen Paketi ile Çevrimiçi Siparişler için Mağazadan Teslim Almaya İzin Verin

Youtube Kanalımıza Abone Olun

WooCommerce Eklentisini Yükleyin

Kahve Dükkanı Düzen Paketi'nin kurulum sürecini tamamladığınızda, başlama zamanı. Bu eğitim için iki ek eklenti kullanacağız. Aşağıdaki bağlantıyı kullanarak indirmeniz gereken ilk şey WooCommerce. WooCommerce eklentisini indirdikten sonra, WordPress web siteniz > Eklentiler > Yeni Ekle > ve sıkıştırılmış dosyayı yükleyin.

WooCommerce Yerel Alım Zamanı Seçme Eklentisini Kurun

Bu eğitim için ihtiyaç duyacağımız ikinci eklenti, aşağıdaki bağlantıya tıklarsanız indirebileceğiniz WooCommerce Yerel Alım Zamanı Seçimidir. Bu ücretsiz eklenti, ödeme sayfanıza teslim alma süresi eklemenin en kolay ve en ucuz yoludur. Yine, bu eklentiyi, üzerinde çalıştığınız WordPress web sitesine WooCommerce eklentisi için yaptığınız gibi yükleyin.

WooCommerce Eklentisinin Ayarlarını Değiştirin

WooCommerce Yerel Alma Zamanı Seçme eklentisi, WooCommerce eklentinize bazı ek ayarlar ekler. Yani ayarları değiştirmek istiyorsanız, WooCommerce eklentisinin ayarlarına gitmeniz gerekecek.

Ardından, 'Yerel Alım için Mağaza Saatleri ve Kapanışları' ile karşılaşana kadar Genel sekmesini aşağı kaydırın. Buradan başlayarak, diğer şeylerin yanı sıra açılış ve kapanış saatlerini ekleyerek insanların siparişlerini ne zaman teslim alabileceğini seçebilirsiniz.

Ürünler Oluşturun

WooCommerce eklentinizde ürün oluşturmak iki adımlı bir işlemdir; ürün kategorilerinin eklenmesi ve kategorilerin her birine ait ürünlerin eklenmesi. Bu örnek için iki kategori oluşturuyoruz; kahve ve pasta.

Ürün Kategorileri Ekle

Ürün çeşitliliğinize bağlı olarak, ürünlerinizi farklı sayfalarda göstermeyi kolaylaştıracak birden fazla kategoriniz olabilir. Kategori eklemek için Ürünler > Kategoriler > Yeni kategori ekle seçeneğine gidin.

Ürün Ekle

Ürün kategorilerini oluşturduktan sonra sıra farklı ürünleri eklemeye gelir. Bu ürünleri Ürünler > Yeni ekle seçeneğine giderek ekleyebilirsiniz. Yeni bir ürün ekledikten sonra ürününüze bir başlık, açıklama, fiyat, kategori ve ürün resmi vermeniz gerekecektir. Bu eğitim için dört farklı ürün oluşturduk.

Mağaza Modülüne Ürün Ekle

Eklentileri etkinleştirip ürünleri ekledikten sonra web sitenizi görsel olarak değiştirmeye başlayabilirsiniz. Yapmanız gereken ilk şeylerden biri, Mağaza sayfasında bulabileceğiniz Mağaza Modülü.

Visual Builder ile Mağaza Sayfasını Açın

Başlamak için mağaza sayfasını Visual Builder ile açın.

Mağaza Modülünün Sütun Yapısını Değiştir

Ardından, Mağaza Modülü ayarlarını açın ve Sütun Numarasını '4 Sütun' olarak değiştirin. Bunu yaptığınızda, dört ürününüzün tek satırda görünmesini izleyeceksiniz.

Alışveriş Sepeti Sayfasını Değiştir

Ürün sayfaları ne yazık ki Divi ile değiştiremeyeceğiniz sayfalardır. Ancak, neyse ki WooCommerce kısa kodları içeren diğer bazı sayfaları değiştirebiliriz. Bu sayfalardan biri de alışveriş sepeti sayfasıdır. Bazı bölümler ekleyerek ve bazı değişiklikler yaparak, alışveriş sepeti sayfamızın şu şekilde görünmesini sağlayacağız:

Alışveriş Sepeti Sayfasında Visual Builder'ı Etkinleştir

Alışveriş sepeti sayfanıza giderek ve Visual Builder'ı etkinleştirerek başlayın.

Alışveriş Sepeti Kısa Kodunun Satır Genişliğini Değiştir

Ardından, alışveriş kartı kısa kodunu içeren satırın ayarlarını açın ve genişliği '1075px' olarak değiştirin.

Mağaza Sayfası Kahraman Bölümünü, Altbilgi Bölümünü ve Mağaza Bölümünü Kitaplığa Kaydet

Ardından, mağaza sayfasını başka bir sekmede açın ve Visual Builder'ı etkinleştirin. Alışveriş sepeti sayfamızda bu sayfanın kahraman bölümünü, mağaza bölümünü ve altbilgi bölümünü yeniden kullanacağız. Kitaplığa eklemek için her bölümün aşağıdaki seçeneğine tıklayın:

Alışveriş Sepeti Sayfasına Bölüm Ekle

Bunları kitaplığınıza ekledikten sonra, aşağıdaki simgeye tıklayarak devam edip Alışveriş Sepeti sayfanıza ekleyebilirsiniz:

Sayfayı Kaydet ve Görsel Oluşturucudan Çık

Her şey yerine oturduğunda, sayfayı kaydedebilir ve Visual Builder'dan çıkabilirsiniz.

Ödeme Sayfasını Değiştir

Ardından, Divi Builder ile şans eseri düzenleyebileceğiniz ödeme sayfası da var. Alış zamanı seçeneği bu sayfada görünecektir. Son sonucumuz şöyle görünecek:

Ödeme Sayfasında Visual Builder'ı Etkinleştir

Alışveriş sepeti sayfanıza giderek ve Visual Builder'ı etkinleştirerek başlayın.

Satır Genişliğini Değiştir

Ardından, WooCommerce kısa kodunu içeren satırı açın ve Boyutlandırma alt kategorisinde genişliği '571px' olarak değiştirin.

Kahraman Bölümü ve Altbilgi Bölümü Ekle

Kitaplığınızdaki kahraman bölümünü ve altbilgi bölümünü de ödeme sayfasında yeniden kullanabilirsiniz. Kahraman bölümünün başlığını değiştirdiğinizden emin olun. Ancak, zaten yolun aşağısında olduğumuz için mağaza bölümünü bu sayfaya eklemeyeceğiz.

Teslim Alma Bilgilerini Ekle

Ödeme sayfanıza eklemeniz tavsiye edilen başka bir şey de sipariş teslim alma hakkında bilgiler içeren ayrı bir bölümdür. Bu, şöyle bir şeye benzeyebilir:

Sayfayı Kaydet ve Görsel Oluşturucudan Çık

Her şey yerine oturduğunda, sayfayı kaydedebilir ve Visual Builder'dan çıkabilirsiniz.

Siparişleri ve Teslim Alma Süresini Görüntüle

İnsanların web sitenize verdiği siparişler her zamanki gibi görünür, tek fark teslim alma süresinin eklenecek olmasıdır. WordPress web siteniz > Siparişler > Bir sipariş açın seçeneğine giderseniz, sipariş ayrıntılarında teslim alma süresinin belirtildiğini görürsünüz.

Eklenti Alternatifi: WooCommerce Alma Konumları

Bu kullanım senaryosunu birlikte oluşturduğumuz eklenti, piyasadaki en kolay ve en ucuz çözümdür. Ancak, sizi bazı yönlerden sınırlar. Farklı mağazalarınız varsa ve insanlar on günden fazla sipariş veremezlerse bundan yararlanamazsınız. WooCommerce Yerel Alım Zamanı Seçme Eklentisine bir alternatif, WooCommerce Alım Yerleri eklentisidir. Bu ücretli bir eklenti olmasına rağmen, normal bir lisans için 22 $, size sunduğu farklı seçenekler nedeniyle çok güzel bir alternatif. Kişiler sipariş verirken teslim alma yerini, zamanını ve tarihini seçebilir. Ayrıca üzerinde mağazalarınızın bulunduğu bir haritayı görüntülemeyi de seçebilirsiniz.

Son düşünceler

Bu eğitici yazıda, kahve dükkanı web sitenizin çevrimiçi siparişler için mağazadan teslim alma işlemlerine nasıl kolayca izin vereceğinizi gösterdik. Bu eğitim, her hafta çıkan ücretsiz düzen paketi için bir kullanım senaryosunu paylaştığımız haftalık Divi tasarım girişimimizin bir parçasıdır. Herhangi bir sorunuz veya öneriniz varsa; Aşağıdaki yorum bölümünde bir yorum bıraktığınızdan emin olun!

Büyük bir duyuruyu, faydalı ipucunu veya Divi freebie'sini asla kaçırmamak için e-posta bültenimize ve YouTube kanalımıza abone olmayı unutmayın!

Öne Çıkan Görsel jabkitticha / Shutterstock.com