Shopify-ի տեքստից խոսք — արհեստական բանականության արտադրանքի էջի աուդիո՝ theme.liquid-ի միջոցով
Shopify-ի արտադրանքի նկարագրությունները, հավաքածուները և խանութի բլոգի գրառումները վերածեք լսելու համար պատրաստի նյութերի ապրանքի էջի աուդիո հետ GSpeechՎաճառողները ստանում են բնական արհեստական բանականության ձայներ և ժամանակակից խաղացողներ, մինչ սինթեզը գործում է GSpeech Cloud Console - API բանալիներ անհրաժեշտ չեն, և ձեր Shopify թեմայի հոսթինգում TTS բեռնում չկա։
Այս ուղեցույցը ներառում է Shopify-ի TTS կարգավորում. տեղադրեք միացման կոդը նախքան in թեման.հեղեղ (կամ Custom Liquid / Custom HTML), տեղադրեք լիաէջ / կոճակ / շրջանակի խաղացողներ ապրանքի և բովանդակության ձևանմուշների վրա, ապա քարտեզագրեք Բովանդակության ընտրիչ և Render տարր այսպիսով, պատմողական համակարգը կարդում է նկարագրությունները, իսկ բացառությունների ցանկը բաց է թողնում գինը, ձևերը և նշանները։
թեմա.հեղուկ տեքստից խոսք — մեկ խանութի ցուցափեղկ՝ ապրանքի, հավաքածուի և բլոգի ձևանմուշների համար։
Ամպային աուդիո ստեղծում — մեկ անգամ սինթեզել, քեշավորել և վերարտադրել գնորդների միջև։
API բանալիներ անհրաժեշտ չեն — ձայներ և նվագարկիչներ մեկ խաղային համակարգից։
Բացառեք գինը և ձևերը — նկարագրությունների ընթացքում լռեք վճարման ինտերֆեյսի մասին։
Լավագույնը ` Shopify վաճառողներ, որոնք ցանկանում են լսելի դարձնելու համար պատրաստ ապրանքի նկարագրությունները, հավաքածուի պատմությունները և բլոգի հոդվածները՝ առանց խոսքից բացառելու գինը, զամբյուղում ավելացնելու ձևերը և նշանները։
Ստեղծեք կայք — եթե դեռ խանութի կայք չեք ավելացրել, հետևեք ստեղծել կայք.
Բացել կայքը - գնա քո մոտ ղեկավարման վահան և ընտրեք Shopify կայքը։
Պատճենեք Shopify կոդը — բաց Ինտեգրացիաներ → Shopify և պատճենեք միացման կոդը։
Տեղադրեք առաջ — տեղադրեք կոդը ձեր թեմայում (սովորաբար թեման.հեղեղ, Custom Liquid կամ Custom HTML) փակումից առաջ պիտակ, ապա հրապարակել։
Միացման կոդը բեռնվում է GSpeech յուրաքանչյուր խանութի էջում, որտեղ այն առկա է: Խաղացողները հայտնվում են միայն այնտեղ, որտեղ դուք տեղադրում եք միացումներ / հատուկ HTML, և միայն այն դեպքում, երբ համապատասխան վիջեթը հրապարակված և կարգավորված է:
Քարտեզագրման մոդել
theme.liquid, ապրանքի մոնտաժներ և բովանդակության մապինգ
Shopify-ում, մեկը թեման.հեղեղ embed-ը բեռնում է ամբողջ շարժիչի ցուցափեղկը։ Այնուհետև յուրաքանչյուր վիջեթ ապրանքի նկարագրության տեքստը, հավաքածուի տեքստը կամ բլոգի HTML-ը կապում է նվագարկչի միացման հետ՝ առանց յուրաքանչյուր ապրանքի մեջ ձայնը կոշտ կոդավորելու։
1Միացման կոդը
Բեռնում է շարժիչը theme.liquid / Custom Liquid-ից։ Առանց դրա, ապրանքի մոնտաժները դատարկ են մնում։
2Հատուկ վիջեթ
Վահանակի կարգավորում՝ ձայն, լեզու, դիզայն, բովանդակության կարգավորումներ, ապրանքների URL կանոններ ընդդեմ բլոգների։
3Մոնտաժ / Պատվերով HTML
Նշիչ ապրանքի բաժնում կամ թեմատիկ բլոկում (օրինակ՝ .gsp_full_player) որտեղ հայտնվում է խաղացողը։
4Բովանդակության քարտեզագրում
Բովանդակության ընտրիչ = կարդալու նկարագրության տեքստ։ Render տարր = որտեղ է հայտնվում խաղացողը։ Բացառեք գինը, ձևերը և նշանները։
Անսահմանափակ վիդջեթներ — առանձին լիաէջ, կոճակ կամ շրջանակ վիջեթներ ապրանքների, հավաքածուների, բլոգների կամ լեզուների համար։
Անսահմանափակ խաղացողներ մեկ վիջեթի համար — մեկ հրապարակված վիջեթը կարող է հզորացնել Render Element + URL կանոններով թույլատրված բոլոր համապատասխան միացումները։
Հատուկ HTML / Liquid — Shopify-ում մոնտաժը նման է <div class="gsp_full_player"></div>WordPress-ում նույն գաղափարը օգտագործում է կարճ կոդեր, ինչպիսիք են՝ [gspeech].
Լռելյայն vs. առաջադեմ — լռելյայն միացումները արագ են աշխատում։ Թեմայի հատուկ բաժինները պահանջում են բովանդակության ընտրիչի / ռենդերինգի տարրերի ճշգրիտ արժեքներ։
Ձայնարկիչներ
Ավելացրեք խաղացողներ Shopify-ի հատուկ HTML-ով
Տեղադրեք այս ամրակներից որևէ մեկը այնտեղ, որտեղ խաղացողը պետք է հայտնվի ապրանքի կամ բովանդակության էջերում: Սեղմեք քարտի վրա՝ պատճենելու համար: Այնուհետև տեղադրեք վիջեթը: Render տարր նույն դասարանին։
Shopify ապրանքը և թեմայի տեքստը քարտեզագրեք նվագարկչին
Վիջեթում Պարունակություն ներդիրը, թիրախային ապրանքի նկարագրությունը և թեմատիկ փաթեթավորումները, որոնք գնորդները պետք է լսեն, և բացառեք գինը, ապրանքի ձևաթղթերը և նշանները, որպեսզի աուդիոն օգտակար մնա։
id → # / դաս → . — HTML ատրիբուտները դառնում են ընտրողներ՝ հեշով կամ կետով։
Հավաքեք կտորները — Բովանդակության ընտրիչը կարող է թվարկել մի քանի փաթաթաններ՝ ստորակետերով բաժանված։
Կտրեք կտորները — Բացառությունների ցանկը օգտագործում է նույնը # / . + ստորակետեր (գնաձևեր, կրծքանշաններ, զամբյուղ Chrome):
Սահմանում է ինչ տեքստ է ասվումՕգտագործեք CSS ընտրիչներ, բաժանված ստորակետերով։ Օրինակներ՝
.product__description, .rte, #ԳլխավորԲովանդակություն — կարդացեք այդ տարրերը։
.product__description, .rte, #my_id, .my_class — մեկ դաշտում բազմաթիվ թիրախներ։
ծնող_դաս — կարդացեք միացման ծնողական փաթեթավորումը (օգտակար է ապրանքի բաժնի ներսում գտնվող Custom HTML-ի համար):
ինքնադասարան — կարդացեք նույն փաթեթավորումը, որի մեջ տեղադրված է լեռը։
Թողեք դատարկ, եթե օգտագործում եք Բովանդակության տեքստ փոխարենը (ֆիքսված տեքստ, ոչ թե DOM բովանդակություն):
RE
Render տարր
Սահմանում է որտեղ է ներդրվում խաղացողի ինտերֆեյսըԱյն պետք է համընկնի խանութի ցուցափեղկի էջում գտնվող իրական տարրի հետ։
HTML-ի հատուկ միացումների համար սահմանեք այն որպես mount դաս՝ .gsp_full_player, .gsp_button_playerԿամ .gsp_circle_player.
Կարող եք նաև թիրախավորել դասավորության կոնտեյներներ, ինչպիսիք են՝ մարմին, #ԳլխավորԲովանդակությունԿամ .product__title երբ դուք չեք օգտագործում հատուկ ամրակ։
Եթե բովանդակության ընտրիչը ճիշտ է, բայց ոչինչ չի երևում, ապա Render տարրը սովորաբար սխալ է կամ բացակայում է այդ էջում։
RP
Render Position
Տեղադրում է խաղացողին նախքան or Այն բանից հետո Render տարրի պարունակությունը։ Առանձին mount div-ի համար After/Before-ը սովորաբար դեռևս աշխատում է այդ հանգույցի նկատմամբ՝ թողեք mount-ը դատարկ և թողեք, որ վիջեթը լրացնի այն։
EX
Բացառել ցուցակը
Ընտրողներ, որոնք պետք է Նշում կարող են արտասանվել, նույնիսկ եթե դրանք գտնվում են Բովանդակության ընտրիչի ներսում։ Նույնը # / . կանոններ, ստորակետերով բաժանված։ Օրինակ՝ .product-form,.price,.badge,.no-speech.
TT
Վերնագրի ընտրիչ / Վերնագրի տեքստ
Վերնագրի ընտրիչ — էջի դինամիկ վերնագիր (օրինակ՝ h1.product__title).
Վերնագիր տեքստը — շտկված է նվագարկիչում ցուցադրվող վերնագիրը: Վերնագրի տեքստն օգտագործելիս թողեք Վերնագրի ընտրիչը դատարկ:
CT
Բովանդակության տեքստ
Լրացուցիչ ֆիքսված պատմողական տեքստ։ Օգտագործման դեպքում բովանդակության ընտրիչը կարող է դատարկ մնալ։ Օգտակար է հավաքածուի էջերում կարճ գովազդային բլոկների համար, երբ ապրանքի DOM-ը չպետք է ձայնագրի ձայնը։
Shopify-ի հիմնական կանոնը. Բովանդակության ընտրիչի թիրախներ .product__description (Կամ .rte), Render Element-ը թիրախավորում է միացումը, իսկ Բացառությունների ցանկը պահպանում է .price և .product-form աուդիոյից դուրս։
Օրինակներ
Shopify ապրանքի էջերի համար գործնական քարտեզագրման օրինակներ
Օրինակ Ա
Արտադրանքի նկարագրությունը լիաէջ նվագարկիչով
Արտադրանքի ձևանմուշը ներառում է նկարագրություն և գնման պատուհանի մոտ գտնվող ամրակ։
Եթե միացման տարրը գտնվում է հավաքածուի պատմության կամ խանութի բլոգի մարմնում, Content Selector-ը կարող է լինել հարաբերական.
Բովանդակության ընտրիչ - parent_class (կարդում է լեռան ծնողը)
Render տարր - .gsp_full_player
Բացառել ցուցակը — գինը և ձևերը գաղտնի պահեք, եթե դրանք հայտնվում են նույն ձևանմուշում
օգտագործում self_class երբ մոնտաժի փաթաթանն ինքնին պարունակում է պատմվող տեքստը։
Օրինակ Գ
Կատալոգի ողջ արտադրանքի աուդիո մեկ վիջեթով
Տեղ .gsp_button_player ապրանքի ձևանմուշի վրա։ Մեկ կոճակով նվագարկիչ վիջեթ՝ Render տարրով .gsp_button_player կարող է հզորացնել յուրաքանչյուր ապրանքի էջ։ Ստեղծեք լրացուցիչ վիջեթներ միայն այն դեպքում, երբ ձայնը, ընտրիչները կամ URL կանոնները պետք է տարբերվեն (օրինակ՝ բլոգն ընդդեմ ապրանքի):
Երբ ապրանքի կամ էջի տեքստը փոխվում է, Smart Audio Sync-ը կարող է վերականգնել պատմությունը ֆոնային ռեժիմով։ Համատեքստային դաշտերը դեռևս որոշում են որը տեքստ և որտեղ խաղացողը ապրում է։
ՀՏՀ
Հաճախ տրվող հարցեր. Shopify-ի տեքստը խոսքի միջոցով ապրանքի էջերում
Shopify-ը GSpeech-ի միջոցով աջակցո՞ւմ է տեքստից խոսք և արհեստական բանականության ձայներ։
Այո: GSpeech ավելացնում Shopify-ի տեքստից խոսք որպեսզի վաճառողները կարողանան արհեստական բանականության միջոցով ստեղծել ապրանքի էջի աուդիոն նկարագրություններում, հավաքածուներում և խանութների բլոգներում: Աուդիոները ստեղծվում է ամպում և նվագարկվում ժամանակակից վիջեթների միջոցով՝ առանց ձեր թեմայի վրա API բանալիների:
Ինչպե՞ս կարող եմ ավելացնել GSpeech-ը theme.liquid-ի կամ Custom Liquid-ի միջոցով։
Պատճենեք Shopify միացման կոդը Integrations → Shopify-ից։ Տեղադրեք այն։ թեման.հեղեղ (կամ Custom Liquid / Custom HTML) նախքան և հրապարակել։ Այնուհետև ավելացրեք միացում, օրինակ՝ <div class="gsp_full_player"></div> ապրանքի ձևանմուշի վրա և Render Element-ը սահմանեք այդ դասին։
Ի՞նչ է Content Selector-ը Shopify-ում Render Element-ի համեմատ:
Բովանդակության ընտրիչ ընտրում է, թե որ HTML թեման պատմել՝ սովորաբար .product__description or .rte. Render տարր ընտրում է, թե որտեղ է հայտնվում նվագարկիչը՝ սովորաբար ձեր Custom HTML մոնտը։ Օգտագործեք բացառությունների ցանկը .price, .product-formև նշաններ, որպեսզի գնորդները լսեն նկարագրությունը, այլ ոչ թե վճարման ինտերֆեյսը։
GSpeech աուդիոն կդանդաղեցնի՞ իմ Shopify խանութը։
Ոչ։ Սինթեզը և քեշավորումը տեղի են ունենում GSpeech ամպային տարբերակ, ոչ թե Shopify սերվերների վրա: Թեմայի ներդրված տարբերակը թեթև է, և նվագարկիչները հայտնվում են միայն այն ձևանմուշների վրա, որտեղ դուք տեղադրում եք միացումներ: Արտադրանքի էջերը պահպանում են խանութի սովորական աշխատանքը, մինչդեռ աուդիոն նվագարկվում է պահանջարկի դեպքում:
Արդյո՞ք ինձ անհրաժեշտ են API բանալիներ Shopify TTS-ի համար:
Ոչ. GSpeech is API բանալիներ անհրաժեշտ չեն Shopify-ի համար: Միացեք theme.liquid-ին, կարգավորեք ապրանքի աուդիո վիջեթները Cloud Console-ում և հրապարակեք: Ձայններն ու նվագարկիչները կառավարվում են մեկ հաշվից՝ առանց ձեր թեմայում երրորդ կողմի TTS բանալիների:
Օգնություն
Օգնություն է պետք Shopify թեմայի կամ ապրանքի դասավորության համար ընտրիչներ գտնելու հարցում՞
Կապվեք GSpeech-ի աջակցության ծառայության հետՈւղարկեք էջի URL-ը, և մենք կօգնենք ձեզ քարտեզագրել բովանդակության ընտրիչը / արտապատկերման տարրը։
