Shopify teks na spraak — KI-produkbladsy-klank via theme.liquid
Verander Shopify-produkbeskrywings, versamelings en winkelblogplasings in luistergereed produkbladsy-klank met GSpeechHandelaars kry natuurlike KI-stemme en moderne spelers terwyl sintese in die GSpeech Wolkkonsole - Geen API-sleutels benodig nie, en geen TTS-laai op jou Shopify-temagasheer nie.
Hierdie gids dek Shopify TTS opstelling: plak die verbindingskode voor in theme.liquid (of Pasgemaakte Liquid / Pasgemaakte HTML), plaas Volbladsy / Knoppie / Sirkelspelers op produk- en inhoudsjablone, en karteer dan Inhoudkieser en Gee element so lees vertelling beskrywings — en Uitsluitlys slaan prys, vorms en kentekens oor.
tema.vloeibare teks na spraak — een winkelfront-inbedding vir produk-, versamelings- en blogsjablone.
Wolk-klankgenerering — sintetiseer een keer, kasgee en herspeel oor kopers.
Geen API-sleutels benodig nie — stemme en spelers vanaf een konsole.
Sluit prys en vorms uit — hou die afhandeling se gebruikerskoppelvlak stil terwyl beskrywings praat.
Beste vir: Shopify-handelaars wat luistergereed produkbeskrywings, versamelingsverhale en blogartikels wil hê – met prys, byvoeg-tot-mandjie-vorms en kentekens uitgesluit van spraak.
Skep 'n webwerf — as jy nog nie 'n winkelwebwerf bygevoeg het nie, volg skep 'n webwerf.
Maak die webwerf oop — gaan na jou dashboard en kies die Shopify-webwerf.
Kopieer die Shopify-kode — oop Integrasies → Shopify en kopieer die verbindingskode.
Plak voor — voeg die kode in jou tema in (gewoonlik theme.liquid, Pasgemaakte Liquid, of Pasgemaakte HTML) voor die sluiting etiket, en publiseer dan.
Die verbindingskode laai GSpeech op elke winkelfrontbladsy waar dit teenwoordig is. Spelers verskyn slegs waar jy monterings / persoonlike HTML plaas en slegs wanneer die ooreenstemmende widget gepubliseer en gekonfigureer is.
Karteringsmodel
theme.liquid, produkmonterings en inhoudskartering
Op Shopify, een theme.liquid embed laai die enjin winkelwyd. Elke widget karteer dan produkbeskrywingsteks, versamelingkopie of blog-HTML na 'n spelermontering — sonder om klank in elke produk hard te kodeer:
1Verbindingskode
Laai die enjin vanaf theme.liquid / Custom Liquid. Daarsonder bly produkmonterings leeg.
2Pasgemaakte widget
Dashboard-opstelling: stem, taal, ontwerp, inhoudinstellings, URL-reëls vir produkte teenoor blogs.
3Monteer / Pasgemaakte HTML
'n Merker in 'n produkafdeling of temablok (byvoorbeeld .gsp_full_player) waar die speler verskyn.
4Inhoudskartering
Inhoudkieser = beskrywingsteks om te lees. Gee element = waar die speler verskyn. Sluit prys, vorms en kentekens uit.
Onbeperkte widgets — aparte Volblad-, Knoppie- of Sirkel-widgets vir produkte, versamelings, blogs of tale.
Onbeperkte spelers per widget — een gepubliseerde widget kan elke ooreenstemmende montering wat deur Render Element + URL-reëls toegelaat word, aandryf.
Pasgemaakte HTML / Liquid — op Shopify lyk die montering so <div class="gsp_full_player"></div>Op WordPress gebruik dieselfde idee kortkodes soos [gspeech].
Plaas enige van hierdie monterings waar die speler op produk- of inhoudbladsye moet verskyn. Klik op 'n kaart om te kopieer. Stel dan die widget. Gee element na dieselfde klas.
Kaart Shopify-produk en temateks aan die speler toe
In die widget inhoud oortjie, teikenprodukbeskrywing en tema-omslagstukke wat kopers moet hoor — en sluit prys, produkvorms en kentekens uit sodat klank nuttig bly.
id → # / klas → . — HTML-attribute word selektors met 'n hash of 'n punt.
Versamel stukke — Inhoudselektor kan verskeie omhulsels lys, komma-geskei.
Sny stukke — Uitsluitlys gebruik dieselfde # / . + kommas (prysvorms, kentekens, mandjie-chroom).
.produk_beskrywing,.rte,#my_id,.my_klas — verskeie teikens in een veld.
ouerklas — lees die ouer-omslag van die montering (nuttig vir persoonlike HTML binne 'n produkafdeling).
self_klas — lees dieselfde omslag waarin die monteerstuk sit.
Los leeg as jy dit gebruik Inhoud teks in plaas daarvan (vaste teks, nie DOM-inhoud nie).
RE
Gee element
Definieer waar die speler se gebruikerskoppelvlak ingespuit wordDit moet ooreenstem met 'n werklike element op die winkelfrontbladsy.
Vir Pasgemaakte HTML-monterings, stel dit na die monteringsklas: .gsp_full_player, .gsp_knoppie_speler, of .gsp_sirkel_speler.
Jy kan ook uitleghouers soos teiken liggaam, #Hoofinhoud, of .produk_titel wanneer jy nie 'n toegewyde montering gebruik nie.
As die Inhoudselektor korrek is, maar niks verskyn nie, is die Render-element gewoonlik verkeerd of ontbreek op daardie bladsy.
RP
Gee posisie
Plaas die speler Voordat or Na die Render Element-inhoud. Vir 'n toegewyde monterings-div werk After/Before gewoonlik steeds relatief tot daardie nodus — hou die montering leeg en laat die widget dit vul.
EX
Sluit lys uit
Keurders wat moet nie gepraat word, selfs al sit hulle binne Inhoudselektor. Dieselfde # / . reëls, komma-geskei. Voorbeeld: .product-form,.price,.badge,.no-speech.
TT
Titelkieser / Titelteks
Titelkieser — dinamiese titel van die bladsy (voorbeeld: h1.product__title).
Titel Teks — vaste titel wat in die speler gewys word. Los Titelkieser leeg wanneer Titelteks gebruik word.
CT
Inhoud teks
Opsionele vaste vertellingsteks. Wanneer dit gebruik word, kan Inhoudselektor leeg bly. Nuttig vir kort promosieblokke op versamelbladsye wanneer produk-DOM nie klank moet aandryf nie.
Reël vir Shopify: Inhoudselektor-teikens .product__description (Of .rte), Render Element teiken die montering, en Exclude List hou .price en .product-form uit die klank.
voorbeelde
Praktiese karteringsvoorbeelde vir Shopify-produkbladsye
Voorbeeld A
Produkbeskrywing met Volbladsyspeler
Produksjabloon sluit 'n beskrywing en 'n montering naby die koopboks in:
As die montering binne 'n versamelingstorie of winkelblogliggaam sit, kan Inhoudselektor relatief wees:
Inhoudkieser - parent_class (lees die ouer van die berg)
Gee element - .gsp_full_player
Sluit lys uit — hou prys en vorms stil as hulle op dieselfde sjabloon verskyn
Gebruik self_class wanneer die monteringsomslag self die teks bevat wat vertel moet word.
Voorbeeld C
Kataloguswye produkklank met een widget
Plek .gsp_button_player op die produksjabloon. Eenknoppie-speler-widget met Render-element .gsp_button_player kan elke produkbladsy aandryf. Skep slegs bykomende widgets wanneer stem, selekteerders of URL-reëls moet verskil (byvoorbeeld blog teenoor produk).
Publiseer en luister — stel Status op Gepubliseer, verfris die regstreekse winkelvenster, toets terugspeel.
Wanneer produk- of bladsyteks verander, kan Smart Audio Sync vertelling in die agtergrond regenereer. Karteringsvelde bepaal steeds wat teks en waar die speler leef.
FAQ
Gereelde vrae: Shopify teks-na-spraak op produkbladsye
Ondersteun Shopify teks-na-spraak en KI-stemme met GSpeech?
Ja. GSpeech voeg Shopify teks na spraak sodat handelaars KI-produkbladsy-klank op beskrywings, versamelings en winkelblogs kan aanbied. Klank word in die wolk gegenereer en deur moderne widgets gespeel – sonder API-sleutels op jou tema.
Hoe voeg ek GSpeech by met theme.liquid of Custom Liquid?
Kopieer die Shopify-verbindingskode vanaf Integrasies → Shopify. Plak dit in theme.liquid (of Pasgemaakte Liquid / Pasgemaakte HTML) voor en publiseer. Voeg dan 'n montering by soos <div class="gsp_full_player"></div> op die produksjabloon en stel Render Element op daardie klas.
Wat is Content Selector teenoor Render Element op Shopify?
Inhoudkieser kies watter tema HTML om te vertel — gewoonlik .product__description or .rte. Gee element kies waar die speler verskyn — gewoonlik jou Pasgemaakte HTML-montering. Gebruik Uitsluitlys vir .price, .product-form, en kentekens sodat kopers die beskrywing hoor, nie die betaal-UI nie.
Sal GSpeech-klank my Shopify-winkel vertraag?
Nee. Sintese en kasgeheue vind plaas in die GSpeech wolk, nie op Shopify-bedieners nie. Die tema-inbedding is liggewig, en spelers verskyn slegs op sjablone waar jy monteerstukke plaas. Produkbladsye behou normale winkelprestasie terwyl klank op aanvraag speel.
Het ek API-sleutels vir Shopify TTS nodig?
Aantal GSpeech is Geen API-sleutels benodig nie vir Shopify. Koppel met theme.liquid, konfigureer produk-klank-widgets in die Cloud Console en publiseer. Stemme en spelers word vanaf een rekening bestuur sonder derdeparty-TTS-sleutels in jou tema.
help
Het jy hulp nodig om selektors vir 'n Shopify-tema of produkuitleg te vind?
Kontak GSpeech-ondersteuningStuur 'n bladsy-URL en ons sal help om die Inhoudselektor / Lewerelement te karteer.
