Wix Yardım Merkezi
    Ana Sayfa
  1. Sitenizi Oluşturma
  2. Gelişmiş Özellikler
  3. Wix Blocks
  4. Tutorials
    5. Wix Blocks Eğitimi: Geri Sayım Widget'ı Oluşturma

Wix Blocks Eğitimi: Geri Sayım Widget'ı Oluşturma

17 dakikalık okuma
Wix Blocks tüm Wix Studio kullanıcılarına açıktır. Blocks'a erişmek için Wix Studio'ya katılın.
Bu eğitimde belirli bir tarihe kadar geri sayım yapan bir widget'ın yanı sıra site ziyaretçilerinin e-posta bildirimi almak için etkinliğinizden bir gün önce kaydolmalarını sağlayan bir kayıt widget'ının nasıl oluşturulacağı gösterilecektir. Ayrıca geri sayım widget'ınızı bir siteye nasıl yükleyeceğinizi öğrenecek ve Blocks'un tüm önemli özelliklerini keşfedeceksiniz.
geri sayım widget'ı

Şablonda neler var?

İşinizi kolaylaştırmak amacıyla hızlı başlangıç yapmanızı sağlayan bir şablon oluşturduk.

Şablon şunları içerir:
  • Bir geri sayım widget'ı. Widget'ın tasarımını tamamlamanız ve işlevlerini/özelliklerini kodlamanız gerekir.
  • Tamamlamanız ve geri sayım widget'ınıza eklemeniz gereken bir kayıt widget'ı.
  • Widget'ınızın işlevselliğini implemente etmek için kullanabileceğiniz bazı genel yardımcı programlar.
  • E-posta bildirim işlevlerini implemente etmek için kullanabileceğiniz bazı arka uç kodları.

Şablona erişmek için buraya tıklayın.

1. Adım | Widget'ınızın Tasarımını Tamamlayın

Widget'ı oluşturmak için ilgili şablonu Wix hesabınız altında düzenleyin. Widget'a öge ekleme adımlarını öğrenebilmeniz amacıyla şablon kasıtlı olarak eksik bırakılmıştır.
Ögeleri kolayca hizalayabilmeniz ve yerleştirebilmeniz için Widget tasarımında kılavuz düzeni kullanılmıştır.

  1. Şablonu açın. 
  2. Widget'lar ve Tasarım altından Countdown'a tıklayın. 
  3. Üst çubuktaki Öge Ekle simgesine Add icon  tıklayın.
  4. Metin'i seçin. 48px Title metin kutusunu widget'ınıza sürükleyip bırakın.
  5. Metni Düzenle'ye tıklayın ve metni SS olarak değiştirin.
  6. Denetçi panelini kullanarak metin rengini beyaz yapın ve metni ortalayın. 
  7. Metin kutusunu seçin ve move elements icon kullanarak Seconds etiketinin yukarısındaki kılavuz karesine sürükleyin.
  8. Kenarlarda stretch icon kullanarak metin kutusunu yeniden boyutlandırın.

Widget tasarlama hakkında daha fazla bilgi edinin.

2. Adım | Widget'ınızın API Özelliklerini Ekleyin ve Tanımlayın

Site tasarımcılarının widget'ı yükledikten sonra kendi ihtiyaçlarına göre özelleştirebilmeleri için bir widget API'si tanımlayabilirsiniz. Bu API'de özellikler, etkinlikler ve dışa aktarılan işlevler bulunabilir.

Geri sayım widget'ı iki özellik kullanır:
  • endDate: Geri sayımın sıfıra ulaşacağı bitiş tarihini tanımlar. Site tasarımcıları bu özellik sayesinde widget'ın bitiş tarihini kendi sitelerinde değiştirebilirler.
  • emailId: Bildirimler için kaydolan kullanıcılara gönderilecek e-posta mesajını tanımlar.

Widget API özellikleri hakkında daha fazla bilgi edinin.

Widget ögelerinize kimlik atayın

İlk olarak, ögelere kod içinde kolayca referans verebilmek için her birine bir kimlik atamanız gerekir.
  1. Metin kutusuna tıklayın.
  2. Özellikler ve Olaylar properties icon panelindeki ID alanına metin kutusu kimliğini (secondsTxt) girin. Diğer ögelere zaten birer kimlik atanmıştır.

"endDate" ve "emailId" özelliklerini tanımlayın

  1. API properties icon panelinde Yeni Özellik Ekle'ye tıklayın.
  2. Özellik adını (endDate) girin.
  3. Özellik türünü (Tarih ve Saat) seçin. (Örneğimizde tarih aa/gg/yyyy ABD biçiminde gösterilmektedir).
  4. Bir varsayılan tarih girin (widget'ınızı editörlerden yükleyen site tasarımcıları bu tarihi değiştirebilir).
  5. Özellikler bölümünün üzerine gelin ve add icon simgesine tıklayın.
  6. Tetiklenen e-posta için başka bir özellik oluşturun ve emailId olarak adlandırın. Bu herhangi bir varsayılan değeri olmayan Metin türünde bir özellik olmalıdır.

3. Adım | Widget'ınızı çalıştırmak için kod ekleyin


Widget'ınızın geri sayım yapması için kodda bitiş tarihine kadar olan süreyi hesaplayan bir işlev oluşturmamız gerekir. Bunu yapmak için şablonunuzda önceden yüklü olan ve Herkese Açık / Arka Uç public and backend icon menüsünde bulabileceğiniz bazı yardımcı programlardan faydalanacağız.

Blocks, widget'ınız için tanımladığınız tüm özellikleri barındıran $widget global değişkenini ve $widget.props özelliğini kullanır.

Blocks ayrıca daha kolay kod yazmanızı sağlayan Velo otomatik tamamlamayı kullanır.

Widget API hakkında daha fazla bilgi edinin.

Yardımcı programlarınızı içe aktarın

  1. Herkese Açık / Arka Uç menüsüne tıklayın.
  2. Herkese Açık altından dateUtils.js seçeneğine tıklayın. Dosya kod panelinde açılır.

Kodununuzu yeni işlevinizi içerecek şekilde değiştirin

Geri sayım widget'ınızın sayımı güncellemesi için updateTime() işlevi oluşturun. Yeni işleviniz şöyle görünmelidir:

1$widget.onPropsChanged(function () { }); function updateTime() { const {days, hours, minutes, seconds} = getRemainingTime (new Date($widget.props.endDate)); $w('#daysTxt').text = days.toString(); $w('#hoursTxt').text = hours.toString(); $w('#minutesTxt').text = minutes.toString(); $w('#secondsTxt').text = seconds.toString(); }

Ayrıca widget'ın kalan süreyi ne sıklıkta güncelleyeceğine ilişkin bir aralık belirlemeniz gerekir.
Bunun için aşağıdaki kodu onReady() işlevinizin içine ekleyin. Böylece widget'ınız saniyede bir güncellenir.

1$w.onReady(function () { updateTime(); if (wixWindow.viewMode !== "Editor") { setInterval(updateTime, 1000); } });
Zaman koşulunu düzenleyin
Velo kodu yalnızca önizlemeye tıkladığınızda veya canlı siteyi açtığınızda çalışır. Blocks'taki onReady kodu düzenleme sırasında da çalıştığı için editörde kodun işleyişini görebilirsiniz. Yukarıdaki koşulu, geri sayım widget'ınızın düzenleme sırasında geri sayım yapmaması için kullanıyoruz. 

Widget'ınızı önizleyin ve API özelliklerini test edin

Artık Widget'ınızı ve API özelliklerini önizlemeye hazırsınız.

  1. Önizle'ye tıklayın. Widget'ınız bitiş tarihine kadar saniye bazında geri sayım yapmalıdır.
  2. API Özelliklerini Test Et'e tıklayın. Daha önce belirlediğiniz varsayılan değerin bulunduğu bir panel görünür. 
  3. Widget'ın yanıt verip vermediğini ve yeni bitiş tarihine doğru geri sayım yapıp yapmadığını kontrol etmek için bitiş tarihini değiştirin.

4. Adım | Özel panel oluşturun ve kodlayın

Site tasarımcısının widget'ınızı bir siteye yükledikten sonra ayarlarını değiştirebilmesi için özel bir ayarlar paneli oluşturabilirsiniz. Bu örnekteki ayarlar özel paneli, site tasarımcısının bitiş tarihini değiştirmesine ve bildirim almak için kaydolan kullanıcılara hangi e-postanın gönderileceğini belirleyen bir e-posta kimliği tanımlamasına olanak sağlar.

Paneller hakkında daha fazla bilgi edinin.

Özel panel oluşturun

  1. Üst çubuktaki Paneller sekmesine tıklayın.
  2. Panel Oluştur'a tıklayın.
  3. Panelinize bir ad verin. Bu örnekte: "My Settings".
  4. Panel Oluştur'a tıklayın.
  5. + Öge Ekle'ye tıklayın.
  6. Metin Girişi'ni seçin. Bu öge bitiş tarihi içindir.
  7. Özellikler ve Olaylar simgesine propeties icon tıklayın. ID alanına metin girişi kimliğini girin: endDateInput
  8. Metin ögesini seçin ve Ayarlar'a tıklayın.
  9. Alan Başlığı alanına "Bitiş Tarihi" yazın.
  10. Varsayılan Metin alanındaki metni silin.
  11. Yer tutucu metni "Bitiş Tarihi" olarak değiştirin.
  12. Bir ayırıcı ekleyin.
  13. Ayarlar'a tıklayın. Bölüm Başlığı alanına bir başlık girin. Bu örnekte: "Triggered email".
  14. Başka bir Metin Girişi ögesi ekleyin. ID alanına metin girişi kimliğini girin: endDateInput
  15. Metin ögesini seçin ve Ayarlar'a tıklayın.
  16. Alan Başlığı alanına "E-posta Kimliği" yazın.
  17. Varsayılan Metin alanındaki metni silin.
  18. Yer tutucu metni "E-posta Kimliği" olarak değiştirin.
Özel panelinizin tasarımı tamamlandı. Şimdi kod ekleyerek implemente etmeniz gerekiyor.

Özel panelinize kod ekleme


Özel panelinizin bir siteye yüklendiğinde geçerli bitiş tarihini ve e-posta kimliğini göstermesini istiyorsunuz. Site tasarımcıları paneli kullanarak bu değerleri değiştirebilir. Yeni değerler girildiğinde widget'ınızın güncellenmesi için panele kod eklemeniz gerekir.

Özel panellerinize kod ekleme hakkında daha fazla bilgi edinin.

Panel ögelerinin widget'ınızla etkileşime girmesini ve editörde eylemler gerçekleştirmesini sağlamak için kodunuzdaki Velo wix-widget modülünü kullanabilirsiniz.

Widget API'sini kullanmak için wixWidget dosyasını wix-widget modülünden içe aktarın.

Aşağıdaki kodu onReady() işlevinizin öncesine ekleyin.

1import wixWidget from 'wix-widget';

Değerler değiştiğinde widget'ınızın güncellenmesini istiyorsunuz. Bunun için onChange etkinlik kaydı oluşturmanız gerekir. Ayrıca bazı asenkron işlevleri kullanacağınız için onReady () işlevinize async eklemelisiniz.

onReady() işleviniz şöyle görünmelidir:

1$w.onReady(async function () { const { endDate, emailId } = await wixWidget.getProps(); $w('#endDateInput').value = endDate; $w('#emailIdInput').value = emailId; $w('#endDateInput').onChange(e => { wixWidget.setProps({ endDate: e.target.value }); }); $w('#emailIdInput').onChange(e => { wixWidget.setProps({ emailId: e.target.value }); }); });
Kodunuzu test etmek için run icon Çalıştır'a veya Önizle'ye tıklayın.

5. Adım | Widget'ınızı yapılandırın

Paneliniz tasarlanıp kodlandığına göre artık eylem çubuğu düğmelerinden birine bağlayabilirsiniz. Widget'ınızı bu yönde yapılandırmanız gerekir.

Site tasarımcıları tarafından siteye yüklenip özelleştirilirken widget'ınızın nasıl davranacağını belirlemek için Yapılandırma sekmesine gidin. Widget'ınıza ve içindeki ögelere görünen adlar vererek site tasarımcılarının widget'ızın ne işe yaradığını anlamalarını sağlayabilirsiniz. Ayrıca, site tasarımcılarının widget'ınızdaki ögelere tıklamasıyla görünür olan eylem çubuklarında değişiklikler yapabilirsiniz.

Yapılandırma hakkında daha fazla bilgi edinin.

Özel panelinizi widget'ınızın eylem çubuğuna ekleyin

  1. Üst çubuktaki Yapılandırma sekmesine tıklayın. 
  2. Geri sayım widget'ınıza tıklayın. Bir eylem çubuğu görünür.
  3. Ayarlar'a tıklayın.
  4. settings icon Eylem Düğme Ayarları'nı seçin. Ana Eylem Ayarları paneli açılır.
  5. Açılır listeden My Settings özel panelinizi seçin.

6. Adım | İkinci bir widget (iç widget) ekleyin ve kayıt mantığını implemente edin

Şablonda Registration adlı ikinci bir widget vardır. Widget'lar ve Tasarım altında bulabilirsiniz. 

Katmanlar'a tıkladığınızda bu widget'ın üç durumlu bir çoklu durum kutusu olarak oluşturulduğunu görebilirsiniz. Site ziyaretçisi düğmeye tıkladığında, Kaydol etiketi Gönder olarak değişir. Ek olarak, site ziyaretçilerinin e-posta adreslerini ekleyebilecekleri bir metin alanı bulunur. Site ziyaretçileri kaydolduklarında bir teşekkür mesajı görüntülenir.

Widget ayrıca mobil görünüm için kullanılabilecek bir hazır tasarım içerir.

Hazır tasarımlar hakkında daha fazla bilgi edinin.

Kayıt widget'ınızı geri sayım widget'ına ekleyin

Artık kayıt widget'ınızı geri sayım widget'ına eklemeye hazırsınız. Blocks'ta çok sayıda farklı widget oluşturabilir ve birbirine ekleyebilirsiniz. 

Widget içinde widget hakkında daha fazla bilgi edinin.
  1. Tasarım sekmesinde geri sayım widget'ınıza tıklayın.
  2. Diğer Eylemler simgesine more options tıklayın ve Widget Ekle'yi seçin.
  3. Registration'a tıklayın. İç widget'ınız geri sayım widget'ınızın ortasında görünür.
  4. İç widget'ınızı geri sayım widget'ınızın alt bölümüne sürükleyin ve sığacak şekilde uzatın.
  5. Özellikler ve Olaylar propeties icon panelindeki ID (kimlik) bilgisini registration olarak değiştirin.
Widget eklemenin başka bir yolu
İç widget'ı ayrıca Öge Ekle menüsüne add button tıklayarak ekleyebilirsiniz. Widget'larım sekmesine tıklayın ve eklemek istediğiniz widget'ı sürükleyip ilk widget'ın içine bırakın.

Uygulama koduna kayıt mantığını implemente edin

Kullanıcı kayıt kodunu, şablonda yüklü olarak bulunan contactUtils.js yardımcı programını kullanarak ana widget'a (geri sayım widget'ına) implemente edin. İlgili kullanıcı wix-crm API'si üzerinden koleksiyonunuza bağlanır.

Kullanıcının girdiği bilgileri koleksiyonunuza yönlendiren bu kod, koleksiyonu oluştururken kullanacağınız yardımcı programı kullanır. Kodda getSubscriptionsCollectionName() ifadesini görebilirsiniz.

  1. Yeni bir asenktron işlev oluşturun.
  2. onSubmit olarak adlandırın. İşlev createContact yardımcı programını kullanır.

Kodunuz şöyle görünmelidir:

1 async function onSubmit({ email }) { const contact = await createContact(email); wixData.insert(getSubscriptionsCollectionName(), { endDate: new Date($widget.props.endDate), emailId: $widget.props.emailId, contactId: contact.contactId }); }
2

onSubmit etkinliği için kayıt oluşturun

onReady() içine, updateTime() işlevinizden sonra, aşağıdaki kodu ekleyin:

1$w('#registration').onSubmit(onSubmit);
Arka uç kodu zaten eklidir
Arka uç kodu Blocks şablonunuza önceden implemente edilmiştir. Yüklü yardımcı programları kullanan notify() dışa aktarma işlevini içerir. Bu kod kalan süreyi denetler, hazır olduğunda e-postayı tetikler ve koleksiyonu günceller. Aşağıda 10. Adım'da açıklandığı üzere editörden çağrılması gerekir.

7. Adım | Uygulamanızı oluşturun ve bir isim uzayı verin

Artık uygulamanızı oluşturmaya hazırsınız. İlk sürümünüz doğrudan ana sürüm olur. Daha sonra uygulama üzerinde çalışırken ara sürüm veya ana sürüm oluşturmayı seçebilirsiniz. Ara sürüm, ekli olduğu tüm sitelerde otomatik olarak güncellenir. Sayfayı yenilemeniz yeterlidir. Ana sürümde ise site tasarımcılarının uygulamanızı manuel olarak güncellemeleri gerekir. Site tasarımcılarına yeni bir sürümün mevcut olduğunu bildirmek için Yüklü Uygulamalar panelinde uygulama adının yanında bir nokta görünür. 

Blocks'taki sürümler hakkında daha fazla bilgi edinin.

Oluştur düğmesine ilk tıkladığınızda, uygulamanız için bir isim uzayı belirlemeniz istenir. Editörlerdeki Velo kodunda ve Blocks'taki uygulama kodunda koleksiyonunuza referans vermek için bu isim uzayı kullanılır.

Uygulama isim uzayı hakkında daha fazla bilgi edinin.

Ana sürümünüz

  1. Oluştur'a tıklayın.
  2. Uygulamanız için bir isim uzayı girin ve İleri'ye tıklayın.
  3. Ana Sürüm'ü işaretleyin ve Oluştur'a tıklayın.
  4. Sürüm 1.0 Oluşturuldu mesajı alırsınız. Uygulama üzerinde çalışmaya devam etmek için Tamam'a tıklayın.

8. Adım | Widget'ınıza koleksiyon ekleyin

Şimdi tüm abonelikleri saklayacağınız koleksiyonu oluşturun. Blocks'taki koleksiyonlar temel olarak Blocks'ta tasarladığınız ve uygulama bir siteye yüklendikten sonra verilerle doldurulacak boş yer tutuculardan oluşur. Blocks'taki koleksiyonlar hakkında daha fazla bilgi edinin.

Şablonda Herkese Açık / Arka Uç menüsündeki collectionUtils.js içinde getSubscriptionsCollectionName() adlı bir yardımcı program yüklü olarak bulunur. Bu koleksiyonun tam adını oluşturur, böylece kodda her referans verişinizde uygulama isim uzayını eklemeniz gerekmez.

Koleksiyon yardımcı programınızı yapılandırın

  1. Herkese Açık / Arka Uç altından collectionUtils.js seçeneğine tıklayın.
  2. Uygulamanızın isim uzayını ekleyin.
Kendi isim uzayınızın ekli olduğu kodunuz şöyle görünmelidir.
1
2const NAMESPACE = '@mywixaccount/my-app-namespace'; export function getSubscriptionsCollectionName() { return `${NAMESPACE}/subscriptions`; }

Koleksiyonunuzu oluşturun

  1. Veri Tabanları simgesine tıklayın.
  2. + Koleksiyon Oluştur'a tıklayın.
  3. Koleksiyonunuza anlamlı bir ad verin. Bu örnekte: Abonelikler.
  4. Oluştur'a tıklayın. 

Koleksiyonunuza alanlar ekleyin

  1. Alan Ekle simgesine add button  tıklayın.
  2. Alan Türü açılır menüsünden Tarih'i seçin.
  3. Alan Adı alanına endDate girin. Bu kullanıcıların kaydolabileceği son tarih olacaktır.
  4. Kaydet'e tıklayın.
  5. Tetiklenen e-posta için Metin alanı ekleyin ve emailId olarak adlandırın.
  6. Başka bir Metin alanı ekleyin ve contactId olarak adlandırın. Bu alanda kayıtlı kullanıcıların iletişim bilgileri saklanacaktır.
  7. Son olarak bir Boolean alanı oluşturun ve notified olarak adlandırın. Bu abonelerin yalnızca bir kez bildirim almalarını sağlar.

Koleksiyon izinlerini ayarlayın

Herhangi bir site ziyaretçisinin abone olarak koleksiyonunuza içerik ekleyebilmesini istiyorsunuz. 

  1. Veri Tabanları menüsünde koleksiyonunuzun yanındaki Diğer Eylemler simgesine more options icon tıklayın.
  2. İzinler ve Gizlilik'i seçin. 
  3. İçerik ekleyebilir açılır menüsüne tıklayın.
  4. Herkes'i seçin.
  5. Kaydet'e tıklayın.

9. Adım | Uygulamanızı Wix Editor'da siteye yükleyin

Widget'ınızı editörlerden herhangi birine yükleyebilirsiniz. Aşağıdaki örnekte Wix Editor kullanılmaktadır. Uygulamanızı yüklemeden önce ikinci kez oluşturmanız gerekir. Bir koleksiyon oluşturduğunuz için bu bir ana sürüm olacaktır.
  1. Uygulamanızı oluşturduktan sonra web sitenizi açın.
  2. Uygulamalar simgesine add apps icon tıklayın. 
  3. Özel Uygulamalar'a tıklayın. Tüm uygulamalarınızın bir listesi görünür.
  4. Mevcut Uygulamalar listesinden uygulamanızı seçin.
  5. Uygulamayı Yükle'ye tıklayın.
  6. Öge Ekle simgesine add elements icon tıklayın.
  7. Uygulama Widget'ları sekmesine tıklayın.
  8. Widget'ınıza çift tıklayarak siteye ekleyin. 

Widget'ınız duyarlı tasarıma sahiptir ve ögelere tıklayarak sitenize uyacak şekilde özelleştirebilirsiniz. Ayrıca ayarlar panelini açabilir ve varsayılan bitiş tarihini değiştirebilirsiniz. 

E-posta kimliğini ayarlayın

Kullanıcılar e-posta bildirimlerine kaydolabilirler. Widget API'sinin hangi e-postanın gönderilmesi gerektiğini tanımlayabilmesi için ilgili e-postayı oluşturmanız ve bir kimlik vermeniz gerekir.
  1. Üst çubuktaki Site menüsünden Kontrol Panelim'i seçin.
  2. Geliştirici Araçları sekmesindeki Tetiklenen E-Postalar'a gidin.
  3. Başla'ya tıklayın. 
  4. Konu satırını girin.
  5. Editör araçlarını kullanarak e-postayı tasarlayın.
  6. Kaydet ve Yayınla'ya tıklayın.
  7. Gönderen Adı ve Yanıt E-Postası bilgilerini ekleyin ve Kaydet'e tıklayın.
  8. Tamam'a tıklayın.
  9. Tekrar Kaydet ve Yayınla'ya tıklayın. Kaydolan herkese gönderilmesi için tasarladığınız e-postayla ilişkilendirilmiş bir kimlik kodu alırsınız. 
  10. Bu kodu özel panelinizdeki E-posta Kimliği alanına girin.

Abonelere bildirim göndermek için Wix Editor'da arka uç kodunu kullanın

Arka uç kodu Blocks uygulamasıyla birlikte gelir, ancak editörde bildirimi çağırmanız gerekir.

Bildirim işlevinizi çağırın

  1. Wix editöründe Herkese Açık / Arka Uç altındaki Arka Uç menüsünden Yeni Web Modulü'ne tıklayın.
  2. Adı backend.jsw olarak girin.
  3. Sitenizin kod bölümünde arka uç işlevini backend.jsw altına aktarın.

Kodunuz şöyle görünmelidir:

1import { notify } 'myWixId/my-application-name-backend';

Şimdi sitenizin kod bölümünde backend.jsw içinde invokeNotify dışa aktarma işlevini oluşturun.

Kodunuz şöyle görünmelidir:

1export function invokeNotify() { return notify (); }
Son olarak, zamanlanmış bir iş oluşturmanız gerekir. 

  1. Arka Uç bölümünde Ekle simgesine add icon tıklayın.
  2. settings icon Zamanlanmış işler ekle'ye tıklayın. Sitenizin kod bölümünde jobs.config altına aşağıdaki kodu ekleyin. Bu örnekte bildirim işlevi, saatte bir olmak üzere, her tam saati 10 dakika geçe çağrılmaktadır.

Kodunuz şöyle görünmelidir:
1{ "jobs": [{ "functionLocation": "/backend.jsw", "functionName": "invokeNotify", "description": "", "executionConfig": { "cronExpression": "10 * * * *" } }] }

10. Adım | Uygulamanızı test edin

Artık uygulamanızı test etmeye hazırsınız. 

  1. Sitenizi yayınlayın. 
  2. E-posta bildirimi almak için kaydolun. 
  3. Editöre geri dönün ve koleksiyonunuzu kontrol edin. 
  4. Yeni bir aboneniz olduğunu görürsünüz. Ayrıca, bildirim e-postası gönderildiğinde bildirim alanında bir onay işareti görünür.
Tetiklenen e-postalarınızı kontrol edin
E-postanın gönderilip gönderilmediğini görmek için kontrol panelinizdeki Geliştirici Araçları altından Tetiklenen E-postalar'a gidin.

Bu içerik yardımcı oldu mu?

|

Bu makalede

  • Şablonda neler var?
  • 1. Adım | Widget'ınızın Tasarımını Tamamlayın
  • 2. Adım | Widget'ınızın API Özelliklerini Ekleyin ve Tanımlayın
  • Widget ögelerinize kimlik atayın
  • "endDate" ve "emailId" özelliklerini tanımlayın
  • 3. Adım | Widget'ınızı çalıştırmak için kod ekleyin
  • Yardımcı programlarınızı içe aktarın
  • Kodununuzu yeni işlevinizi içerecek şekilde değiştirin
  • Widget'ınızı önizleyin ve API özelliklerini test edin
  • 4. Adım | Özel panel oluşturun ve kodlayın
  • Özel panel oluşturun
  • Özel panelinize kod ekleme
  • 5. Adım | Widget'ınızı yapılandırın
  • Özel panelinizi widget'ınızın eylem çubuğuna ekleyin
  • 6. Adım | İkinci bir widget (iç widget) ekleyin ve kayıt mantığını implemente edin
  • Kayıt widget'ınızı geri sayım widget'ına ekleyin
  • Uygulama koduna kayıt mantığını implemente edin
  • onSubmit etkinliği için kayıt oluşturun
  • 7. Adım | Uygulamanızı oluşturun ve bir isim uzayı verin
  • Ana sürümünüz
  • 8. Adım | Widget'ınıza koleksiyon ekleyin
  • Koleksiyon yardımcı programınızı yapılandırın
  • Koleksiyonunuzu oluşturun
  • Koleksiyonunuza alanlar ekleyin
  • Koleksiyon izinlerini ayarlayın
  • 9. Adım | Uygulamanızı Wix Editor'da siteye yükleyin
  • E-posta kimliğini ayarlayın
  • Abonelere bildirim göndermek için Wix Editor'da arka uç kodunu kullanın
  • Bildirim işlevinizi çağırın
  • 10. Adım | Uygulamanızı test edin