EdCommerce'i harici web sitelerine yerleştirme

Last updated: October 16, 2026

Harici web sitelerine ve açılış sayfalarına EdCommerce içeriği yerleştirme konusunda üç yöntemi kapsayan kapsamlı rehber. (1) Potansiyel müşteri formlarını yerleştirme: Ayarlar > E-ticaret > Formlar bölümünden bir EdCommerce potansiyel müşteri formu iframe'ini kopyalayın — 3 nokta menüsü aracılığıyla ofis bazında veya üst menüdeki 'Potansiyel Müşteri Formu için Iframe'i Kopyala' düğmesiyle tüm ofisler için tek bir form — ve HTML'yi WordPress/Elementor, Shopify veya Wix gibi herhangi bir harici web sitesine ya da CMS'ye yapıştırın; iframe URL'sini düzenleyerek bir dil kodu (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) veya Gönder düğmesinin rengini ayarlamak için bir HEX kodu ekleyerek özelleştirin. Yalnızca potansiyel müşteri formları harici olarak yerleştirilebilir — rezervasyon formları yalnızca EdCommerce içindir — ve gönderilen potansiyel müşteriler Edvisor ile senkronize edilir, işletme kurallarınıza göre doğru danışmana otomatik olarak atanır ve doğru işlem hattına ve aşamaya düşer. (2) Program widget'larını yerleştirme: EdCommerce Ayarlar > Widget'lar bölümünde bir widget oluşturun, görünümünü özelleştirin ve oluşturulan kod parçacığını bir HTML bloğuna yapıştırın; WordPress (Elementor ve Visual Composer), Wix ve Squarespace için adım adım talimatların yanı sıra kullanım senaryoları da sunulmaktadır. (3) EdCommerce'i WordPress'e ekleme: Görünüm > Menüler bölümünde Özel Bağlantı kullanarak WordPress gezinme menüsünden bir EdCommerce sitesine bağlantı verin; EdCommerce URL'nizi Ayarlar > EdCommerce > EdCommerce Ayrıntıları bölümünde bulabilirsiniz. Bağlantının ideal olarak yeni bir sekmede açılmasını sağlayın.

EdCommerce ile içeriğinizi, potansiyel müşteri formlarını yerleştirmek, program widget'larını yerleştirmek veya EdCommerce sitenize bağlantı eklemek de dahil olmak üzere herhangi bir harici web sitesine ya da açılış sayfasına taşıyabilirsiniz. Bu makale üçünü de ele almaktadır.

EdCommerce formlarını yerleştirme

EdCommerce, farklı potansiyel müşteri ve rezervasyon formları oluşturup kişiselleştirmenize olanak tanıyan güçlü bir özellik sunar; böylece potansiyel müşterilerinizden ve rezervasyonlarınızdan doğru bilgileri toplamanızı kolaylaştırır.

Burada, potansiyel müşterileri yalnızca çevrim içi mağazanızdan değil, herhangi bir web sayfasından da toplayabilmeniz için potansiyel müşteri formlarınızı web sitenizin diğer sayfalarına nasıl yerleştireceğinizi göstereceğiz.

\Bu potansiyel müşteriler daha sonra Edvisor hesabınızla senkronize edilecek, doğru danışmanlara otomatik olarak atanacak ve uygun işlem hattına ve aşamaya eklenecektir.*

*Formlarınızı henüz yapılandırmadıysanız, EdCommerce sitenizde formları nasıl kuracağınızı ve kişiselleştireceğinizi öğrenmek için bu makaleye geri dönün.

**Lütfen yalnızca potansiyel müşteri formlarının web sitenize yerleştirilebileceğini unutmayın. Rezervasyon formları yalnızca EdCommerce içindir.

EdCommerce formlarınızı herhangi bir açılış sayfasına veya web sitesine yerleştirme

  • Şuraya gidin: Ayarlar > E-ticaret > Formlar.

Ardından, belirli bir ofis için oluşturulmuş bir formu yerleştirmek istiyorsanız her ofisin yanındaki 3 nokta simgesine tıklayın ve 'Potansiyel Müşteri Formu için Iframe'i Kopyala' seçeneğini belirleyin.

Alternatif olarak, tüm ofisleriniz için benzersiz bir form yerleştirmek üzere üst menüdeki 'Potansiyel Müşteri Formu için Iframe'i Kopyala' düğmesine tıklayın.

Web sitenize kopyalayıp yapıştırabileceğiniz bir HTML kodu alacaksınız.

WordPress (Elementor veya Visual Composer gibi bir site oluşturucuyla), Shopify ya da Wix gibi bir CMS kullanıyorsanız, bunlar genellikle HTML kod parçacıklarıyla bir şeyleri yerleştirmek için basit bir yöntem sunar.

Bu genellikle araç kutunuzda bulunan ve kolayca sürükleyip bırakabileceğiniz bir widget veya öğedir.

Örneğin, Elementor gibi bir site oluşturucu kullanıyorsanız, bunu HTML widget'ı aracılığıyla ekleyebilirsiniz.

Form dilinizi nasıl özelleştirebilirsiniz?

Potansiyel müşteri formunun dilini tanımlamak istiyorsanız, HTML kodunun içindeki URL'nin sonuna dil kodunu ekleyin:

Örnek:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

Burada mevcut farklı diller için dil kodlarını görebilirsiniz:

  • EN = İngilizce
  • PT = Portekizce
  • ES = İspanyolca
  • ES_MX = Latin Amerika İspanyolcası
  • PT_BR = Brezilya Portekizcesi
  • DE = Almanca
  • IT = İtalyanca
  • TR = Türkçe
  • FR = Fransızca
  • JA = Japonca
  • KO = Korece

Form düğmenizin rengini nasıl özelleştirebilirsiniz?

Gömülü potansiyel müşteri formlarınızdaki 'Gönder' düğmesinin rengini markanıza uyacak şekilde kişiselleştirebilirsiniz. Bu çok basittir:

  1. Marka renginizin HEX kodunu bulun (Örnek #4EB2F4).
  2. Bu HEX kodunu yerleştirmek istediğiniz formun URL'sine ekleyin.

Örneğin, HEX kodu #4EB2F4 olan rengi kullanmak istiyorsanız URL'niz şuna benzer olacaktır:

<iframe title="Lead Form"
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"
    width="500"
    height="900"
    frameborder="0"
    allowfullscreen="true">
</iframe>

Harika sonuçlar görmek için #4EB2F4 kodunu kendi özel HEX renk kodunuzla değiştirmeniz yeterlidir!

Bir öğrenci bu formlardan birini doldurduğunda, potansiyel müşteri EdCommerce ayarlarınızda belirlenen iş kurallarına göre doğru danışmana atanır. Bu potansiyel müşteriler ayrıca Edvisor hesabınızla senkronize edilir ve doğru satış hattına ve aşamaya eklenir.

EdCommerce programlarını yerleştirme

EdCommerce ile yalnızca şık e-ticaret açılış sayfaları oluşturmakla ve hatta tüm web siteleri oluşturmakla kalmaz, aynı zamanda güçlü özelliklerini kullandığınız mevcut herhangi bir web sitesine sorunsuz bir şekilde entegre edebilirsiniz.

Bu, hem mevcut web sitenizin işlevselliğinden hem de EdCommerce'in güçlü özelliklerinden yararlanabileceğiniz anlamına gelir.

Bunu bir widget oluşturarak ve yerleştirerek yapabilirsiniz. Nasıl yapılacağını görelim.

EdCommerce widget'ı nasıl oluşturulur

  1. EdCommerce Ayarlarınıza erişin: EdCommerce hesabınıza giriş yapın ve 'Ayarlar' bölümüne gidin.
  2. Bir widget oluşturun: Soldaki menüden 'Widget'lar'ı, ardından 'Yeni widget oluştur'u seçin.
  3. Widget ayrıntılarını doldurun: Formu widget'ınızın adı, tercih edilen dil, para birimi ve öğrencinin uyruğu ile tamamlayın.
  4. İçeriği seçin: Widget'ınızda hangi programların veya eğitim sağlayıcılarının görüntüleneceğini seçin. "Programlar" veya "Sağlayıcılar"a tıklayın ve sağdaki listeden görüntülemek istediklerinizi seçin.
  5. Görünümü özelleştirin: Web sitenizin tasarımına uyacak şekilde yazı tipi stilini, arka plan rengini ve kutu gölgesini düzenleyerek widget'ın görünümünü ayarlayın. Widget önizlemesinin içindeki kare simgesine tıklayarak daha iyi bir uyum için dolguyu da değiştirebilirsiniz.
  6. Widget'ınızı kaydedin: Ayarlardan memnun kaldığınızda 'Kaydet'e tıklayın.

Widget'ınızı kaydettikten sonra bir kod parçacığı alacaksınız.

Bu kodun web sitenize eklenmesi gerekir; nasıl yapılacağını öğrenmek için okumaya devam edin.

Sitenize EdCommerce widget'ı nasıl eklenir

Web sitenizde bu widget'ı yerleştirmek istediğiniz sayfayı açın ve kodu içeren bir HTML kutusu ekleyin.

Web sitenizin CMS'sine (WordPress veya Wix gibi) bağlı olarak bu kodu ekleme yöntemi farklılık gösterebilir. Genel olarak tüm web sitesi düzenleyicileri bir HTML kutusunu sürükleyip bırakmanıza olanak tanır.

İşte bazı örnekler:

WordPress (Elementor ile):

  • Elementor ile düzenlemek istediğiniz sayfayı açın.
  • Sol paneldeki 'HTML' widget'ını widget'ı yerleştirmek istediğiniz sayfaya sürükleyin.
  • EdCommerce kod parçacığını HTML kod kutusuna yapıştırın.
  • Değişikliklerinizi kaydetmek için 'Güncelle'ye tıklayın.

WordPress (Visual Composer ile):

  • Widget'ı eklemek istediğiniz sayfayı düzenleyin.
  • Yeni bir öğe eklemek için '+' düğmesine tıklayın.
  • İçerik öğelerinden 'Ham HTML' veya 'Özel HTML'yi seçin.
  • EdCommerce kod parçacığını metin kutusuna yapıştırın.
  • Sayfadaki 'Güncelle'ye tıklayarak değişikliklerinizi kaydedin.

Wix:

  • Wix Editor'da düzenlemek istediğiniz sayfaya gidin.
  • Düzenleyicinin sol tarafındaki 'Ekle' (+) seçeneğine tıklayın ve 'Daha fazla'yı seçin.
  • Açılır menüden 'HTML iframe'i seçin.
  • 'Kodu Gir'e tıklayın ve ardından EdCommerce kod parçacığını HTML Ayarları kutusuna yapıştırın.
  • Kaydetmek ve widget'ı sayfanızda görmek için 'Uygula'ya tıklayın.

Squarespace:

  • Widget'ı eklemek istediğiniz sayfaya gidin.
  • '+Blok Ekle'ye tıklayın ve menüden 'Kod'u seçin.
  • EdCommerce kod parçacığını kod bloğuna yapıştırın ve 'Uygula'ya tıklayın.

Düzenleyicinizde bir HTML modülü bulamıyorsanız, 'zengin metin' modülünün kodunu düzenleyerek yapmayı deneyin.

Kullanım alanları

Bu özellik sayesinde web sitenizi daha ilgi çekici ve bilgilendirici bir platforma dönüştürebilirsiniz. Bu widget'ları sitenize yerleştirmek içeriği zenginleştirebilir, kullanıcı etkileşimini artırabilir ve dönüşümleri yükseltebilir.

EdCommerce widget'larının sitenizde yaratıcı bir şekilde nasıl kullanılabileceğine dair bazı örnekler:

Blog Yazısı Geliştirmeleri:

Sidney gibi belirli bir konumda eğitim alma hakkında bir blog yazısı yazıyorsanız widget'ı yazının sonuna yerleştirin. Okuyucuları bu seçenekleri incelemeye teşvik etmek için Sidney'deki en iyi 3 programınızı veya özel promosyonlarınızı öne çıkarın. Bu, içeriği ilgili programlara doğrudan bağlayarak dönüşümleri önemli ölçüde artırabilir.

Etkinlik Sayfaları:

Eğitim fuarlarını veya web seminerlerini tanıtan web sayfalarında, etkinliğe katılan programları veya kurumları sergilemek için widget'ı yerleştirin. Bu, ziyaretçilere ne bekleyebileceklerine dair bir ön izleme sunar ve kayıt olmaya veya daha fazla bilgi talep etmeye teşvik edebilir.

Konuma Özel Sayfalar:

Web sitenizde belirli eğitim destinasyonlarına veya ülkelere ayrılmış sayfalar varsa, bu konumlarda sunulan programları görüntülemek için widget'ı bu sayfalara yerleştirin. Bu, bu destinasyonlarla zaten ilgilenen kullanıcılara ilgili seçenekleri sunmanın harika bir yoludur.

Bültene Kayıt Teşekkür Sayfaları:

Bir ziyaretçi bülteninize abone olduktan sonra bir teşekkür sayfasına yönlendirilir. Burada, popüler veya öne çıkan programlarla etkileşim kurmalarını hemen sağlamak için widget'ı yerleştirebilirsiniz.

Promosyon Kampanyaları Sırasında:

Belirli kurslar veya destinasyonlar için promosyon kampanyaları yürütüyorsanız widget'ı kampanyanızın açılış sayfalarına entegre edin. Tutarlı bir kullanıcı deneyimi için widget'ı kampanyayla ilgili programları öne çıkaracak şekilde özelleştirin.

EdCommerce'i WordPress'e Ekleme

Lütfen aşağıdaki talimatların özellikle web sitesi oluşturucusu olarak WordPress kullanan kullanıcılar için tasarlandığını unutmayın. Farklı bir platform veya web sitesi oluşturucu kullanıyorsanız bu adımlar geçerli olmayabilir.

1. Adım

WordPress Yönetici Panelinize erişin, "Görünüm" bölümüne gidin ve "Menüler" seçeneğine tıklayın.

2. Adım

"Menüler" bölümünde "Özel Bağlantılar" seçeneğine gidin ve EdCommerce platformunuzun URL'sini ve web sitenizin menüsünde görünmesini istediğiniz CTA metnini girin.

Ardından bu yeni öğeyi ana menünüze eklemek için "Menüye Ekle" seçeneğine tıklayın.

EdCommerce URL'nizi bulmak için platformunuzdaki ayarlar bölümüne gidin, "EdCommerce" seçeneğine ve ardından "EdCommerce Ayrıntıları" seçeneğine tıklayın.

Uzman ipucu! Öğrencilerin sayfanızdan ayrılmasını önlemek için bağlantının yeni bir sekmede açılmasını sağlamak üzere menünüzü özelleştirdiğinizden emin olun.