„Shopify“ produktų aprašymus, kolekcijas ir parduotuvės tinklaraščio įrašus paverskite klausymui paruoštais įrašais produkto puslapio garso įrašas su GSpeechPrekybininkai gauna natūralius dirbtinio intelekto balsus ir šiuolaikinius grotuvus, o sintezė veikia... GSpeech „Cloud Console“ - API raktai nereikalingiir be TTS apkrovos jūsų „Shopify“ temos priegloboje.
Šis vadovas apima Shopify TTS sąranka: įklijuokite ryšio kodą prieš tai in theme.liquid (arba pasirinktinį skystį / pasirinktinį HTML), į produkto ir turinio šablonus įdėkite viso puslapio / mygtuko / apskritimo grotuvus, tada susiekite Turinio parinkiklis bei Atvaizdavimo elementas Taigi pasakojimas skaito aprašymus, o išskyrimų sąrašas praleidžia kainą, formas ir ženklelius.
tema.liquid tekstas į kalbą – vienas parduotuvės vitrinos įterpimas produktų, kolekcijų ir tinklaraščio šablonams.
Garso generavimas debesyje — susintetinti vieną kartą, kaupti talpykloje ir pakartotinai leisti skirtingiems klientams.
API raktai nereikalingi — balsai ir žaidėjai iš vienos konsolės.
Neįtraukti kainos ir formų – kad kasos vartotojo sąsaja būtų tyli, kol bus kalbami aprašymai.
Tinkamumas/panaudojimas: „Shopify“ prekybininkai, norintys išklausyti paruoštus produktų aprašymus, kolekcijų istorijas ir tinklaraščio straipsnius, kuriuose kainos, įdėjimo į krepšelį formos ir ženkleliai nėra aptariami.
Sukurkite svetainę — jei dar nepridėjote parduotuvės svetainės, atlikite toliau nurodytus veiksmus. sukurti svetainę.
Atidarykite svetainę – eik į savo prietaisų skydas ir pasirinkite „Shopify“ svetainę.
Nukopijuokite „Shopify“ kodą - atviras Integracijos → Shopify ir nukopijuokite ryšio kodą.
Įklijuoti prieš — įterpkite kodą į savo temą (paprastai theme.liquid, „Custom Liquid“ arba „Custom HTML“) prieš uždarymą žymę, tada publikuokite.
Įkeliamas ryšio kodas GSpeech kiekviename parduotuvės puslapyje, kuriame jis yra. Žaidėjai rodomi tik ten, kur įdedate tvirtinimo elementus / pasirinktinį HTML, ir tik tada, kai atitinkamas valdiklis yra paskelbtas ir sukonfigūruotas.
Žemėlapių modelis
„theme.liquid“, produktų tvirtinimo elementai ir turinio atvaizdavimas
„Shopify“ svetainėje vienas theme.liquid „embed“ įkelia variklį visoje parduotuvėje. Kiekvienas valdiklis tada susieja produkto aprašymo tekstą, kolekcijos tekstą arba tinklaraščio HTML su grotuvo prijungimo vieta – nereikia įkoduoti garso į kiekvieną produktą:
1Ryšio kodas
Įkelia variklį iš theme.liquid / Custom Liquid. Be jo produkto tvirtinimo vietos lieka tuščios.
2Pasirinktinis valdiklis
Prietaisų skydelio konfigūracija: balsas, kalba, dizainas, turinio nustatymai, URL taisyklės produktams ir tinklaraščiams.
3Prijungti / pasirinktinis HTML
Žymeklis produkto skyriuje arba teminiame bloke (pavyzdžiui, .gsp_full_player), kur pasirodo žaidėjas.
4Turinio atvaizdavimas
Turinio parinkiklis = aprašymo tekstas, kurį reikia perskaityti. Atvaizdavimo elementas = kur pasirodo žaidėjas. Neįtraukite kainos, formų ir ženklelių.
Neribotas valdiklių skaičius – atskiri viso puslapio, mygtuko arba apskritimo valdikliai produktams, kolekcijoms, tinklaraščiams ar kalboms.
Neribotas žaidėjų skaičius viename valdiklyje – vienas publikuotas valdiklis gali maitinti kiekvieną atitinkamą prijungimą, leidžiamą „Render Element“ + URL taisyklių.
Pasirinktinis HTML / skystas — „Shopify“ platformoje laikiklis atrodo taip <div class="gsp_full_player"></div>„WordPress“ sistemoje ta pati idėja naudoja trumpuosius kodus, tokius kaip [gspeech].
Numatytieji ir išplėstiniai nustatymai — Numatytieji prijungimo elementai veikia greitai. Pasirinktinėms temos sekcijoms reikalingos tikslios turinio parinkiklio / atvaizdavimo elemento vertės.
Žaidėjai
Pridėkite žaidėjų naudodami „Shopify“ tinkintą HTML
Padėkite bet kurį iš šių laikiklių ten, kur žaidėjas turėtų būti rodomas produkto ar turinio puslapiuose. Spustelėkite kortelę, kad ją nukopijuotumėte. Tada nustatykite valdiklį. Atvaizdavimo elementas į tą pačią klasę.
Priskirkite „Shopify“ produktą ir temos tekstą grotuvui
Valdiklyje Turinys skirtukas, tikslinio produkto aprašymas ir temos apvalkalai, kuriuos pirkėjai turėtų išgirsti, ir neįtraukite kainos, produkto formų ir ženklelių, kad garsas išliktų naudingas.
id → # / klasė → . — HTML atributai tampa selektoriais su grotažyme arba tašku.
Surinkite gabalus — Turinio parinkiklis gali pateikti kelis apvalkalus, atskirtus kableliais.
Apkarpykite gabalus — Išskyrimų sąrašas naudoja tą patį # / . + kableliai (kainų formos, ženkleliai, krepšelio chromas).
Apibrėžia koks tekstas yra sakomasNaudokite CSS selektorius, atskirtus kableliais. Pavyzdžiai:
.produkto_aprašymas, .rte, #PagrindinisTurinys – perskaitykite tuos elementus.
.produkto_aprašymas, .rte, #mano_id, .mano_klasė – keli taikiniai viename lauke.
tėvų_klasė — nuskaityti prijungimo elemento pirminį apvalkalą (naudinga naudojant pasirinktinį HTML produkto skyriuje).
saviklasė — perskaitykite tą patį įvynioklį, kuriame yra laikiklis.
Palikite tuščią, jei naudojate Turinio tekstas vietoj to (fiksuotas tekstas, o ne DOM turinys).
RE
Atvaizdavimo elementas
Apibrėžia kur įterpiama žaidėjo vartotojo sąsajaJis turi atitikti realų elementą parduotuvės puslapyje.
Jei norite naudoti pasirinktinius HTML prijungimus, nustatykite jį į prijungimo klasę: .gsp_full_player, .gsp_mygtuko_žaidėjasarba .gsp_circle_player.
Taip pat galite taikytis į maketo konteinerius, pvz. kūnas, #PagrindinisTurinysarba .produkto__pavadinimas kai nenaudojate specialaus laikiklio.
Jei turinio parinkiklis teisingas, bet nieko nerodoma, paprastai puslapyje yra neteisingas arba jo nėra.
RP
Atvaizdavimo padėtis
Žaidėjo vietos prieš or Po „Render Element“ turinys. Specialiam prijungimo div'ui „After/Before“ paprastai vis tiek veikia to mazgo atžvilgiu – palikite prijungimo laukelį tuščią ir leiskite valdikliui jį užpildyti.
EX
Išskirti sąrašą
Parinkikliai, kurie privalo ne būti ištarti, net jei jie yra turinio parinkiklyje. Tas pats # / . taisyklės, atskirtos kableliais. Pavyzdys: .product-form,.price,.badge,.no-speech.
TT
Pavadinimo parinkiklis / Pavadinimo tekstas
Pavadinimo parinkiklis — dinaminis puslapio pavadinimas (pavyzdys: h1.product__title).
Pavadinimo tekstas — grotuve rodomas fiksuotas pavadinimas. Naudojant pavadinimo tekstą, pavadinimo parinkiklį palikite tuščią.
CT
Turinio tekstas
Pasirinktinai fiksuotas pasakojimo tekstas. Kai naudojamas, turinio parinkiklis gali likti tuščias. Naudinga trumpiems reklaminiams blokams kolekcijų puslapiuose, kai produkto DOM neturėtų leisti garso.
„Shopify“ nykščio taisyklė: Turinio parinkiklio taikiniai .product__description (Arba .rte), „Render Element“ taikosi į tvirtinimą, o „Exclude List“ išsaugo .price bei .product-form iš garso.
Pavyzdžiai
Praktiniai „Shopify“ produktų puslapių atvaizdavimo pavyzdžiai
A pavyzdys
Produkto aprašymas su viso puslapio grotuvu
Produkto šablone yra aprašymas ir laikiklis šalia pirkimo langelio:
Pavadinimo parinkiklis - h1.product__title (Neprivalomas)
B pavyzdys
Rinkinys arba tinklaraščio straipsnis su parent_class
Jei laikiklis yra kolekcijos istorijoje arba parduotuvės tinklaraščio tekste, turinio parinkiklis gali būti santykinis:
Turinio parinkiklis - parent_class (skaito kalno tėvinį tekstą)
Atvaizdavimo elementas - .gsp_full_player
Išskirti sąrašą — kainą ir formas palikti nenurodytas, jei jos rodomos tame pačiame šablone
Paskirtis self_class kai pačiame tvirtinimo aplanke yra tekstas, kuris turėtų būti perskaitomas.
C pavyzdys
Viso katalogo produktų garso įrašai viename valdiklyje
Vieta .gsp_button_player produkto šablone. Vieno mygtuko grotuvo valdiklis su renderinimo elementu .gsp_button_player gali valdyti kiekvieną produkto puslapį. Kurkite papildomus valdiklius tik tada, kai balso, selektorių ar URL taisyklės turi skirtis (pavyzdžiui, tinklaraštis ir produktas).
Publikuoti ir klausytis — nustatykite būseną į „Paskelbta“, atnaujinkite tiesioginę vitriną, išbandykite atkūrimą.
Kai pasikeičia produkto ar puslapio tekstas, „Smart Audio Sync“ gali atkurti pasakojimą fone. Susiejimo laukai vis tiek nusprendžia narys, kuris tekstas ir kur žaidėjas gyvena.
DUK
DUK: „Shopify“ teksto įgarsinimas produktų puslapiuose
Ar „Shopify“ palaiko teksto įgarsinimą ir dirbtinio intelekto balsus su „GSpeech“?
Taip. GSpeech prideda „Shopify“ teksto įgarsinimas kad prekybininkai galėtų pasiūlyti dirbtinio intelekto pagrindu sukurtą garsą produktų puslapiuose aprašymuose, kolekcijose ir parduotuvių tinklaraščiuose. Garsas generuojamas debesyje ir leidžiamas per modernius valdiklius – be API raktų jūsų temoje.
Kaip pridėti „GSpeech“ naudojant „theme.liquid“ arba „Custom Liquid“?
Nukopijuokite „Shopify“ prisijungimo kodą iš „Integracijos“ → „Shopify“. Įklijuokite jį. theme.liquid (arba pasirinktinis skystis / pasirinktinis HTML) prieš tai ir publikuokite. Tada pridėkite prijungimo kodą, pvz. <div class="gsp_full_player"></div> produkto šablone ir nustatykite „Render Element“ į tą klasę.
Kuo skiriasi turinio parinkiklis ir renderio elementas „Shopify“?
Turinio parinkiklis pasirenka, kurį HTML temos kodą pasakoti – paprastai .product__description or .rte. Atvaizdavimo elementas pasirenka, kur rodomas grotuvas – paprastai jūsų pasirinktinis HTML priedas. Naudokite išskyrimų sąrašą .price, .product-formir ženklelius, kad pirkėjai girdėtų aprašymą, o ne atsiskaitymo sąsają.
Ar „GSpeech“ garsas sulėtins mano „Shopify“ parduotuvę?
Ne. Sintezė ir kaupimas talpykloje vyksta GSpeech debesyje, o ne „Shopify“ serveriuose. Temos įterpimas yra lengvas, o grotuvai rodomi tik tuose šablonuose, kuriuose dedate prijungimo elementus. Produktų puslapiai išlaiko įprastą vitrinos veikimą, o garsas grojamas pagal poreikį.
Ar man reikia API raktų „Shopify TTS“?
Ne. GSpeech is API raktai nereikalingi skirta „Shopify“. Prisijunkite prie „theme.liquid“, konfigūruokite produkto garso valdiklius debesies konsolėje ir publikuokite. Balsai ir grotuvai tvarkomi iš vienos paskyros, be trečiųjų šalių TTS raktų jūsų temoje.
Pagalba
Reikia pagalbos ieškant „Shopify“ temos ar produkto išdėstymo parinkimo įrankių?
Susisiekite su „GSpeech“ palaikymo tarnybaAtsiųskite puslapio URL adresą ir mes padėsime susieti turinio parinkiklį / atvaizdavimo elementą.
