Shopify-tekstistä puheeksi — tekoälyllä tuotesivun ääni theme.liquidin kautta
Muunna Shopify-tuotekuvaukset, kokoelmat ja kauppasi blogikirjoitukset kuunteluvalmiiksi tuotesivun ääniGSpeechKauppiaat saavat luonnolliset tekoälyäänet ja modernit soittimet, kun synteesi toimii GSpeech Cloud Console - Ei vaadi API-avaimia, eikä Shopify-teeman isännöintipalvelimellasi ole TTS-kuormitusta.
Tämä opas kattaa Shopify TTS asennus: liitä yhteyskoodi ennen in theme.liquid (tai mukautettu neste / mukautettu HTML), sijoita koko sivun / painikkeen / ympyrän pelaajat tuote- ja sisältömalleihin ja kartoita sitten Sisällön valitsin ja Renderöintielementti joten kerronta lukee kuvaukset – ja poissuljettu lista ohittaa hinnan, lomakkeet ja merkit.
theme.liquid tekstistä puheeksi — yksi verkkokaupan upotus tuote-, kokoelma- ja blogimalleille.
Pilviäänen generointi — syntetisoi kerran, tallenna välimuistiin ja toista eri ostajien kesken.
Ei vaadi API-avaimia — äänet ja pelaajat yhdestä konsolista.
Ei sisällä hintaa eikä lomakkeita — pidä kassakäyttöliittymä hiljaisena, kun taas kuvaukset puhuvat.
Paras: Shopify-kauppiaille, jotka haluavat kuunteluvalmiita tuotekuvauksia, mallistotarinoita ja blogikirjoituksia – hinta, ostoskoriin lisäyslomakkeet ja merkit pois lukien.
Luo verkkosivusto — jos et ole vielä lisännyt kauppasivustoa, seuraa luoda verkkosivuston.
Avaa sivusto — mene luoksesi kojelauta ja valitse Shopify-sivusto.
Kopioi Shopify-koodi — avoin Integraatiot → Shopify ja kopioi yhteyskoodi.
Liitä ennen — lisää koodi teemaasi (yleensä theme.liquid, mukautettu neste tai mukautettu HTML) ennen sulkemista tunniste ja julkaise sitten.
Yhteyskoodi latautuu GSpeech jokaisella verkkokaupan etusivulla, jolla se on läsnä. Soittimet näkyvät vain, jos sijoitat kiinnikkeitä / mukautettua HTML-koodia ja vain silloin, kun vastaava widget on julkaistu ja määritetty.
Kartoitusmalli
theme.liquid, tuotekiinnitykset ja sisällön kartoitus
Shopifyssa yksi theme.liquid upotus lataa hakumoottorin koko myymälään. Jokainen widget yhdistää sitten tuotekuvauksen tekstin, kokoelmatekstin tai blogin HTML-koodin soittimen asennuskohtaan – ilman, että ääntä tarvitsee kovakoodata jokaiseen tuotteeseen:
1Yhteyskoodi
Lataa moottorin osoitteesta theme.liquid / Custom Liquid. Ilman sitä tuotekiinnitykset pysyvät tyhjinä.
2Muokattu widget
Kojelaudan asetukset: ääni, kieli, ulkoasu, sisältöasetukset, URL-säännöt tuotteille vs. blogeille.
3Asenna / Mukautettu HTML
Tuoteosiossa tai teemalohkossa oleva merkki (esimerkiksi .gsp_full_player), jossa pelaaja esiintyy.
4Sisällön kartoitus
Sisällön valitsin = luettavaksi tarkoitettu kuvausteksti. Renderöintielementti = missä pelaaja esiintyy. Ei sisällä hintaa, lomakkeita eikä merkkejä.
Rajoittamaton määrä widgetejä — erilliset koko sivun, painikkeen tai ympyrän widgetit tuotteille, kokoelmille, blogeille tai kielille.
Rajoittamaton määrä pelaajia widgetiä kohden — yksi julkaistu widget voi pyörittää kaikkia Render Element + URL -sääntöjen sallimia vastaavia kiinnityksiä.
Mukautettu HTML / Liquid — Shopifyssa teline näyttää tältä <div class="gsp_full_player"></div>WordPressissä sama idea käyttää lyhyitä koodeja, kuten [gspeech].
Oletusasetukset vs. lisäasetukset — Oletusasennukset toimivat nopeasti. Mukautettujen teemaosioiden sisällönvalitsimen / renderöintielementin arvot on määritettävä tarkasti.
Pelaajat
Lisää pelaajia Shopify Custom HTML -sovelluksella
Aseta mikä tahansa näistä kiinnikkeistä kohtaan, johon haluat pelaajan näkyvän tuote- tai sisältösivuilla. Kopioi kortti napsauttamalla sitä. Aseta sitten widget. Renderöintielementti samaan luokkaan.
Yhdistä Shopify-tuote ja -teeman teksti soittimeen
Widgetissä Sisältö välilehti, kohdetuotekuvaus ja teeman kääreet, jotka ostajien tulisi kuulla – ja sulje pois hinta, tuotemuodot ja merkit, jotta ääni pysyy hyödyllisenä.
tunnus → # / luokka → . — HTML-attribuuteista tulee valitsimia, kun niissä on tiiviste tai piste.
Kerää palasia — Sisällönvalitsin voi listata useita kääreitä pilkulla erotettuna.
Leikkaa palat — Poissulkemisluettelo käyttää samaa # / . + pilkut (hintalomakkeet, merkit, ostoskorin kromi).
Jätä tyhjäksi, jos käytät Sisältöteksti sen sijaan (kiinteää tekstiä, ei DOM-sisältöä).
RE
Renderöintielementti
määrittelee mihin pelaajan käyttöliittymä ruiskutetaanSen on vastattava jotakin todellista elementtiä verkkokaupan etusivulla.
Mukautettuja HTML-liitäntöjä varten aseta se liitosluokkaan: .gsp_full_player, .gsp_painike_soitintai .gsp_ympyräpelaaja.
Voit myös kohdistaa asettelukontteja, kuten elin, #Pääsisältötai .tuotteen__nimi kun et käytä erillistä telinettä.
Jos sisällönvalitsin on oikein, mutta mitään ei näy, renderöintielementti on yleensä väärin tai puuttuu sivulta.
RP
Renderöinnin sijainti
Pelaajan paikat Ennen or Jälkeen Renderöintielementin sisältö. Omille mount-div-osioille After/Before-osiot toimivat yleensä edelleen suhteessa kyseiseen solmuun — pidä mount-osio tyhjänä ja anna widgetin täyttää se.
EX
Poissulje luettelo
Valitsimet, joiden on oltava emme voidaan puhua, vaikka ne olisivatkin sisällönvalitsimen sisällä. Sama # / . säännöt, pilkulla erotettuna. Esimerkki: .product-form,.price,.badge,.no-speech.
Otsikon teksti — soittimessa näkyvä otsikko on kiinteä. Jätä otsikon valitsin tyhjäksi, kun käytät otsikkotekstiä.
CT
Sisältöteksti
Valinnainen kiinteä selostusteksti. Sisällönvalitsin voi pysyä tyhjänä, kun sitä käytetään. Hyödyllinen lyhyille mainosblokeille kokoelmasivuilla, kun tuotteen DOM:n ei pitäisi ohjata ääntä.
Shopifyn nyrkkisääntö: Sisällönvalitsimen kohteet .product__description (Tai .rte), Renderöintielementti kohdistuu kiinnitykseen ja Poissulkemisluettelo pitää .price ja .product-form pois äänimaailmasta.
Esimerkit
Käytännön esimerkkejä Shopify-tuotesivujen kartoituksesta
Esimerkki A
Tuotekuvaus koko sivun soittimella
Tuotemallipohja sisältää kuvauksen ja kiinnikkeen ostoruudun lähellä:
Jos teline sijaitsee kokoelmajutun tai kaupan blogitekstin sisällä, sisällönvalitsin voi olla suhteellinen:
Sisällön valitsin - parent_class (lukee vuoren vanhemman)
Renderöintielementti - .gsp_full_player
Poissulje luettelo — pidä hinta ja lomakkeet hiljaisina, jos ne esiintyvät samassa mallissa
Käyttää self_class kun itse kiinnityskääre sisältää tekstin, joka tulisi lukea.
Esimerkki C
Koko luettelon tuoteääni yhdellä widgetillä
Paikka .gsp_button_player tuotemallissa. Yhden painikkeen soitinwidget renderöintielementillä .gsp_button_player voi toimia jokaisen tuotesivun alustana. Luo lisäwidgetejä vain, kun ääni-, valitsin- tai URL-sääntöjen on oltava erilaiset (esimerkiksi blogi vs. tuote).
Kun tuotteen tai sivun teksti muuttuu, Smart Audio Sync voi luoda kertojankerronnan uudelleen taustalla. Kenttien yhdistäminen ratkaisee edelleen joka teksti ja jossa pelaaja elää.
FAQ
Usein kysytyt kysymykset: Shopifyn tekstistä puheeksi tuotesivuilla
Tukeeko Shopify tekstistä puheeksi ja tekoälyääniä GSpeechin kanssa?
Kyllä. GSpeech lisää Shopify-teksti puheeksi jotta kauppiaat voivat tarjota tekoälyllä tuotesivujen ääniraitoja kuvauksissa, kokoelmissa ja kauppablogeissa. Ääni luodaan pilvessä ja toistetaan nykyaikaisten widgetien kautta – ilman teemasi API-avaimia.
Miten lisään GSpeechin käyttämällä theme.liquid- tai Custom Liquid -tiedostoa?
Kopioi Shopify-yhteyskoodi kohdasta Integraatiot → Shopify. Liitä se sisään. theme.liquid (tai mukautettu neste / mukautettu HTML) ennen ja julkaise. Lisää sitten mount-tiedosto, kuten <div class="gsp_full_player"></div> tuotemallissa ja aseta Render Element -arvoksi kyseinen luokka.
Mitä eroa on sisällönvalitsimella ja renderöintielementillä Shopifyssa?
Sisällön valitsin valitsee, minkä teeman HTML-koodin kerrotaan — yleensä .product__description or .rte. Renderöintielementti valitsee, missä soitin näkyy – yleensä mukautetun HTML-liitoksen. Käytä poissulkemisluetteloa .price, .product-formja merkkejä, jotta ostajat kuulevat kuvauksen, eivätkä kassan käyttöliittymää.
Hidastaako GSpeech-ääni Shopify-kauppaani?
Ei. Synteesi ja välimuistiin tallennus tapahtuvat GSpeech pilvessä, ei Shopify-palvelimilla. Teeman upotus on kevyt, ja soittimet näkyvät vain malleissa, joihin sijoitat kiinnityskohdat. Tuotesivut säilyttävät normaalin verkkokaupan suorituskyvyn, kun taas ääntä toistetaan pyynnöstä.
Tarvitsenko API-avaimia Shopify TTS:ää varten?
Ei. GSpeech is Ei vaadi API-avaimia Shopifylle. Yhdistä theme.liquid-sovelluksella, määritä tuotteen ääniwidgetit Cloud Consolessa ja julkaise. Ääniä ja soittimia hallitaan yhdeltä tililtä ilman kolmannen osapuolen TTS-avaimia teemassasi.
Apu:
Tarvitsetko apua Shopify-teeman tai tuoteasettelun valitsimien löytämisessä?
Ota yhteyttä GSpeech-tukeenLähetä sivun URL-osoite, niin autamme sisällönvalitsimen / renderöintielementin kartoittamisessa.
