Studio Asistanı ile ürün tanıtım sayfası oluşturma

Studio Asistanı'na bir ürün için görselleri, parallax kaydırma bileşeni ve metinleriyle birlikte tanıtım (landing) sayfası oluşturtun; adım adım anlatım ve video.

Studio Asistanı bir ürün için baştan bir tanıtım (landing) sayfası kurabilir. Ürünü katalogda bulur, ürün fotoğrafını referans alarak sahne görselleri üretir, gerekiyorsa sayfa için yeni bir bileşen tanımlar (ör. parallax kaydırma) ve metinleri yazar. Sayfa taslak olarak oluşur; siz kontrol edip yayınlarsınız. Aynı anlatımın videosu aşağıda.

<video controls preload="metadata" playsinline width="1920" height="1080" poster="https://files.docs.hebiar.com/videos/console/studio/pages/asistan-tanitim-sayfasi.tr.jpg" src="https://files.docs.hebiar.com/videos/console/studio/pages/asistan-tanitim-sayfasi.tr.mp4"><a href="https://files.docs.hebiar.com/videos/console/studio/pages/asistan-tanitim-sayfasi.tr.mp4">Videoyu açın</a></video>

Başlamadan önce

  • Asistan ürünün adını, fiyatını, fotoğraflarını ve sayfa bağlantısını katalogdan alır. Ürün sayfasındaki teknik bilgileri (ör. drop, ağırlık, kullanım alanı) isteğe siz yazın; asistan bilgi uydurmaz.
  • Asistanın tanımladığı yeni bileşen onay bekler. Bileşenleri onaylama yetkiniz yoksa bileşen taslakta kullanılabilir, ancak yöneticinin onayını bekler.
  • Sayfanın adresini (ör. /hyperion-max-4) istekte verin. Aynı adreste başka bir sayfa olmamalı.

1. İsteği yazın

  1. Sayfalar ekranında Studio Asistanı'nı açın.
  2. Ürün kodunu, ürün bilgilerini, bölümleri ve istediğiniz efekti yazın. Örnek:

    1104981D879 kodlu Hyperion Max 4 için parallax kaydırmalı bir tanıtım (landing) sayfası oluştur; adresi /hyperion-max-4 olsun. Ürünü katalogdan bul. Ürün sayfasındaki bilgiler: drop 6 mm, ağırlık 286 g, hızlı tempolu koşular ve orta/uzun mesafeler için, tüm seviyelerdeki koşuculara uygun. Bölümler: tam ekran giriş (ürün adı, kısa bir slogan, ürün sayfasına giden 'Hemen keşfet' düğmesi; başlık ilk ekranda görünsün), üç özellik bölümü (hafiflik, 6 mm drop, hızlı tempo) ve fiyatla ürün sayfasına yönlendiren bir kapanış. Parallax olsun: her bölümün arka plan görseli ekrana sabitlensin, yazılar onun üzerinden kaysın ve sonraki bölüm üstüne gelsin; okunurluk için koyu katman görselle birlikte sabit kalsın. Gerekirse bunun için bir bileşen tanımla. Görselleri ürün fotoğrafını referans alarak üret: giriş ve üç bölüm için toplam 4 geniş, atmosferik koşu sahnesi. Metinler Türkçe olsun.

  3. Asistan ürünü bulur, görselleri üretir, bileşeni tanımlar ve sayfayı kurar. Bu birkaç dakika sürebilir.

2. Onaylayın ve editörde açın

  1. Bu turdaki değişiklikler kartında sayfayı, bileşeni ve görselleri kontrol edip Onayla'ya basın. Yeni bileşen de böylece onaylanır.
  2. Asistanın yanıtındaki Editörde aç bağlantısıyla sayfayı açın. Her bölümü editörde elle de düzenleyebilirsiniz.

Onaylamadan başka bir sayfaya geçerseniz kart panelden kaybolur, ancak değişiklikler taslakta kalır.

3. Önizleyin ve yayınlayın

  1. Önizle ile sayfayı sitenin görünümünde açın ve aşağı kaydırın: görseller ekrana sabit kalır, yazılar üzerlerinden kayar, her bölüm bir öncekinin üstüne gelir.
  2. Editöre dönüp Yayınla'ya basın.

Sonucu kontrol edin

  • Sitede sayfanın adresini açın; masaüstünde ve mobilde kaydırın.
  • Bileşenler ekranında asistanın tanımladığı bileşeni görürsünüz; başka sayfalarda da kullanabilirsiniz.
  • Üretilen görseller Medya'dadır.

Sık karşılaşılan durumlar

  • Görselin üstünde yatay bir çizgi var ya da koyu katman yazıyla birlikte kayıyor: Asistandan koyu katmanın görselle birlikte sabit kalmasını isteyin.
  • Giriş başlığı ilk ekranda görünmüyor: İstekte "başlık ilk ekranda görünsün" deyin ya da başlığı editörde düzenleyin.
  • Aynı adreste sayfa var: Başka bir adres verin ya da eski sayfayı önce kaldırın.