Shopify тэкст у маўленне — аўдыё на старонцы прадукту
Інтэграцыя Shopify
Shopify тэкст у маўленне — аўдыё на старонцы прадукту са штучным інтэлектам праз theme.liquid
Ператварыце апісанні прадуктаў, калекцыі і паведамленні ў блогу крамы Shopify у гатовыя для праслухоўвання аўдыё на старонцы прадукту з GSpeechПрадаўцы атрымліваюць натуральныя галасы штучнага інтэлекту і сучасных гульцоў, пакуль сінтэз працуе ў GSpeech Воблака кансолі - Ключы API не патрабуюццаі без загрузкі TTS на вашым хостынгу тэмы Shopify.
Гэта кіраўніцтва ахоплівае Shopify TTS налада: устаўце код падключэння перад in theme.liquid (або карыстальніцкі Liquid / карыстальніцкі HTML), размясціце паўнастаронкавыя / кнопачныя / круглыя прайгравальнікі на шаблонах прадуктаў і кантэнту, а затым адлюструйце Выбар змесціва і Элемент візуалізацыі такім чынам, апавяданне чытае апісанні, а ў спісе выключэнняў прапускаюцца цэны, формы і значкі.
theme.liquid тэкст у маўленне — адна ўбудаваная вітрына для шаблонаў прадуктаў, калекцый і блогаў.
Генерацыя воблачнага аўдыё — сінтэзаваць адзін раз, захоўваць у кэшы і прайграваць для розных пакупнікоў.
Ключы API не патрабуюцца — галасы і гульцы з адной кансолі.
Выключыць цану і формы — карыстальніцкі інтэрфейс афармлення замовы не агучваецца, пакуль апісанні агучваюцца.
Лепш за ўсё падыходзіць для: Прадаўцы Shopify жадаюць мець гатовыя апісанні тавараў, гісторыі калекцый і артыкулы ў блогу — без гаворкі пра цэны, формы дадання ў кошык і значкі.
Стварыце вэб-сайт — калі вы яшчэ не дадалі сайт крамы, падпішыцеся стварыць сайт.
Адкрыйце сайт — ідзі да свайго прыборная панэль і абярыце сайт Shopify.
Скапіюйце код Shopify — адкрыты Інтэграцыі → Shopify і скапіюйце код падключэння.
Уставіць перад — устаўце код у вашу тэму (звычайна theme.liquid, карыстальніцкая вадкасць або карыстальніцкі HTML) перад закрыццём пазначыць, а затым апублікаваць.
Код падключэння загружаецца GSpeech на кожнай старонцы крамы, дзе ён прысутнічае. Гульцы з'яўляюцца толькі там, дзе вы размяшчаеце мацаванне / карыстальніцкі HTML і толькі тады, калі адпаведны віджэт апублікаваны і настроены.
Мадэль адлюстравання
theme.liquid, мацаванне прадуктаў і мапінг кантэнту
На Shopify адзін theme.liquid embed загружае ўсю краму рухавіка. Затым кожны віджэт адлюстроўвае тэкст апісання прадукту, тэкст калекцыі або HTML блога ў мацаванне плэера — без жорсткага кадавання аўдыё ў кожны прадукт:
1Код злучэння
Загружае рухавік з theme.liquid / Custom Liquid. Без яго мацаванне прадуктаў застанецца пустым.
2Карыстальніцкі віджэт
Налады панэлі кіравання: голас, мова, дызайн, налады кантэнту, правілы URL-адрасоў для прадуктаў і блогаў.
3Мантаваць / Карыстальніцкі HTML
Маркер у раздзеле прадукту або тэматычным блоку (напрыклад, .gsp_full_player), дзе з'яўляецца гулец.
4Картаграфаванне кантэнту
Выбар змесціва = тэкст апісання для чытання. Элемент візуалізацыі = месца, дзе з'яўляецца гулец. Не ўлічвайце цану, формы і значкі.
Неабмежаваная колькасць віджэтаў — асобныя віджэты «Поўная старонка», «Кнопка» або «Круг» для прадуктаў, калекцый, блогаў або моў.
Неабмежаваная колькасць гульцоў на віджэт — адзін апублікаваны віджэт можа падтрымліваць усе адпаведныя мантажы, дазволеныя правіламі Render Element + URL.
Карыстальніцкі HTML / Liquid — на Shopify мацаванне выглядае так <div class="gsp_full_player"></div>На WordPress тая ж ідэя выкарыстоўвае шорткоды, такія як [gspeech].
Налады па змаўчанні супраць пашыраных — мантаванні па змаўчанні працуюць хутка. Раздзелы карыстальніцкай тэмы патрабуюць дакладных значэнняў селектара кантэнту / элемента рэндэрынгу.
Гульцы
Дадайце гульцоў з дапамогай Shopify Custom HTML
Размясціце любое з гэтых мацаванняў там, дзе павінен з'яўляцца гулец на старонках прадуктаў або кантэнту. Націсніце на картку, каб скапіяваць яе. Затым усталюйце віджэт. Элемент візуалізацыі да таго ж класа.
Адлюстраваць тэкст прадукту і тэмы Shopify на плэеры
У віджэце змест укладка, апісанне мэтавага прадукту і абгорткі тэмы, якія павінны пачуць пакупнікі, — і выключыце цану, формы прадуктаў і значкі, каб аўдыё заставалася карысным.
ідэнтыфікатар → # / клас → . — Атрыбуты HTML становяцца селектарамі з дапамогай хэша або кропкі.
Збярыце часткі — Селектар змесціва можа пералічваць некалькі абгортак, падзеленых коскамі.
Абрэзаць кавалачкі — Спіс выключэнняў выкарыстоўвае тое ж самае # / . + коскі (формы цэн, значкі, хром кошыка).
вызначае які тэкст агучваеццаВыкарыстоўвайце селектары CSS, падзеленыя коскамі. Прыклады:
.апісанне_прадукту, .rte, #ГалоўныЗмест — прачытайце гэтыя элементы.
.aпісанне_прадукту, .rte, #my_id, .my_class — некалькі мэтаў у адным полі.
бацькоўскі_клас — прачытаць бацькоўскую абгортку мацавання (карысна для карыстальніцкага HTML унутры раздзела прадукту).
сам_клас — гаворыцца на той жа абгортцы, у якой знаходзіцца мацаванне.
Пакіньце пустым, калі выкарыстоўваеце Змест Тэкст замест гэтага (фіксаваны тэкст, а не змесціва DOM).
RE
Элемент візуалізацыі
вызначае куды ўводзіцца інтэрфейс гульцаЁн павінен адпавядаць рэальнаму элементу на старонцы крамы.
Для карыстальніцкіх HTML-мантаванняў усталюйце клас мантавання: .gsp_full_player, .gsp_button_playerабо .gsp_circle_player.
Вы таксама можаце арыентавацца на кантэйнеры макета, такія як цела, #ГалоўныЗместабо .product__title калі вы не выкарыстоўваеце спецыяльнае мацаванне.
Калі селектар змесціва правільны, але нічога не адлюстроўваецца, элемент рэндэрынгу звычайна няправільны або адсутнічае на гэтай старонцы.
RP
Палажэнне візуалізацыі
Размяшчае гульца Перад тым як or Пасля змест элемента рэндэрынгу. Для спецыяльнага div мантавання, After/Before звычайна ўсё яшчэ працуе адносна гэтага вузла — пакідайце мантаванне пустым і дайце віджэту запоўніць яго.
EX
Спіс выключэнняў
Селектары, якія павінны ня будуць агучвацца, нават калі яны знаходзяцца ўнутры селектара кантэнту. Тое ж самае # / . правілы, падзеленыя коскамі. Прыклад: .product-form,.price,.badge,.no-speech.
TT
Выбар загалоўка / Тэкст загалоўка
Выбар загалоўка — дынамічны загаловак са старонкі (прыклад: h1.product__title).
Тэкст загалоўка — выпраўлены загаловак, які адлюстроўваецца ў прайгравальніку. Пры выкарыстанні тэксту загалоўка пакіньце поле выбару загалоўка пустым.
CT
Змест Тэкст
Дадатковы фіксаваны тэкст апавядання. Пры выкарыстанні селектар змесціва можа заставацца пустым. Карысна для кароткіх рэкламных блокаў на старонках калекцый, калі DOM прадукту не павінен кіраваць аўдыё.
Эмпірычнае правіла для Shopify: Мэты выбару кантэнту .product__description (Або .rte), Элемент рэндэрынгу нацэльваецца на мацаванне, а спіс выключэнняў захоўвае .price і .product-form па-за аўдыё.
Прыкладаў
Практычныя прыклады мапінгу для старонак тавараў Shopify
Прыклад А.
Апісанне прадукту з паўнастаронкавым прайгравальнікам
Шаблон прадукту ўключае апісанне і мацаванне побач з скрынкай пакупкі:
Калі мацаванне знаходзіцца ўнутры гісторыі калекцыі або цела блога крамы, селектар кантэнту можа быць адносным:
Выбар змесціва - parent_class (чытае бацькоўскі элемент мацавання)
Элемент візуалізацыі - .gsp_full_player
Спіс выключэнняў — не паказваць цану і формы, калі яны размешчаны ў адным шаблоне
Выкарыстоўваць self_class калі сама абгортка мантавання змяшчае тэкст, які павінен быць агучаны.
Прыклад С
Аўдыё прадукту для ўсяго каталога з дапамогай аднаго віджэта
Месца .gsp_button_player на шаблоне прадукту. Віджэт One Button Player з элементам рэндэрынгу .gsp_button_player можа падтрымліваць кожную старонку прадукту. Стварайце дадатковыя віджэты толькі тады, калі голас, селектары або правілы URL-адрасоў павінны адрознівацца (напрыклад, блог супраць прадукту).
Апублікаваць і слухаць — усталюйце статус на «Апублікавана», абнавіце вітрыну крамы, пратэстуйце прайграванне.
Калі тэкст прадукту або старонкі змяняецца, Smart Audio Sync можа перабудаваць агучванне ў фонавым рэжыме. Палі адлюстравання ўсё яшчэ вырашаюць які тэкст і дзе гулец жыве.
Часта задаваныя пытанні
Часта задаваныя пытанні: пераўтварэнне тэксту ў маўленне на старонках прадуктаў у Shopify
Ці падтрымлівае Shopify пераўтварэнне тэксту ў маўленне і галасы штучнага інтэлекту з дапамогай GSpeech?
Так. GSpeech дадае Shopify тэкст у маўленне каб прадаўцы маглі прапаноўваць аўдыё на старонках тавараў са штучным інтэлектам у апісаннях, калекцыях і блогах крам. Аўдыё генеруецца ў воблаку і прайграваецца праз сучасныя віджэты — без ключоў API на вашай тэме.
Як дадаць GSpeech з дапамогай theme.liquid або Custom Liquid?
Скапіруйце код падключэння Shopify з раздзела «Інтэграцыі» → «Shopify». Устаўце яго theme.liquid (або карыстальніцкі вадкі / карыстальніцкі HTML) перад і апублікаваць. Затым дадайце мантаж, напрыклад <div class="gsp_full_player"></div> у шаблоне прадукту і ўсталюйце для элемента рэндэрынгу гэты клас.
Што такое селектар кантэнту супраць элемента рэндэрынгу на Shopify?
Выбар змесціва выбірае, якую тэму HTML агучваць — звычайна .product__description or .rte. Элемент візуалізацыі выбірае месца з'яўлення прайгравальніка — звычайна гэта ваш уласны HTML-код. Выкарыстоўвайце спіс выключэнняў для .price, .product-formі значкі, каб пакупнікі чулі апісанне, а не інтэрфейс афармлення замовы.
Ці будзе аўдыё GSpeech запавольваць працу маёй крамы Shopify?
Не. Сінтэз і кэшаванне адбываюцца ў GSpeech воблака, а не на серверах Shopify. Убудаваная тэма невялікая, і прайгравальнікі адлюстроўваюцца толькі ў шаблонах, дзе вы размяшчаеце мацаванне. Старонкі прадуктаў захоўваюць звычайную прадукцыйнасць вітрыны, а аўдыё прайграваецца па запыце.
Ці патрэбныя мне ключы API для Shopify TTS?
Не. GSpeech is Ключы API не патрабуюцца для Shopify. Падключыцеся да theme.liquid, наладзьце аўдыё-віджэты прадукту ў Cloud Console і апублікуйце. Галасы і прайгравальнікі кіруюцца з аднаго ўліковага запісу без старонніх ключоў TTS у вашай тэме.
дапамогу
Патрэбна дапамога ў пошуку селектараў для тэмы Shopify або макета прадукту?
Звярніцеся ў службу падтрымкі GSpeechДашліце URL старонкі, і мы дапаможам адлюстраваць селектар кантэнту / элемент рэндэрынгу.
