Shopify Metinden Sese Dönüştürme — Ürün Sayfası Seslendirmesi
Shopify entegrasyonu
Shopify metinden sese dönüştürme — theme.liquid aracılığıyla yapay zeka destekli ürün sayfası seslendirmesi.
Shopify ürün açıklamalarını, koleksiyonlarını ve mağaza blog gönderilerini dinlemeye hazır hale getirin. ürün sayfası ses 'da GSpeechTüccarlar doğal yapay zeka sesleri ve modern oyuncular elde ederken, sentezleme işlemi de devam eder. GSpeech Bulut Konsolu - API Anahtarı Gerekmiyorve Shopify tema sunucunuzda TTS yüklenmesi olmaz.
Bu kılavuz şunları kapsar: Shopify TTS Kurulum: Bağlantı kodunu önce yapıştırın. in theme.liquid (veya Özel Liquid / Özel HTML), ürün ve içerik şablonlarına Tam Sayfa / Düğme / Daire oynatıcıları yerleştirin, ardından eşleyin. İçerik Seçici hem de İşleme Öğesi Yani anlatım açıklamaları okuyor ve Hariç Tutma Listesi fiyatı, formları ve rozetleri atlıyor.
tema.sıvı metinden sese dönüştürme — Ürün, koleksiyon ve blog şablonları için tek bir mağaza içi yerleştirme.
Bulut Ses Üretimi — Bir kez sentezleyin, önbelleğe alın ve tüm alışveriş yapanlar arasında tekrar oynatın.
API Anahtarı Gerekmiyor — Tek bir konsoldan gelen sesler ve oyuncular.
Fiyat ve formları hariç tutun. — Açıklamalar ekranda görünürken ödeme arayüzü sessiz kalsın.
En iyi: Shopify satıcıları, fiyat, sepete ekleme formları ve rozetler konuşma özelliğinden hariç tutularak, dinlemeye hazır ürün açıklamaları, koleksiyon hikayeleri ve blog yazıları oluşturmak istiyorlar.
Bir web sitesi oluşturun — Henüz bir mağaza sitesi eklemediyseniz, aşağıdaki adımları izleyin. Bir web sitesi oluşturmak.
Siteyi aç — senin gösterge paneli ve Shopify sitesini seçin.
Shopify kodunu kopyalayın - açık Entegrasyonlar → Shopify ve bağlantı kodunu kopyalayın.
Yapıştırmadan önce — kodu temanıza ekleyin (genellikle theme.liquid(Özel Liquid veya Özel HTML) kapanıştan önce Etiketleyin, ardından yayınlayın.
Bağlantı kodu yükleniyor GSpeech Bulunduğu her mağaza sayfasında. Oyuncular yalnızca binekleri/özel HTML'yi yerleştirdiğiniz yerlerde ve yalnızca ilgili widget yayınlanıp yapılandırıldığında görünür.
Haritalama modeli
theme.liquid, ürün montajları ve içerik eşleme
Shopify'da bir theme.liquid `embed` özelliği, oyun motorunu tüm mağaza genelinde yükler. Ardından her bir widget, ürün açıklaması metnini, koleksiyon içeriğini veya blog HTML'sini bir oynatıcıya eşler; bu işlem, her ürüne ses dosyasını manuel olarak eklemeyi gerektirmez.
1Bağlantı kodu
Motoru theme.liquid/Custom Liquid dosyasından yükler. Bu olmadan, ürün montajları boş kalır.
2Özel widget
Kontrol paneli yapılandırması: ses, dil, tasarım, içerik ayarları, ürünler ve bloglar için URL kuralları.
3Bağla / Özel HTML
Bir ürün bölümünde veya tema bloğunda yer alan bir işaretleyici (örneğin) .gsp_full_playerOyuncunun göründüğü yer.
Sınırsız widget — Ürünler, koleksiyonlar, bloglar veya diller için ayrı Tam Sayfa, Düğme veya Daire widget'ları.
Her widget için sınırsız sayıda oyuncu. — Yayınlanan tek bir widget, Render Element + URL kuralları tarafından izin verilen her eşleşen montajı destekleyebilir.
Özel HTML / Liquid — Shopify'da montaj aparatı şöyle görünüyor: <div class="gsp_full_player"></div>WordPress'te aynı fikir, aşağıdaki gibi kısa kodlar kullanılarak uygulanır: [gspeech].
Varsayılan ayarlar vs. gelişmiş ayarlar — Varsayılan bağlantılar hızlı çalışır. Özel tema bölümleri, hassas İçerik Seçici / Oluşturma Öğesi değerleri gerektirir.
Oyuncular
Shopify Özel HTML ile oyuncu ekleyin
Bu çerçevelerden herhangi birini, oyuncunun ürün veya içerik sayfalarında görünmesi gereken yere yerleştirin. Kopyalamak için bir karta tıklayın. Ardından widget'ı ayarlayın. İşleme Öğesi aynı sınıfa.
Shopify ürün ve tema metinlerini oynatıcıya eşleştirin.
Widget'ta İçerik Sekme, hedef ürün açıklaması ve tema sarmalayıcıları, alışveriş yapanların duyması gereken ses dosyalarıdır; fiyat, ürün formları ve rozetler ise hariç tutulmalıdır, böylece ses dosyaları kullanışlı kalır.
id → # / sınıf → . — HTML öznitelikleri, '#' veya 'nokta' ile seçiciye dönüşür.
Parçaları bir araya getirin — İçerik Seçici, virgülle ayrılmış birden fazla sarmalayıcı listeleyebilir.
Kırpma parçaları — Hariç Tutma Listesi aynı yöntemi kullanır # / . + virgüller (fiyat formları, rozetler, sepet kromu).
tanımlar Hangi metin okunuyor?CSS seçicilerini virgülle ayırarak kullanın. Örnekler:
.Ürün Açıklaması, .rte, #Anaİçerik — bu unsurları okuyun.
.ürün__açıklaması,.rte,#my_id,.my_class — tek bir alanda birden fazla hedef.
ebeveyn_sınıfı — Bağlantı öğesinin üst sarmalayıcısını okuyun (ürün bölümü içindeki özel HTML için kullanışlıdır).
self_class — Montaj aparatının içinde bulunduğu ambalajı okuyun.
Kullanıyorsanız boş bırakın. İçerik Metni Bunun yerine (sabit metin, DOM içeriği değil).
RE
İşleme Öğesi
tanımlar oyuncu arayüzünün eklendiği yerBu, mağaza sayfasındaki gerçek bir öğeyle eşleşmelidir.
Özel HTML bağlantıları için, bunu bağlantı sınıfına ayarlayın: .gsp_full_player, .gsp_button_playerya da .gsp_circle_player.
Ayrıca aşağıdaki gibi düzen kapsayıcılarını da hedefleyebilirsiniz: vücut, #Anaİçerikya da .ürün__başlığı Özel bir montaj aparatı kullanmadığınızda.
İçerik Seçici doğru olmasına rağmen hiçbir şey görünmüyorsa, genellikle o sayfada Oluşturulacak Öğe yanlış veya eksiktir.
RP
Oluşturma Konumu
Oyuncuyu yerleştirir önce or Sonra Render Element içeriği. Özel bir mount div için, After/Before genellikle o düğüme göre çalışmaya devam eder; mount div'i boş bırakın ve widget'ın onu doldurmasına izin verin.
EX
Listeyi Hariç Tut
Seçicilerin olması gerekenler değil İçerik Seçici'nin içinde olsalar bile, aynı şekilde konuşulabilirler. # / . Kurallar, virgülle ayrılmış olarak. Örnek: .product-form,.price,.badge,.no-speech.
TT
Başlık Seçici / Başlık Metni
Başlık Seçici — Sayfadan dinamik başlık (örnek: h1.product__title).
Başlık Metni — Oynatıcıda gösterilen sabit başlık. Başlık Metni kullanırken Başlık Seçici alanını boş bırakın.
CT
İçerik Metni
İsteğe bağlı sabit anlatım metni. Kullanıldığında, İçerik Seçici boş kalabilir. Ürün DOM'unun sesi yönlendirmemesi gereken koleksiyon sayfalarındaki kısa tanıtım blokları için kullanışlıdır.
Shopify için genel kural: İçerik Seçici hedefleri .product__description (Ya da .rte), Render Element, bağlama noktasını hedefler ve Exclude List ise tutar. .price hem de .product-form sesin dışında.
Örnekler
Shopify ürün sayfaları için pratik haritalama örnekleri
Örnek A
Tam Sayfa Oynatıcılı Ürün Açıklaması
Ürün şablonu, satın alma kutusunun yanında bir açıklama ve montaj görseli içerir:
Listeyi Hariç Tut — Fiyat ve form bilgileri aynı şablonda yer alıyorsa, bunları gizli tutun.
Kullanım self_class Metnin anlatılması gereken kısmı, montaj dosyasının kendisinde yer aldığında.
Örnek C
Tek bir widget ile katalog genelinde ürün ses kaydı
yer .gsp_button_player Ürün şablonunda. Render Element içeren Tek Düğmeli Oynatıcı widget'ı. .gsp_button_player Her ürün sayfasına güç sağlayabilir. Yalnızca ses, seçici veya URL kurallarının farklı olması gerektiğinde (örneğin blog ve ürün sayfaları) ek widget'lar oluşturun.
Yayınla ve dinle — Durumu Yayınlandı olarak ayarlayın, canlı mağazayı yenileyin, oynatmayı test edin.
Ürün veya sayfa metni değiştiğinde, Akıllı Ses Senkronizasyonu arka planda anlatımı yeniden oluşturabilir. Eşleme alanları yine de karar verir. hangi metin ve nerede Oyuncu hayatta kalıyor.
SSS
Sıkça Sorulan Sorular: Shopify'da ürün sayfalarında metinden sese dönüştürme
Shopify, GSpeech ile metinden sese dönüştürme ve yapay zekâ seslendirmeyi destekliyor mu?
Evet. GSpeech ekler Shopify metinden sese dönüştürme Böylece satıcılar, ürün açıklamalarında, koleksiyonlarda ve mağaza bloglarında yapay zeka destekli ses dosyaları sunabilirler. Ses dosyaları bulutta oluşturulur ve modern widget'lar aracılığıyla oynatılır; temanızda API anahtarlarına gerek yoktur.
GSpeech'i theme.liquid veya özel Liquid dosyası kullanarak nasıl ekleyebilirim?
Shopify bağlantı kodunu Entegrasyonlar → Shopify bölümünden kopyalayın. Kopyaladığınız kodu yapıştırın. theme.liquid (veya Özel Liquid / Özel HTML) önce ve yayınlayın. Ardından şöyle bir bağlama noktası ekleyin: <div class="gsp_full_player"></div> Ürün şablonunda Render Element'i o sınıfa ayarlayın.
Shopify'da İçerik Seçici (Content Selector) ve Render Öğesi (Render Element) arasındaki fark nedir?
İçerik Seçici Genellikle hangi tema HTML'sinin anlatılacağını seçer. .product__description or .rte. İşleme Öğesi Oynatıcının nerede görüneceğini seçer — genellikle özel HTML bağlantınız. Hariç Tutma Listesini kullanın .price, .product-formAyrıca, alışveriş yapanların ödeme arayüzünü değil, ürün açıklamalarını duymalarını sağlayan rozetler de bulunuyor.
GSpeech ses desteği Shopify mağazamın performansını yavaşlatır mı?
Hayır. Sentez ve önbellekleme şu aşamada gerçekleşir: GSpeech Bulutta barındırılıyor, Shopify sunucularında değil. Tema yerleştirmesi hafiftir ve oynatıcılar yalnızca yerleştirme yaptığınız şablonlarda görünür. Ürün sayfaları normal mağaza performansını korurken, ses isteğe bağlı olarak oynatılır.
Shopify TTS için API anahtarlarına ihtiyacım var mı?
Hayır. GSpeech is API Anahtarı Gerekmiyor Shopify için. theme.liquid ile bağlantı kurun, Cloud Console'da ürün ses widget'larını yapılandırın ve yayınlayın. Sesler ve oynatıcılar, temanızda üçüncü taraf TTS anahtarlarına gerek kalmadan tek bir hesaptan yönetilir.
Destek
Shopify teması veya ürün düzeni için seçiciler bulma konusunda yardıma mı ihtiyacınız var?
GSpeech destek ekibiyle iletişime geçin.Sayfa URL'sini gönderin, İçerik Seçici / Oluşturma Öğesi eşleştirmesinde size yardımcı olalım.
