Eskiden çekici bir açılış sayfası oluşturmak için geliştiricilere ihtiyacınız olurdu ya da kod yazmayı öğrenmeniz gerekirdi. Fakat artık, ChatGPT ve Gemini'nin Selldone’un Sayfa Oluşturucusu’na entegre edilmesiyle bu durum değişti. Bu yeni yapay zekâ destekli çalışma akışı, teknik tecrübeniz ne olursa olsun, basit bir görseli, çizimi veya kaba bir fikri alıp online mağazanız veya açılış sayfanız için güzel, tamamen dinamik bir bölüme dönüştürmenizi sağlıyor. Her şey Selldone ekosisteminde anında çalışacak şekilde, manuel kodlama gerektirmeden yapılıyor.
Kişisel bir marka oluşturuyor ya da bir online işletme yönetiyor olun, bu yöntem modern, şık sayfaları dakikalar içinde yayına almanızı kolaylaştırıyor.
Konseptten Bileşene Dakikalar İçinde
Diyelim ki beğendiğiniz bir tasarım buldunuz. Belki başka bir web sitesinde bir ürün vitrini, Canva'da oluşturduğunuz bir pazarlama banner'ı ya da sadece kaydettiğiniz bir ekran görüntüsü. Bu tasarımı koda nasıl dönüştüreceğinizi ya da nereden başlayacağınızı düşünmenize gerek yok. Sadece görüntüyü yükleyin veya düzeni tarif edin ve ChatGPT (kullanarak Selldone eklentisi) veya Gemini’ye, bunu bir açılış sayfası bölümüne dönüştürmeye sorun. Yapay zekâ, Selldone’un teknik formatını ve platformda kullanılan dinamik Vue bileşenlerinin yapısını anlar. Selldone’un Sayfa Oluşturucusu'na doğrudan yapıştırılmaya hazır bir kod bloğu alacaksınız. Bu bölüm şunları içerecektir:
Tüm metinler ve başlıklar
Görseller ve bağlantılar
Düğmeler, yazı tipleri ve renkler
Ürün kartları veya referanslar gibi dinamik özellikler
En önemlisi, masaüstü, tablet ve mobilde otomatik olarak duyarlı olacaktır.
Basit Bir Süreç, Güçlü Sonuçlar
Bu bölümü Selldone sayfanıza eklemek için şu adımları izleyin:
Tasarım fikrinizi ChatGPT veya Gemini'ye yükleyin veya tarif edin.
Selldone Sayfa Oluşturucusu ile uyumlu bir Vue bileşeni isteyin.
Oluşturulan kodu kopyalayın.
Selldone’un Sayfa Oluşturucusu'nda Kod elemanını açılış sayfasına sürükleyip bırakın.
Kodu Vue sekmesine yapıştırın ve kaydedin.
Tasarım fikrinizi ChatGPT veya Gemini'ye yükleyin veya tarif edin.
İpucu: Tercih ettiğiniz tasarım görselini ChatGPT'ye yüklerken, daha doğru bir bileşen oluşturulmasına yardımcı olmak için detaylı bir açıklama ekleyin ve böylece gelecekteki revizyonları en aza indirin.
Örnek İstek:
Yeni bölümünüz şimdi canlı, tamamen tasarlanmış ve mobil uyumlu. Artık, özellik paneli üzerinden düzenleyebilir veya düzen, renk değişiklikleri, özellik ekleme ya da metin değiştirme gibi düzenlemeler için tekrar yapay zekâya başvurabilirsiniz.
En İyi Sonuçlar için Önerilen İstek
Yapay zekânın tam olarak ne istediğinizi anlamasına yardımcı olmak için, bu isteği kullanmanızı tavsiye ederiz:
Lütfen bu görsel veya açıklama temel alarak Selldone Sayfa Oluşturucu için duyarlı bir Vue bileşeni oluşturun. Tüm metinler, düğmeler, görseller, renkler ve yazı tipleri özellikler nesnesi içinde tanımlanmalıdır. Bileşen, Vuetify 3 standartlarına uymalı, cihazlar arası duyarlı olmalı ve Selldone'un kurallarına (kendi kendine kapanan etiketler dahil olmamalı) göre olmalıdır. Uygulanabilir durumda, ürün kartları, değerlendirme yıldızları ve eylem düğmelerini ekleyin. Tüm metinler, kartlar ve düğmeler için görsel renk seçici, yazı boyutu, yazı kalınlığı ve radyus ekleyin.
Bir bölüm oluşturmak veya düzenlemek istediğiniz zaman bu isteği tekrar kullanabilirsiniz. Bu, kodun temiz bir şekilde oluşturulmasını ve Selldone’un gereksinimlerine uyumlu olmasını sağlar.
Tamamen Özelleştirilebilir, Tamamen Ölçeklenebilir
Bir bölümü yerleştirildikten sonra, başladığınız şeyle sınırlı değilsiniz. ChatGPT veya Gemini'ye istediğiniz değişiklikleri yapmalarını söyleyebilirsiniz:
Bir görseli değiştirin veya taşıyın
Başlıkları ve alt başlıkları güncelleyin
Yeni düğmeler, kaydırıcılar, referanslar veya afişler ekleyin
Metin stile ve boyutlarını ayarlayın
Farklı bir görünüm için boşluğu ve düzeni değiştirin
Sayfayı yeni bölümlerle genişletmeye devam edebilirsiniz. Kaç bileşen ekleyebileceğinizin bir sınırı yoktur ve her biri aynı güvenilir, esnek yapıda oluşturulacaktır. Her bir eleman düzenlenebilir. Renkler görsel seçiciler kullanılarak değiştirilebilir ve görseller kolayca değiştirilebilir ya da yüklenebilir. Deneyim, daha önce bir sayfa oluşturucu kullanmamış olsanız bile sezgisel olacak şekilde tasarlanmıştır.
Olası Hatalar
Hata #1
Kodu Selldone oluşturucuya yapıştırdıktan sonra (resimde gösterildiği gibi) hatalarla karşılaşırsanız, ChatGPT veya Gemini'den bu hataları çözmelerini isteyin.
Araçlar otomatik olarak yanıt verip kodu düzeltmeye başlayacaktır.
My Chat with Gemini and its Answer to the Error
Hata #2
Kodu HTML sekmesine kopyalayıp yapıştırırsanız, bölüm boş olarak gösterilecektir:
Gördüğünüz gibi, yanlışlıkla kodu HTML sekmesine girdim, bu benim hatamdı.
Hata #3
Bazen bir kaydırıcı, karusel veya kaydırma çubuğu eklemenizi istediğinizde, istenmeyen elemanlar (fazladan noktalar, çizgiler veya ok düğmeleri gibi) kısmın dışında görünebilir. Bu genellikle ChatGPT'nin Google Font Material Icons yerine MDI (Material Design Icons) kullanmasından kaynaklanır. Bunu düzeltmek için ChatGPT'den yalnızca Google'ın resmi Material Icons kullanmasını isteyin.
Başlamadan Önce Bu İpuçlarını Okuyun:
Araç yanıt verdikten sonra bazen tam kodu yazmasını istemek durumunda kalabilirsiniz. Değişiklikler küçük ve orijinal kod uzun ise, tüm bloğu yeniden yazmak yerine belirli satırları değiştirmeniz için talimat vermeyi tercih edebilir.
Her yeni bölüm için yeni bir Selldone ChatGPT sohbeti başlatmanız önerilir. Önceki bir oturumdan devam etmek, aracın yeni bileşeninizle alakasız eski talimatları uygulamasına neden olabilir.
Bazen, ChatGPT size bir Selldone bileşen özelliklerinde bir görsel URL'si girmenizi söyler, ancak görseliniz bilgisayarınızda yerel olarak depolanmıştır. Böyle durumlarda, ChatGPT'den elemanı (örneğin karusel veya kaydırıcı) bir nesne olarak tanımlamasını isteyin, böylece URL kullanmak yerine doğrudan görseller yükleyebilirsiniz.
Bir görsel, birçok görsel eleman içeriyorsa, yalnızca ChatGPT'ye yükleyip bir açıklama istemek yeterlidir. Ardından, bu açıklamayı kopyalayın ve bir bileşen oluşturmasını istemek için yapay zekâya başvurun. Bu yaklaşım genellikle daha iyi ve daha doğru sonuçlarla sonuçlanır.
Neden Bu Önemlidir
Bu çalışma akışı sayesinde, herkes bir görsel konseptten dakikalar içinde duyarlı, üretime hazır bir açılış bölümüne geçebilir. Artık geliştiricileri beklemek veya düzen oluşturucularla uğraşmak yok. Vue, CSS veya duyarlı tasarımı öğrenmeye gerek yok. Yapay zekâ tarafından oluşturulan her şey, tüm cihazlarda iyi görünmesi için optimize edilmiştir. Düzeni bozma, resimleri yeniden boyutlandırma veya stil kurallarını yazma konusunda endişelenmenize gerek yok. Bölümler, Selldone’un tasarım dili ve en iyi uygulamalarına dayanan katı standartlara uyar. Daha fazla zaman yaratıcı işler yaparak, daha az zaman hataları düzeltmekle geçecek.
Kendiniz Deneyin, Bugün!
Başlamak basit. Hangi bölümü oluşturmak istediğinizi seçin - ister başka bir web sitesinden ilham alın, bir çizim veya bir ürün afişi olsun - ve bunu önerilen istekle ChatGPT veya Gemini’ye tarif edin. Kodu alacaksınız, Selldone’a yapıştırın ve açılış sayfanız canlanacak.
Hızlı. Kolay. Ve açık uçlu. Yaratıcılığın sınırı yoktur ve ne kadar ileri gidebileceğinizin bir sınırı yoktur. Yapay zeka ve Selldone ile güçlü, güzel web sayfaları oluşturmak artık sadece istediğiniz şeyi tarif etmek kadar basit.
Add Comment
