Prevod textu na reč v Shopify – zvuk na stránke produktu s umelou inteligenciou cez theme.liquid
Premeňte popisy produktov, kolekcie a príspevky na blogu v obchode Shopify na pripravené na počúvanie zvuk stránky produktu s GSpeechObchodníci získavajú prirodzené hlasy umelej inteligencie a moderných hráčov, zatiaľ čo syntéza beží v... GSpeech Cloud Console - Nie sú potrebné žiadne kľúče APIa žiadne načítanie TTS na vašom hostiteľovi témy Shopify.
Táto príručka pokrýva Shopify TTS nastavenie: vložte kód pripojenia pred in theme.liquid (alebo Custom Liquid / Custom HTML), umiestnite prehrávače na celú stránku / tlačidlo / kruh na šablóny produktov a obsahu a potom ich namapujte Výber obsahu a Render Element takže rozprávanie číta popisy – a zoznam vylúčení preskakuje cenu, formuláre a odznaky.
theme.liquid text na reč — jeden vložený prvok pre šablóny produktov, kolekcií a blogov.
Generovanie cloudového zvuku — syntetizovať raz, uložiť do vyrovnávacej pamäte a prehrať opakovane medzi nakupujúcimi.
Nie sú potrebné žiadne kľúče API — hlasy a hráči z jednej konzoly.
Vylúčiť cenu a formuláre — udržiavať používateľské rozhranie pokladne tiché, zatiaľ čo popisy hovoria.
Najlepšie pre: Obchodníci z Shopify chcú mať k dispozícii popisy produktov, príbehy kolekcií a články na blogu pripravené na počúvanie – s vylúčením ceny, formulárov na pridanie do košíka a odznakov z textu.
Vytvorte webovú stránku — ak ste ešte nepridali stránku obchodu, postupujte podľa vytvorte webové stránky.
Otvoriť stránku — choď k svojmu prístrojová doska a vyberte stránku Shopify.
Skopírujte kód Shopify - OTVORENÉ Integrácie → Shopify a skopírujte kód pripojenia.
Prilepiť pred — vložte kód do svojej témy (zvyčajne theme.liquid, Vlastná tekutá verzia alebo Vlastný HTML) pred uzatváracím znakom označiť a potom publikovať.
Načíta sa kód pripojenia GSpeech na každej stránke obchodu, kde sa nachádza. Hráči sa zobrazia iba tam, kde umiestnite držiaky / vlastný HTML kód a iba vtedy, keď je zverejnený a nakonfigurovaný zodpovedajúci widget.
Mapovací model
theme.liquid, montáže produktov a mapovanie obsahu
Na Shopify, jeden theme.liquid Funkcia embed načíta celý engine pre celý obchod. Každý widget potom namapuje text popisu produktu, text kolekcie alebo HTML blogu na pripojený prehrávač – bez nutnosti pevného kódovania zvuku do každého produktu:
1Kód pripojenia
Načíta engine z theme.liquid / Custom Liquid. Bez neho zostanú držiaky produktov prázdne.
2Vlastný widget
Konfigurácia ovládacieho panela: hlas, jazyk, dizajn, nastavenia obsahu, pravidlá URL pre produkty verzus blogy.
3Pripojiť / Vlastný HTML
Značka v sekcii produktu alebo v bloku témy (napríklad .gsp_full_player), kde sa hráč objaví.
4Mapovanie obsahu
Výber obsahu = popisný text, ktorý sa má prečítať. Render Element = miesto, kde sa hráč objaví. Nezahŕňa cenu, formuláre a odznaky.
Neobmedzené widgety – samostatné widgety Celá stránka, Tlačidlo alebo Kruh pre produkty, kolekcie, blogy alebo jazyky.
Neobmedzený počet hráčov na widget — jeden publikovaný widget môže napájať každé zodpovedajúce pripojenie povolené pravidlami Render Element + URL.
Vlastný HTML / Liquid — na Shopify vyzerá držiak takto <div class="gsp_full_player"></div>Na WordPresse sa v rovnakej myšlienke používajú krátke kódy ako napríklad [gspeech].
Predvolené verzus rozšírené nastavenia — predvolené pripojenia fungujú rýchlo. Sekcie vlastných tém vyžadujú presné hodnoty pre výber obsahu / vykresľovací prvok.
Hráči
Pridajte hráčov pomocou Shopify Custom HTML
Umiestnite ľubovoľný z týchto držiakov tam, kde by sa mal hráč zobraziť na stránkach produktov alebo obsahu. Kliknite na kartu, ktorú chcete skopírovať. Potom nastavte widget. Render Element do tej istej triedy.
Priradiť text produktu a témy Shopify k prehrávaču
Vo widgete obsah karta, popis cieľového produktu a obaly tém, ktoré by mali zákazníci počuť – a vylúčte cenu, formuláre produktov a odznaky, aby zvuk zostal užitočný.
id → # / trieda → . — Atribúty HTML sa s mriežkou alebo bodkou stanú selektormi.
Zhromaždite kúsky — Selektor obsahu môže zobraziť niekoľko obalov oddelených čiarkami.
Orezať kusy — Zoznam vylúčení používa to isté # / . + čiarky (cenové formuláre, odznaky, košík chrome).
definuje aký text sa hovoríPoužívajte selektory CSS oddelené čiarkou. Príklady:
.popis_produktu, .rte, #HlavnýObsah – prečítajte si tieto prvky.
.popis_produktu,.rte,#moje_id,.moja_trieda — viacero cieľov v jednom poli.
rodičovská_trieda — prečítať rodičovský obal pripojenia (užitočné pre vlastné HTML v sekcii produktu).
self_class – prečítajte si ten istý obal, v ktorom je držiak umiestnený.
Ak používate, nechajte prázdne Text obsahu namiesto toho (pevný text, nie obsah DOM).
RE
Render Element
definuje kde je vložené používateľské rozhranie hráčaMusí sa zhodovať so skutočným prvkom na stránke obchodu.
Pre vlastné HTML pripojenia nastavte triedu pripojenia: .gsp_full_player, .gsp_button_player, Alebo .gsp_circle_player.
Môžete tiež zacieliť na kontajnery rozloženia, ako napríklad telo, #HlavnýObsah, Alebo .názov_produktu keď nepoužívate určený držiak.
Ak je Výber obsahu správny, ale nič sa nezobrazuje, prvok vykreslenia je zvyčajne nesprávny alebo na danej stránke chýba.
RP
Poloha vykreslenia
Umiestni hráča Predtým or Po obsah prvku Render. Pre vyhradený div pripojenia funguje After/Before zvyčajne stále vzhľadom na daný uzol – pripojenie nechajte prázdne a nechajte ho vyplniť widgetom.
EX
Vylúčiť zoznam
Selektory, ktoré musia nie budú vyslovené, aj keď sa nachádzajú vo Výbere obsahu. To isté # / . pravidlá, oddelené čiarkou. Príklad: .product-form,.price,.badge,.no-speech.
TT
Výber názvu / Text názvu
Výber titulov — dynamický názov zo stránky (príklad: h1.product__title).
Text nadpisu — opravený názov zobrazený v prehrávači. Pri použití textu názvu nechajte výber názvu prázdny.
CT
Text obsahu
Voliteľný fixný text komentára. Pri použití môže Selektor obsahu zostať prázdny. Užitočné pre krátke propagačné bloky na stránkach kolekcií, keď DOM produktu nemá prehrávať zvuk.
Základné pravidlo pre Shopify: Ciele výberu obsahu .product__description (Alebo .rte), Render Element sa zameriava na pripojenie a Exclude List ponecháva .price a .product-form mimo zvuku.
Príklady
Praktické príklady mapovania pre stránky produktov Shopify
Príklad A
Popis produktu s prehrávačom na celú stránku
Šablóna produktu obsahuje popis a držiak v blízkosti nákupného poľa:
Ak sa prípojka nachádza v rámci príbehu kolekcie alebo tela blogu obchodu, Výber obsahu môže byť relatívny:
Výber obsahu - parent_class (číta rodičovský názov mountu)
Render Element - .gsp_full_player
Vylúčiť zoznam — nezobrazovať cenu a formuláre, ak sa zobrazujú v tej istej šablóne
Použitie self_class keď samotný obal pripojenia obsahuje text, ktorý má byť prečítaný.
Príklad C
Zvuk produktov pre celý katalóg s jedným widgetom
Miesto .gsp_button_player na šablóne produktu. Widget One Button Player s prvkom Render .gsp_button_player môže poháňať každú stránku produktu. Vytvárajte ďalšie widgety iba vtedy, keď sa hlas, selektory alebo pravidlá URL musia líšiť (napríklad blog verzus produkt).
Publikovať a počúvať — nastavte Stav na Publikované, obnovte živý výklad, otestujte prehrávanie.
Keď sa zmení text produktu alebo stránky, funkcia Smart Audio Sync dokáže na pozadí regenerovať komentár. Mapovacie polia stále rozhodujú. ktorý text a kde hráč žije.
Často kladené otázky
Často kladené otázky: Prevod textu na reč v Shopify na stránkach produktov
Podporuje Shopify prevod textu na reč a hlasy s umelou inteligenciou pomocou GSpeech?
Áno. GSpeech dodáva Prevod textu na reč v Shopify Obchodníci tak môžu ponúkať zvuk s umelou inteligenciou na stránkach produktov v popisoch, kolekciách a blogoch obchodov. Zvuk sa generuje v cloude a prehráva sa prostredníctvom moderných widgetov – bez kľúčov API vo vašej téme.
Ako pridám GSpeech s témou theme.liquid alebo Custom Liquid?
Skopírujte kód pripojenia Shopify z Integrácie → Shopify. Vložte ho tam theme.liquid (alebo Custom Liquid / Custom HTML) pred a publikovať. Potom pridajte montáž, napríklad <div class="gsp_full_player"></div> v šablóne produktu a nastavte Render Element na túto triedu.
Čo je to selektor obsahu vs. element vykreslenia na Shopify?
Výber obsahu vyberá, ktorú HTML tému bude rozprávať – zvyčajne .product__description or .rte. Render Element vyberá, kde sa prehrávač zobrazí – zvyčajne váš vlastný HTML kód. Použite zoznam vylúčení pre .price, .product-forma odznaky, aby zákazníci počuli popis, nie používateľské rozhranie pokladne.
Spomalí zvuk GSpeech môj obchod Shopify?
Nie. Syntéza a ukladanie do vyrovnávacej pamäte prebiehajú v GSpeech cloud, nie na serveroch Shopify. Vstavaná téma je nenáročná a prehrávače sa zobrazujú iba v šablónach, kde umiestnite držiaky. Stránky produktov si zachovávajú normálny výkon obchodu, zatiaľ čo zvuk sa prehráva na požiadanie.
Potrebujem API kľúče pre Shopify TTS?
Nie. GSpeech is Nie sú potrebné žiadne kľúče API pre Shopify. Prepojte sa s theme.liquid, nakonfigurujte zvukové widgety produktu v Cloud Console a publikujte. Hlasy a prehrávače sa spravujú z jedného účtu bez kľúčov pre prevod textu na reč tretích strán vo vašej téme.
Pomoc
Potrebujete pomôcť s nájdením selektorov pre tému Shopify alebo rozloženie produktu?
Kontaktujte podporu GSpeechPošlite URL adresu stránky a my vám pomôžeme namapovať prvok výberu obsahu / vykreslenia.
