Wix tekst til tale – tilpasset kode AI-stemme

Wix tekst-til-tale – legg til AI-stemmefortelling med tilpasset kode

Gi din Wix blogg, bedriftsnettsted eller Wix Studio projisere en lytteklar opplevelse med GSpeechBesøkende kan leke i naturen Wix AI-stemme fortellerstemme på innlegg og sider mens lyd genereres og mellomlagres i GSpeech Cloud Console - Ingen API-nøkler kreves, og ingen TTS-belastning på Wix-hosting.

Denne veiledningen viser hvordan du legg til tekst til tale i Wixlim inn tilkoblingskoden med Wix tilpasset kode (eller tilpasset HTML) før , plasser helsides- / knapp- / sirkelspillere med en tilpasset HTML-embed, og tilordne deretter Innholdsvelger og Gjengi element slik at spilleren leser blogginnlegg, tjenestesider og om-sider riktig.

  • Wix tilpasset kode TTS — nettomfattende innebygging via Innstillinger → Tilpasset kode, eller tilpasset HTML per side.
  • Skybasert lydgenerering — syntetisere én gang, mellomlagre og spille av på tvers av besøk.
  • Ingen API-nøkler kreves — administrer stemmer og spillere fra én konsoll.
  • Ubegrensede tilpassede widgeter – separat fortellerstemme for blogger, tjenestesider og Studio-oppsett.

Best for: Wix-blogger, lokale bedriftsnettsteder og Wix Studio-markedsføringssider der du ønsker AI-stemme på innleggstekster, tjenestebeskrivelser og omtale – uten å bygge et tilpasset TTS-backend.

Oversikt over nettsteds-TTS Live demoer Åpne skykonsollen

Koble GSpeech til Wix

Hvordan koble til GSpeech til Wix

  • Logg inn - logg inn på GSpeech-kontoen din (trenger du en? Opprett en gratis konto).
  • Lag et nettsted – hvis du ikke har lagt til et nettsted ennå, følg opprett et nettsted.
  • Åpne nettstedet — gå til din dashbord og velg Wix-nettstedet.
  • Kopier Wix-koden — åpen Integrasjoner → Wix og kopier tilkoblingskoden.
  • Lim inn før — sett inn koden via Wix tilpasset kode (Innstillinger → Tilpasset kode) eller en tilpasset HTML-embed før avslutningen tagg, og publiser deretter.

Tilkoblingskoden lastes inn GSpeech på hver side der den er tilstede. Spillere vises bare der du plasserer monteringer / tilpasset HTML og bare når den matchende widgeten er publisert og konfigurert.

Wix tilpasset kode, widgeter og innholdskartlegging

På Wix, GSpeech hardkoder ikke én spiller til én tekstblokk. Du kobler til tilpasset kode én gang, og deretter tilordner du hver widget til den rike teksten eller seksjonen du vil ha fortalt:

1 Tilkoblingskode

Laster inn søkemotoren via Wix Custom Code. Uten den forblir tilpassede HTML-monteringer tomme.

2 Tilpasset widget

Dashbordkonfigurasjon: stemme, språk, design, innholdsinnstillinger, URL-regler for blogg- kontra bedriftssider.

3 Monter / Tilpasset HTML

En markør på Wix-siden (for eksempel .gsp_full_player) der spillerens brukergrensesnitt vises.

4 Innholdskartlegging

Innholdsvelger = hvilken Wix-tekst som skal leses. Gjengi element = der spilleren vises. Ekskluder / Tittel / URL-er avgrenser treffet.

  • Ubegrensede widgets – separate helside-, knapp- eller sirkel-widgeter for blogginnlegg, tjenestesider og Studio-oppsett.
  • Ubegrenset antall spillere per widget – én publisert widget kan drive alle matchende tilpassede HTML-monteringer som er tillatt av Render Element + URL-regler.
  • Tilpasset HTML / innebygging — på Wix ser monteringen slik ut <div class="gsp_full_player"></div>På WordPress bruker den samme ideen kortkoder som [gspeech].
  • Standard kontra avansert – standardmonteringer fungerer raskt. Tilpassede Wix-seksjoner trenger presise verdier for innholdsvelger/gjengivelseselement.

Legg til spillere med Wix Custom HTML

Plasser et av disse festene der spilleren skal vises på siden (Tilpasset HTML / innebygd). Klikk på et kort for å kopiere. Deretter angir du widgeten. Gjengi element til samme klasse.

  • Fullsidespiller
    <div class="gsp_full_player"></div>
  • Knappespiller
    <div class="gsp_button_player"></div>
  • Sirkelspiller
    <div class="gsp_circle_player"></div>

Fullstendige spillerdokumenter Dokumentasjon for knappespiller Dokumentasjon for Circle Player

Tilordne Wix-sidetekst til spilleren

I widgeten Innhold tab, pekvelgere på Wix-rikteksten og seksjonswrapperne som besøkende skal høre – vanligvis blogginnhold, tjenestetekst og om-seksjoner.

  • id → # / klasse → . — f.eks. id="main"#main; class="wix-rich-text".wix-rich-text.
  • Samle bitene — Innholdsvelgeren godtar flere mål, kommaseparerte.
  • Trim stykker — Ekskluderingslisten bruker de samme prefiksene + kommaene.
  • Nybegynnerguide - Hvordan skrive HTML-verdier (# / .).

Innholdsvelger

definerer hvilken tekst som blir lest oppBruk CSS-selektorer, kommaseparert. Eksempler på Wix-lignende markup:

  • .wix-rik-tekst, .blogginnleggsinnhold, [data-testid="richTextElement"] — vanlige Wix-tekstomslag.
  • .wix-rik-tekst, .blogginnleggsinnhold, #min_id – flere mål i ett felt.
  • foreldreklasse — les den overordnede wrapperen til monteringen (nyttig når tilpasset HTML ligger inne i en tekstblokk).
  • self_class – les den samme innpakningen som festet sitter i.
  • La stå tomt hvis du bruker Innhold Tekst i stedet (fast tekst, ikke DOM-innhold).

Gjengi element

definerer hvor spillerens brukergrensesnitt injiseresDet må samsvare med et ekte element på Wix-siden.

  • For tilpassede HTML-monteringer, sett den til monteringsklassen: .gsp_full_player, .gsp_knapp_spillereller .gsp_sirkel_spiller.
  • Du kan også målrette layoutbeholdere som kroppen, en Wix-seksjonsklasse eller en blogginnholdswrapper når du ikke bruker en dedikert montering.
  • Hvis innholdsvelgeren er riktig, men ingenting vises, er gjengivelseselementet vanligvis feil eller mangler på den siden.

Gjengi posisjon

Plasserer spilleren Før or Etter Render Element-innholdet. For en dedikert monterings-div fungerer After/Before vanligvis fortsatt i forhold til den noden – hold monteringen tom og la widgeten fylle den.

Ekskluder liste

Velgere som må ikke bli sagt, selv om de sitter i Innholdsvelgeren. Samme # / . regler, kommaseparert. Eksempel: .share-buttons,.related-posts,.wix-comments,.no-speech.

Tittelvelger / Titteltekst

  • Tittelvelger — dynamisk tittel fra siden (eksempel: h1 eller en Wix-overskriftswrapper).
  • Titteltekst — fast tittel vist i spilleren. La tittelvelgeren stå tom når du bruker titteltekst.

Innhold Tekst

Valgfri, fast fortellertekst. Innholdsvelgeren kan forbli tom når den brukes. Nyttig for korte reklameseksjoner på Wix-bedriftssider når DOM-tekst ikke skal drive lyd.

Tommelfingerregel for Wix: Innholdsvelgeren peker på den rike teksten du vil ha fortalt, gjengivelseselementet peker på den tilpassede HTML-monteringen, og ekskluderingslisten hopper over kommentarer, delingsfelt og striper for relaterte innlegg.

Praktiske kartleggingseksempler for Wix-blogger og bedriftssider

Wix blogginnlegg med fullsidespiller

En blogginnleggstekst og en tilpasset HTML-montering under tittelen:

  • Sidemarkering
    <div class="wix-rich-text blog-post-content">...</div> <div class="gsp_full_player"></div>
  • Innholdsvelger - .wix-rich-text.blog-post-content
  • Gjengi element - .gsp_full_player
  • Ekskluder liste - .share-buttons,.related-posts (om du har)
  • Tittelvelger - h1 (om du har)

Tjenesteside — monter i rik tekst (parent_class)

Hvis tilpasset HTML ligger i en Wix-tekstseksjon på en tjenesteside, kan innholdsvelgeren være relativ:

  • Innholdsvelger - parent_class (leser forelderen til monteringen)
  • Gjengi element - .gsp_full_player

Bruk self_class når selve monterings-wrapperen inneholder teksten som skal leses opp.

Om- og Studio-sider med én knapp-widget

Sted .gsp_button_player på Om-sider og gjentakende Studio-oppsett. One-Button Player-widget med Render-element .gsp_button_player kan drive alle. Legg til flere widgeter bare når stemme, selektorer eller URL-regler må være forskjellige.

Lag Wix-fortellingswidgeter

  • Åpne dashbordet — gå til din GSpeech-dashbord.
  • Velg nettstedet – åpne Wix-nettstedet du koblet til.
  • Legg til ny widget — Widgeter → Legg til ny widget → velg type (Full avspiller, Knapp, Sirkel, …) → Opprett.
  • Konfigurer innhold — angi innholdsvelger, gjengivelseselement, ekskluderingsliste og titler for blogg- eller bedriftssider.
  • Konfigurer spiller / Design — stemme, paneler, tema, bredde, marginer.
  • Publiser og lytt — sett Status til Publisert, oppdater den aktive Wix-siden, test avspillingen.

Når Wix-bloggen eller -sideteksten endres, kan Smart Audio Sync generere fortellerstemme i bakgrunnen. Kartleggingsfelt avgjør fortsatt. hvilken tekst og hvor spilleren lever.

Vanlige spørsmål: Wix tekst-til-tale og tilpasset kode

  • Støtter Wix tekst-til-tale og AI-stemmer med GSpeech?

    Ja. GSpeech legger Wix tekst til tale med naturlige AI-stemmer for blogger, bedriftsnettsteder og Wix Studio-sider. Du kobler til via tilpasset kode, plasserer spillermonteringer med tilpasset HTML og administrerer stemmer i Cloud Console – ingen API-nøkler og ingen TTS-behandling på Wix-servere.
  • Hvordan legger jeg til GSpeech-spilleren med Wix Custom Code?

    Kopier Wix-tilkoblingskoden fra Integrasjoner → Wix i dashbordet ditt. Lim den inn. Innstillinger → Tilpasset kode (eller tilpasset HTML) slik at den lastes inn før , og publiser deretter. Legg til et monteringselement, for eksempel <div class="gsp_full_player"></div> på blogg- eller tjenestesider og sett Render Element til samme klasse.
  • Hva er Content Selector kontra Render Element på Wix?

    Innholdsvelger forteller GSpeech hvilken Wix-tekst som skal leses opp – for eksempel .wix-rich-text eller brødteksten i et blogginnlegg. Gjengi element forteller den hvor spilleren skal vises – vanligvis din tilpassede HTML-monteringsklasse. Hvis lydteksten er feil, fiks Content Selector. Hvis spilleren mangler, fiks Render Element.
  • Vil GSpeech-lyd gjøre Wix-nettstedet mitt tregere?

    Nei. Lyd genereres og mellomlagres i GSpeech skyen, ikke på Wix-hosting. Tilkoblingsskriptet er lett, og avspillere lastes bare der du plasserer fester. Blogginnlegg og bedriftssider beholder normal Wix-ytelse mens besøkende lytter på forespørsel.
  • Trenger jeg API-nøkler for Wix AI-stemmefortelling?

    Nei. GSpeech is Ingen API-nøkler kreves for Wix. Du logger deg på Cloud Console, limer inn tilpasset kode, konfigurerer widgeter og publiserer. Stemmer, språk og avspillere administreres på ett sted uten tredjeparts TTS-nøkler på Wix-nettstedet ditt.

Trenger du hjelp med å finne selektorer for et Wix-layout eller en innebygd tilpasset kode? Kontakt GSpeech-støtteSend en URL til siden, så hjelper vi deg med å tilordne innholdsvelgeren/gjengivelseselementet.