# Kursların web sitesi üzerinden satışı

MaviBot destekli mini bir açılış sayfasında kurs fiyatlandırmasını 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, bir ödeme formunu açılış sayfanıza entegre etmenin teknik tarafıyla uğraşmadan kurslarınızı sunmanızı sağlar.

<figure><img src="/files/f67759f3acf15468cb74a20c276694792caa5c51" alt="" width="563"><figcaption></figcaption></figure>

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

{% hint style="info" %}
Lütfen dikkat!

Sayfanıza bir kurs kayıt formu eklemeden önce, önce fiyatlandırma planınızı oluşturduğunuzdan emin olun.

Çevrim içi kurslar için fiyatlandırma planlarının nasıl yapılandırılacağını ayrı bir makalede ele aldık. <mark style="color:kırmızı;">**bağlantı**</mark>
{% endhint %}

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

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

<figure><img src="/files/416c1aa66a29d3b1f91309f7eef07dd37bcd6e71" alt="" width="444"><figcaption></figcaption></figure>

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

<figure><img src="/files/98a9e4dd09b3ee3915364fde30291fb2fb786f82" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/35fda4a5d4825fdd62072016694bc61a119ada0e" alt="" width="358"><figcaption></figcaption></figure>

{% hint style="info" %}
Bölümleri kullanarak oluşturucu ile bir web sitesinin nasıl yapılacağına dair ayrıntılı talimatları "İş web siteleri" bölümünde bulabilirsiniz. <mark style="color:kırmızı;">**bağlantı**</mark>
{% endhint %}

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

<figure><img src="/files/d4c2e09228446e903608e63ec00d993e0d214197" alt=""><figcaption></figcaption></figure>

### Çok sayfalı web sitesi

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

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

<figure><img src="/files/0e64243245534e0af16e90e06bf602c970e3b5e2" alt=""><figcaption></figcaption></figure>

Şirketiniz hakkında önemli bilgileri ekleyebileceğiniz bir üstbilgi ve altbilgi otomatik olarak oluşturulur. 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ı düzenleme moduna girmek için, istediğiniz sayfanın satırına tıklayın.

<figure><img src="/files/84a9e2fe4e5bfc8dc274fa05462cf6676e63a842" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/e6e0a5c44340f527fe1840c56571bf65696b3023" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Bir dosyadan sayfa yüklemek, web sitesi sayfalarını başka bir projeden aktarmanıza olanak tanır.

Web sitesi sayfalarını dışa ve içe aktarma hakkında daha fazla ayrıntı için aşağıdaki "Web sitesi sayfalarını Dışa / İçe Aktar" bölümüne bakın. bağlantı
{% endhint %}

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

<figure><img src="/files/97384bbe0307e2f86c50f821d03822bf3a1e01ee" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/20293cce8d22df4eb309299591260711434699e6" alt=""><figcaption></figcaption></figure>

Beğendiğiniz herhangi bir web sitesi şablonunu seçebilir ve yazı tipi, arka plan ve görseller gibi çeşitli ayarları özelleştirebilirsiniz. Ayrıca ihtiyacınız olan ek web sitesi bloklarını (bölümleri) da ekleyebilirsiniz.

Çok sayfalı bir web sitesinden farklı olarak, açılış sayfası oluşturmak sizi doğrudan sayfa düzenleyicisine götürür.&#x20;

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

<figure><img src="/files/80347a1606dd0d9ece29fb6ce83b768fa2a213bd" alt="" width="563"><figcaption></figcaption></figure>

&#x20;gönderimler, ana bilgiler ve açılış sayfası ayarları bulunan bölüme yönlendirileceksiniz. Çok sayfalı bir web sitesinin aksine, açılış sayfası yalnızca tek bir sayfadan oluştuğu için birden fazla sayfa görmezsiniz.

<figure><img src="/files/c48b9d9a61ac432fe5c2f4db45ff35864d20d858" alt=""><figcaption></figcaption></figure>

Açılış sayfanıza daha fazla sayfa eklemeniz ve bunu ç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:

<figure><img src="/files/9fe09cc4a5d5cdec90bb54c014c1a827d5caea6d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/c50bc8965845f3a5354e9ee1a5532ce526c19005" alt=""><figcaption><p>"Form" web sitesi türü oluşturma</p></figcaption></figure>

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

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

{% hint style="info" %}
Web sitenize istediğiniz zaman "Form," "Test" ve "Anket" bölümleri ekleyebilirsiniz (hem çok sayfalı hem de açılış sayfasına).
{% endhint %}

{% hint style="success" %}
Daha fazla yapılandırma için site düzenleme moduna gidin.
{% endhint %}

## Bir 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.

<figure><img src="/files/093f3851983517795dadfbe674dff3f8a214d7be" alt=""><figcaption></figcaption></figure>

Kurs kaydı için bir "Form" bölümü oluşturmak için (veya site oluşturucudaki herhangi bir başka bölüm 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:

<figure><img src="/files/62d4ed6bfecea6a2bd3e1af778d406eeff4ac653" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/4f026efc52b822132050bbfd730b74468bc83300" alt="" width="297"><figcaption></figcaption></figure>

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

<figure><img src="/files/5de945f5293bda751b0d40b842dace1c5efabcaa" alt="" width="563"><figcaption></figcaption></figure>

Şimdi formu yapılandıralım:

<figure><img src="/files/54a4ba63cf784c4b810f2e8fd502df4b5e36ba5f" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/5dc845509d2aabf196f4555ff416e6ef4e38aa1d" alt="" width="563"><figcaption></figcaption></figure>

Bu onay kutusu, kurs için sonraki ödeme ayarlarının kilidini açar:

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

<figure><img src="/files/eb371de672f0d144eb9b28b5c6f663c04654bb66" alt="" width="563"><figcaption></figcaption></figure>

2. Bir plan seçin:

<figure><img src="/files/fe353a0aef037bc15ad4061bfac93f9e321002ef" alt="" width="563"><figcaption></figcaption></figure>

Bu alan, kurs planı ödemeleri için temel ayarlardan biridir; çünkü formun web sitesinde hangi plana (veya tüm planlara) uygulanacağını seçmenize olanak tanır.

3. Form ipucu:

<figure><img src="/files/5d16642cd04e9f3e6d101c69b02e16c0ec20872e" alt="" width="563"><figcaption></figcaption></figure>

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

<div><figure><img src="/files/36f0767f45b5e69ce6f1316e1a80731f72c9dfdc" alt=""><figcaption></figcaption></figure> <figure><img src="/files/50c1f4c9df24a4af2e32f653b940833e8c4ec439" alt=""><figcaption></figcaption></figure></div>

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

<figure><img src="/files/d4eb23c3de8b8692d4792bdb117b736b965a9260" alt="" width="362"><figcaption></figcaption></figure>

### Form soruları

Bir form oluştururken, kullanıcı e-postası, telefon numarası ve adı için alanlar eklemek zorunludur. <br>

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

<figure><img src="/files/74a43558be418b3df662e8d67e07755eeb27932c" alt="" width="375"><figcaption></figcaption></figure>

Ardından soru ayar formu görünecektir:

<figure><img src="/files/9f6569a26b8689c93b9fa123df0e79237295178c" alt="" width="563"><figcaption></figcaption></figure>

Açılır सूचीden "Ad" alan türünü seçmeniz gerekir:

<figure><img src="/files/78ae2fd6858d2436f2b51c11700d56b78b5c7cb9" alt="" width="563"><figcaption></figcaption></figure>

Ve "Zorunlu soru" onay kutusunu etkinleştirin:

<figure><img src="/files/f76b5f33f114a3f7c7939618d0564b572fd2ef29" alt="" width="563"><figcaption></figcaption></figure>

Sonraki olarak, ikinci soruyu oluşturun:

<figure><img src="/files/211da915f37893c0fe9824876ad36db39f0a3493" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/291049ef45c03dfd7d26341a6940401e2e2349e1" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/90e2e73c9482d90beed5065d200cf6ea72566665" alt="" width="353"><figcaption></figcaption></figure>

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

<figure><img src="/files/9da74eddd07977f80f4c3d132fb28f43e14d1c90" alt="" width="563"><figcaption></figcaption></figure>

Kurs kaydı ve ödeme formu için ana kurulumunuz artık tamamlandı.

{% hint style="info" %}
Sonraki olarak, bölümü istediğiniz gibi özelleştirebilirsiniz: arka plan ve düğme renklerini değiştirin ve diğer soru alanlarını ekleyin. <br>

Ö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. <mark style="color:kırmızı;">**bağlantı**</mark>
{% endhint %}

### Test etme

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

<figure><img src="/files/c8963b257141d62adf6918caaa4a809be8824372" alt="" width="563"><figcaption></figcaption></figure>

Ardından, web sitesi önizlemesine gidin:

<figure><img src="/files/05aaa24b9618e7a5b0b6629598658a0d9d4a2042" alt="" width="407"><figcaption></figcaption></figure>

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

<figure><img src="/files/8af79f8ab4b31c1b42e6dd22ff2794dae895a8dd" alt="" width="563"><figcaption></figcaption></figure>

Boş alanlara bilgilerinizi girerek formu test edelim:

<figure><img src="/files/77d0a32f75d72eb6f2d5a6deb8cced5ed6bc8ff1" alt="" width="563"><figcaption></figcaption></figure>

Şimdi verileri sisteme gönderin ve başvuru ve ödeme formuna geçin.

<figure><img src="/files/22a2292bd734dff9cfddd5340d90151c689fecc9" alt=""><figcaption></figcaption></figure>

Form doğru çalıştı: müşteriyi sipariş işleme sayfasına yönlendirdi ve ardından seçilen ödeme hizmeti üzerinden bir ödeme penceresi açıldı.

## "Kurs kartları" bölümü

"Kurs kartları" bölümünü kullanarak, okulunuzda sunulan kurslarla ilgili bilgileri web sitesinde görüntüleyebilirsiniz:

<figure><img src="/files/22c4e0d3f155092466c758a829dad7128989d12c" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/6807339cd5590d6a3b463c276c4c7eb9225a14fd" alt="" width="563"><figcaption></figcaption></figure>

Sonra, açılan menüde "Kurs kartları" bölümünü bulun ve web sitenize eklemek için üzerine tıklayın:

<figure><img src="/files/783b0f2242c6e2e1df2a374380d20590a962a6c1" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/ae1fbbe37dd4b288bcab57c23755bdd12806b7bf" alt=""><figcaption></figcaption></figure>

### Blok içeriği

"Kurs Kartları" bloğunu yapılandırmak, web sitesinde görüntülenecek proje içinde zaten oluşturulmuş bir veya daha fazla kursu seçmeyi ve kart öğelerini özelleştirmeyi içerir.&#x20;

{% hint style="info" %}
MaviBot platformunda kursların nasıl oluşturulacağı "Çevrim içi kurslar" bölümünde açıklanmaktadır. <mark style="color:kırmızı;">**bağlantı**</mark>
{% endhint %}

### Kurs seçimi

Web sitenizde öne çıkarmak istediğiniz kursları seçin:

<figure><img src="/files/2557e62cace4a81f0733fa9c7ae7cc65b9bf6d52" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/bbc143c0500029a13d350e0bf0d346b61aed4770" alt="" width="563"><figcaption></figcaption></figure>

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

### Özelleştirme

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

<figure><img src="/files/282765468a5bfc783bb196f47834827cc9fcf8c9" alt="" width="563"><figcaption></figcaption></figure>

1. **Gölge**

<figure><img src="/files/48ca2ffaf53d774c0f9b0d19df6c4587229f8cf4" alt="" width="563"><figcaption></figcaption></figure>

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

a) gölgesiz:

<figure><img src="/files/abb2d8864df2f3f4d50f7b1a49f787d1209317a1" alt=""><figcaption></figcaption></figure>

b) hafif gölge:

<figure><img src="/files/c30d8dd7c1d5f0183d62cab8703df386933324ec" alt=""><figcaption></figcaption></figure>

c) güçlü gölge:&#x20;

<figure><img src="/files/1c676d497fd329ccd39830b6e94cd426651a5d72" alt=""><figcaption></figcaption></figure>

2. **Kart öğeleri için renk paleti**

<figure><img src="/files/186c5cd488779ec2b868ec99a86ca1b9eafdb40e" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="/files/0e4441425c75d3a1348bf9b8200fa35196c43147" alt="" width="375"><figcaption></figcaption></figure>

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

<figure><img src="/files/2c564d93f640c515f195ba4f39862c7814e34165" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/edee2dd618fa24453e17039b16e8f06f5fa65d63" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/09eca539e9156714723515f76bca1ab0a0e63b3e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/203e2894b4d19e4cba6de20823dee0364202b0b4" alt=""><figcaption></figcaption></figure>

e) Düğme arka planı: kurs kartı düğmesinin arka plan rengini değiştirmenizi sağlar.

<figure><img src="/files/ff6c58ec915d346d217e498a005fbec71ff675d6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/5750caaf8e2256ee3abcab3036b6e3d67a8b4291" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Artık mevcut MaviBot kurslarınızı web sitenizde "Kurs kartları" bölümünü kullanarak nasıl görüntüleyeceğinizi biliyorsunuz.
{% endhint %}

{% hint style="info" %}
Arka plan ayarları ve görüntüleme seçenekleri hakkında "Evrensel bölüm ayarları" makalesinde bilgi edinin. <mark style="color:kırmızı;">**bağlantı**</mark>
{% endhint %}

## "Ders listeleri" bölümü

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

<figure><img src="/files/8c994ad8fbaec39b935c8423d448d554089f4021" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="/files/de00092b684529ed54204823cc70980c29b76020" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/af964e4ae16caf44189ae36081d3f3411e93cd1d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/65559434df382fdcdd4763e425dc2471a85f613c" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/1eac894a57fcc10f563cfcedf70cbbc2de53569c" alt=""><figcaption></figcaption></figure>

### Özelleştirme

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

<figure><img src="/files/2bea7e6732fbff8b86fb31bb2b77df36ecc87a03" alt=""><figcaption></figcaption></figure>

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

1. Ders listesi stili

<figure><img src="/files/ba2a79d0d71862977966aef49829f2fd2dd5b871" alt="" width="563"><figcaption></figcaption></figure>

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

<div><figure><img src="/files/8943185e5e0864ec43812a0112996b12242aa476" alt="" width="563"><figcaption><p>Yeni stil</p></figcaption></figure> <figure><img src="/files/52834ea538724ddb82b50ede2f865b78060a2b7b" alt="" width="563"><figcaption><p>Klasik stil</p></figcaption></figure></div>

2. Numaralandırma stili

<figure><img src="/files/462b76dbebe0497af6649d93a019f5b71019c7e1" alt="" width="563"><figcaption></figcaption></figure>

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.

<figure><img src="/files/5d9e6f190aae8911f271c64c18953ef031045b49" alt="" width="563"><figcaption></figcaption></figure>

3. Ders simgeleri

<figure><img src="/files/0bf451529426334cc17d93580e2651b01efe88b9" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Yalnızca kursun ders ayarlarında bir önizleme yüklenmişse görüntülenir.
{% endhint %}

#### Simge nasıl eklenir

1\. Adım. Ders ayarlarına gidin:

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

<figure><img src="/files/2eab2d330b445f4511a2f60ae946874be536d61d" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/cb9aad67279ce9676ff4499e284f87d62e0faa3a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/56e89021870a7dac77255ccc594db4bc5612fb6c" alt=""><figcaption></figcaption></figure>

3\. Adım. Ders önizlemesi yükleme

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

<figure><img src="/files/d19a32588e9b927ba39f092bd548b134846364d2" alt=""><figcaption></figcaption></figure>

Ders önizlemesi için bir görsel yükleyin:

<figure><img src="/files/916548e5b98beb184d1d8946efbe1e39bcc5ed67" alt=""><figcaption></figcaption></figure>

Ayarlarınızı kaydedin:

<figure><img src="/files/ffe499043a86684266ac260a7579fadfb2afe9e5" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Bitti! Artık ders önizlemeleri, web sitenizdeki "Ders listeleri" bölümünde simge olarak görüntülenecektir.
{% endhint %}

<figure><img src="/files/89701dc4825e28c2bfe1c4b399555bab92468414" alt=""><figcaption></figcaption></figure>

4. Arka plan deseni

<figure><img src="/files/e832fda2bb8f25973ca1762dfbfbc63e8b9bbacd" alt="" width="563"><figcaption></figcaption></figure>

Ders kartlarınıza derinlik ve özgünlük katar:

<figure><img src="/files/b659cc13f7d4fbc3b1bec515a6def1d8051edab5" alt="" width="375"><figcaption></figcaption></figure>

5. Öğe yuvarlama

<figure><img src="/files/c94d9656cf587204afda97b60d4194dc974df052" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ee4ab60585ce32e6f0b7711d78a1dde347575fa3" alt="" width="563"><figcaption></figcaption></figure>

6. Ders kartı stili

<figure><img src="/files/b453c53e4a06027493c6cd7b8896eb6d13894bc4" alt="" width="563"><figcaption></figcaption></figure>

Ders kartlarını tek bir satıra veya birden fazla satıra, sarmalı veya sarmasız şekilde düzenlemeye yardımcı olur.

7. Arka plan ve metin rengi

<figure><img src="/files/8a685ac37d745a4ea36b1b3ffb9dbb1ea7afd8ed" alt="" width="440"><figcaption></figcaption></figure>

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

<figure><img src="/files/5c7ae281ad875f15c5e663db292f4a6b0ad4a153" alt="" width="450"><figcaption></figcaption></figure>

{% hint style="success" %}
Artık web sitenize ders listeleri eklemeyi ve bölümün içeriğini özelleştirmeyi biliyorsunuz.
{% endhint %}

{% hint style="info" %}
Arka plan ve görüntüleme ayarları hakkında bilgi edinmek için "Evrensel bölüm ayarları" makalesini okuyun. <mark style="color:kırmızı;">**bağlantı**</mark>
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/tr/lms/kurslar-nasil-satilir/kurslarin-web-sitesi-uzerinden-satisi.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.