MaviBot destekli bir mini açılış sayfasında kurs fiyatlandırması ve ödemeyi yapılandırarak, müşterileriniz için satın alma sürecini büyük ölçüde basitleştirebilir ve finansal işlemlerin yönetimini kolaylaştırabilirsiniz.

Basit ve sezgisel bir ödeme süreci oluşturmak, açılış sayfanıza bir ödeme formu entegre etmenin teknik tarafıyla uğraşmadan kurslarınızı sunmanıza olanak tanır.

Bu makalede, gereksiz karmaşıklıklar olmadan web sitenizde kurs fiyatlandırmasını ve ödemeyi hızlı ve kolay bir şekilde nasıl yapılandıracağınızı öğreneceksiniz.

Lütfen dikkat!

Sayfanıza bir kurs kayıt formu eklemeden önce, öncelikle fiyatlandırma planınızı ayarladığınızdan emin olun.

Çevrimiçi kurslar için fiyatlandırma planlarının nasıl yapılandırılacağını ayrı bir makalede ele aldık. link

Kurs için web sitesi nasıl oluşturulur

Başlamadan önce, uygun bölüme giderek web sitenizi hazırlayın:

Ardından, "+Oluştur"a tıklayın:

Web sitesi türünüzü seçin: "Çok sayfalı site," "Açılış sayfası" veya "Form":

Oluşturucuyu kullanarak bölümlerden nasıl web sitesi oluşturulacağına dair ayrıntılı talimatlar "İş web siteleri" bölümünde bulunabilir. link

Zaten MaviBot platformunda oluşturulmuş bir web siteniz varsa, web sitesi kartına tıklayarak site bölümlerini düzenlemeye gidin:

Çok sayfalı web sitesi

Çok sayfalı bir site oluştururken, aşağıdaki türlerde birkaç sayfa otomatik olarak oluşturulur:

  1. Ana sayfa;
  2. Ekibimiz;
  3. Hakkımızda.

Otomatik olarak bir üstbilgi ve altbilgi oluşturulur; buraya şirketiniz hakkında önemli bilgiler ekleyebilirsiniz. Hem üstbilgi hem de altbilgi web sitesinin her sayfasında görünür, böylece her bir sayfada aynı blokları oluşturmanız gerekmez.

Sitenin herhangi bir sayfasının düzenleme moduna girmek için istediğiniz sayfanın satırına tıklayın.

Ayrıca web sitesi için ek sayfalar da oluşturabilirsiniz. Bunu yapmak için aynı ada sahip düğmeye tıklayın, ardından bir sayfa şablonu, bir form seçin veya bir dosyadan sayfa yükleyin:

Bir dosyadan sayfa yüklemek, web sitesi sayfalarını başka bir projeden aktarmanıza olanak tanır.

Web sitesi sayfalarının nasıl dışa ve içe aktarılacağı hakkında daha fazla ayrıntı için aşağıdaki "Web sitesi sayfalarını dışa/içe aktarma" bölümüne bakın. link

"Şablon oluştur"a tıklamak, boş bir tane de dahil olmak üzere herhangi bir sayfa şablonunu seçebileceğiniz bir pencere açacaktır:

Açılış sayfası (formlar, anketler ve testler)

"Açılış sayfası oluştur"a tıklamak, çeşitli site şablonları arasından seçim yapabileceğiniz bir form açacaktır:

Beğendiğiniz herhangi bir web sitesi şablonunu seçebilir ve yazı tipleri, arka plan ve resimler gibi çeşitli ayarları özelleştirebilirsiniz. Ayrıca ihtiyacınız olan herhangi bir ek web sitesi bloğunu (bölüm) ekleyebilirsiniz.

Çok sayfalı bir web sitesinin aksine, bir açılış sayfası oluşturmak sizi doğrudan sayfa düzenleyicisine götürür.

Daha sonra, açılış sayfası sekmesine tıkladığınızda,

gönderimler, ana bilgiler ve açılış sayfası ayarlarının bulunduğu bölüme yönlendirilirsiniz. Çok sayfalı bir web sitesinin aksine, birden çok sayfa görmezsiniz çünkü bir açılış sayfası yalnızca bir sayfadan oluşur.

Açılış sayfanıza daha fazla sayfa eklemeniz ve onu çok sayfalı bir web sitesine dönüştürmeniz gerekirse, site ayarlarına gidin, site türünü "Çok sayfalı web sitesi" olarak değiştirin ve değişiklikleri kaydedin:

Web sitesi, bir form, anket veya test olarak oluşturulduğunda da benzer şekilde davranır. Ancak, diğer web sitesi türlerinden farklı olarak, oluşturma sırasında herhangi bir şablon sunulmaz çünkü sayfa, seçilen web sitesi türüne bağlı olarak otomatik olarak bir "Form" veya "Test" bloğu içerir.

Örnekte gösterildiği gibi, bir "Form" türü sitenin ayarlarına erişmek için "Düzenle" düğmesine tıklamanız gerekir.

Bu sizi, tek bir "Form" bölümünün (veya seçilen site türüne bağlı olarak testler ve çok sayfalı anketler) oluşturulduğu sayfa düzenleme moduna götürecektir.

Web sitenize (hem çok sayfalı hem de açılış sayfası) istediğiniz zaman "Form," "Test" ve "Anket" bölümleri ekleyebilirsiniz.

Daha fazla yapılandırma için site düzenleme moduna gidin.

Kurs kaydı için "Form" bölümü

Hangi site türünü seçerseniz seçin—"Çok sayfalı web sitesi," "Açılış sayfası" veya "Form"—sayfa düzenleme modu aynı kalır.

Kurs kaydı için bir "Form" bölümü (veya site oluşturucudaki başka bir bölüm) oluşturmak için, ödeme formunu eklemek istediğiniz bölümün üzerine gelin. Ardından, bölümler menüsünü açmak için görünen "+" düğmesine tıklayın:

Ardından, açılan menüde "Form" bölümünü bulun:

Ardından, bölümü sitenize eklemek için "Form"a tıklayın:

Şimdi formu yapılandıralım:

Burada, "Öğrenci kurs kaydı için form" etiketli onay kutusunu etkinleştirmeniz gerekir:

Bu onay kutusu, kurs için daha fazla ödeme ayarının kilidini açar:

  1. Web sitesinde form oluşturmak istediğiniz kursu seçin:

  1. Bir plan seçin:

Bu alan, kurs planı ödemeleri için temel ayarlardan biridir, çünkü web sitesindeki formun hangi plan (veya tüm planlar) için geçerli olacağını seçmenize olanak tanır.

  1. Form ipucu:

Varsayılan ipucu metnini bırakabilir veya kendi metninizi yazabilirsiniz:

İpucunun kurs kayıt/ödeme formunda görünmesini istemiyorsanız, "İpucunu gizle" onay kutusunu kullanın:

Form soruları

Bir form oluştururken, kullanıcının e-postası, telefon numarası ve adı için alanlar eklenmesi zorunludur.

Kullanıcılarınız için bir veri giriş alanı eklemek üzere "Soru oluştur" düğmesine tıklayın:

Ardından, soru ayarlama formu görünecektir:

Açılır listeden "Ad" alan türünü seçmeniz gerekir:

Ve "Zorunlu soru" onay kutusunu etkinleştirin:

Ardından, ikinci soruyu oluşturun:

İkinci soru için "E-posta" alan türünü seçin:

Bu soru da zorunlu olmalıdır; aksi takdirde öğrenci kursunuza erişemez veya otomatik kaydı tamamlayamaz.

Benzer şekilde, "Telefon numarası" alan türüyle bir sonraki soruyu ekleyin:

Kurs kaydı ve ödeme formu için ana kurulumunuz artık tamamlanmıştır.

Ardından, bölümü istediğiniz gibi özelleştirebilirsiniz: arka plan ve düğme renklerini değiştirin ve diğer soru alanlarını ekleyin.

Özelleştirme ve "Form" bölümünün tüm özellikleri hakkında daha fazla bilgi için "Form yanıtları" bölümüne bakın. link

Test etme

Ödeme ve kayıt formunu yapılandırdıktan sonra site ayarlarınızı kaydettiğinizden emin olun.

Ardından, web sitesi önizlemesine gidin:

Web sitesinde kurs kayıt/ödeme formunu göreceksiniz.

Boş alanlara bilgilerinizi girerek formu test edelim:

Şimdi, verileri sisteme gönderin ve başvuru ve ödeme formuna ilerleyin.

Form doğru çalıştı: müşteriyi sipariş işleme sayfasına ve ardından seçilen ödeme hizmeti aracılığıyla bir ödeme penceresine yönlendirdi.

"Kurs kartları" bölümü

Okulunuzda bulunan kurslar hakkındaki bilgileri web sitesinde "Kurs kartları" bölümünü kullanarak görüntüleyebilirsiniz:

"Kurs kartları" bölümünü eklemek için web sitesi düzenleme modunuzda "+" düğmesine tıklayın:

Ardından, görünen menüde "Kurs kartları" bölümünü bulun ve bölümü web sitenize eklemek için tıklayın:

Bölüm sitenize eklenecek ve içerik ayarları menüsü sizin için açılacaktır:

Blok içeriği

"Kurs Kartları" bloğunu yapılandırmak, web sitesinde görüntülemek için projede zaten oluşturulmuş bir veya daha fazla kurs seçmeyi ve kart öğelerini özelleştirmeyi içerir.

MaviBot platformunda kursların nasıl oluşturulacağı "Çevrimiçi kurslar" bölümünde açıklanmıştır. link

Kurs seçimi

Web sitenizde sergilemek istediğiniz kursları seçin:

Bunu yapmak için, eklemek istediğiniz her kursun adının yanındaki kutuyu işaretleyin:

Seçilen kurslar, kurs ayarlarında belirlediğiniz kapak resmiyle birlikte web sitesi sayfanızda hemen görünecektir.

Özelleştirme

Şimdi, istediğiniz kursları seçtikten sonra kart öğelerini özelleştirelim:

  1. Gölge

Bölümdeki kurs kartları için gölge yoğunluğunu ayarlayabilirsiniz:

а) gölgesiz:

b) hafif gölge:

c) güçlü gölge:

  1. Kart öğeleri için renk paleti

Karttaki arka plan, metin (hem kartın kendisinde hem de düğmelerde) renklerini değiştirebilir ve imleçle üzerine gelindiğinde öğe renklerini değiştirerek etkileşim ekleyebilirsiniz:

a) Yazı tipi rengi: karttaki ana metin rengini değiştirmeye yardımcı olur (düğmesi hariç):

b) Kart arka planı: bir kartın arka plan rengini değiştirmek için.

c) Kenarlık rengi: kart kenarlıklarının renk şemasını değiştirmek için.

d) Düğme metni: düğme metninin normal (statik) durumdaki rengini değiştirmek için.

e) Düğme arka planı: kurs kartı düğmesinin arka plan rengini değiştirmenize olanak tanır.

Sitenize etkileşim eklemek için, üzerine gelindiğinde düğme renklerini de değiştirebilirsiniz. Bunun için üzerine gelme rengi ayarlarını kullanın.

Artık mevcut MaviBot kurslarınızı "Kurs kartları" bölümünü kullanarak web sitenizde nasıl görüntüleyeceğinizi biliyorsunuz.

Arka plan ayarları ve görüntüleme seçenekleri hakkında bilgiyi "Evrensel bölüm ayarları" makalesinde bulabilirsiniz. link

"Ders listeleri" bölümü

Çevrimiçi kurs kartlarının yanı sıra, web sitesi sayfanıza ders listeleri de ekleyebilirsiniz. Bölümde istediğiniz kursu seçmeniz yeterlidir; tüm dersler görüntülenecektir:

Kurs ders listesini görüntülemek için bir blok eklemek üzere site düzenleme moduna girin, çalışma alanının üzerine gelin ve ardından "+" düğmesine tıklayın:

Sağda mevcut site bölümlerinin bulunduğu bir menü açılacaktır. "Ders listeleri" bloğunu orada bulmalısınız:

Bloğun içerik ayarları menüsünü açmak için "Kurs kartları"na tıklayın:

Açılır menüden istediğiniz kursu (MaviBot'ta zaten oluşturulmuş) seçin ve "Kaydet"e tıklayın.

Ardından, bloğun içeriğini özelleştirmek için ayarlara gidin.

Özelleştirme

Bölümün üzerine gelin ve hem içerik hem de blok görünümü için özelleştirme panelini açmak üzere "Ayarlar"a tıklayın.

Aşağıdaki ayarları yapılandırabilirsiniz:

  1. Ders listesi stili

Varsayılan olarak, ders listesi yeni formatta görüntülenir. İsterseniz, daha özlü, klasik bir görüntüleme stiline geçebilirsiniz.

  1. Numaralandırma stili

Bu ayar yalnızca yeni ders listesi düzeni için kullanılabilir. Seçilen numaralandırma türü, her ders kartının içinde uygulanır.

  1. Ders simgeleri

Yalnızca kursun ders ayarlarına bir önizleme yüklenmişse görüntülenir.

Simgeler nasıl eklenir

Adım 1. Ders ayarlarına gidin:

Bunu yapmak için kurs ayarları moduna girin ve "Dersler" sekmesini bulun:

Ardından, ders düzenleme sayfasını açmak için "Düzenle"ye tıklayın.

Adım 2. Ders sayfası ayarlarını açın.

Ders sayfası ayarlarında, "Temel Bilgiler" bölümüne gidin:

Adım 3. Ders önizlemesini yükleyin

"Temel bilgiler" ayarlarında, resim ayarları açılır menüsünü genişletin:

Ders önizlemesi için bir resim yükleyin:

Ayarlarınızı kaydedin:

Tamamlandı! Artık ders önizlemeleri, web sitenizdeki "Ders listeleri" bölümünde simgeler olarak görüntülenecektir.

  1. Arka plan deseni

Ders kartlarınıza derinlik ve benzersizlik katar:

  1. Öğe yuvarlama

Değer piksel cinsinden ayarlanır ve ders kartlarının köşelerini yuvarlar:

  1. Ders kartı stili

Ders kartlarını tek bir satırda veya birden çok satırda, sarmalı veya sarmasız olarak düzenlemeye yardımcı olur.

  1. Arka plan ve metin rengi

Ders kartında arka plan rengini ve yazı tipi rengini ayarlamak için kapsamlı bir renk paletine erişiminiz vardır:

Artık web sitenize ders listelerini nasıl ekleyeceğinizi ve bölümün içeriğini nasıl özelleştireceğinizi biliyorsunuz.

Arka plan ve görüntüleme ayarları hakkında bilgi edinmek için "Evrensel bölüm ayarları" makalesini okuyun. link