Shopify Κείμενο σε Ομιλία — Ήχος Σελίδας Προϊόντος
Ενσωμάτωση Shopify
Κείμενο σε ομιλία Shopify — Ήχος σελίδας προϊόντος με τεχνητή νοημοσύνη μέσω theme.liquid
Μετατρέψτε τις περιγραφές προϊόντων, τις συλλογές και τις αναρτήσεις ιστολογίου του Shopify σε έτοιμες για ακρόαση ήχος σελίδας προϊόντος μαζί σου, GSpeechΟι έμποροι αποκτούν φυσικές φωνές τεχνητής νοημοσύνης και σύγχρονους παίκτες ενώ η σύνθεση εκτελείται στο GSpeech Cloud Console - Δεν απαιτούνται κλειδιά APIκαι χωρίς φορτίο TTS στον κεντρικό υπολογιστή θεμάτων Shopify.
Αυτός ο οδηγός καλύπτει Shopify TTS ρύθμιση: επικολλήστε τον κωδικό σύνδεσης πριν in theme.liquid (ή Custom Liquid / Custom HTML), τοποθετήστε προγράμματα αναπαραγωγής πλήρους σελίδας / κουμπιού / κύκλου σε πρότυπα προϊόντων και περιεχομένου και, στη συνέχεια, αντιστοιχίστε Επιλογέας περιεχομένου και Στοιχείο απόδοσης έτσι ώστε η αφήγηση να διαβάζει περιγραφές — και η Λίστα Εξαιρέσεων παραλείπει την τιμή, τις φόρμες και τα σήματα.
theme.liquid κείμενο σε ομιλία — μία ενσωμάτωση σε βιτρίνα για πρότυπα προϊόντων, συλλογών και ιστολογίου.
Δημιουργία ήχου στο cloud — σύνθεση μία φορά, προσωρινή αποθήκευση και αναπαραγωγή σε όλους τους αγοραστές.
Δεν απαιτούνται κλειδιά API — φωνές και παίκτες από μία κονσόλα.
Εξαιρούνται η τιμή και οι φόρμες — διατηρήστε το UI ολοκλήρωσης αγοράς αθόρυβο ενώ μιλάνε οι περιγραφές.
Καλύτερο για: Shopify εμπόρους που θέλουν περιγραφές προϊόντων, ιστορίες συλλογής και άρθρα ιστολογίου έτοιμες για ακρόαση — με τιμή, φόρμες προσθήκης στο καλάθι και σήματα να εξαιρούνται από την ομιλία.
Δημιουργήστε έναν ιστότοπο — αν δεν έχετε προσθέσει ακόμα έναν ιστότοπο καταστήματος, ακολουθήστε δημιουργήστε έναν ιστότοπο.
Άνοιγμα του ιστότοπου — πήγαινε στο δικό σου ταμπλό και επιλέξτε την τοποθεσία Shopify.
Αντιγράψτε τον κώδικα του Shopify — ανοιχτό Ενσωματώσεις → Shopify και αντιγράψτε τον κωδικό σύνδεσης.
Επικόλληση πριν — εισαγάγετε τον κώδικα στο θέμα σας (συνήθως theme.liquid, Custom Liquid ή Custom HTML) πριν από το κλείσιμο ετικέτα και, στη συνέχεια, δημοσιεύστε.
Ο κώδικας σύνδεσης φορτώνει GSpeech σε κάθε σελίδα βιτρίνας όπου υπάρχει. Οι παίκτες εμφανίζονται μόνο όπου τοποθετείτε mounts / Custom HTML και μόνο όταν το αντίστοιχο widget έχει δημοσιευτεί και ρυθμιστεί.
Μοντέλο χαρτογράφησης
theme.liquid, προσαρτήσεις προϊόντων και αντιστοίχιση περιεχομένου
Στο Shopify, ένα theme.liquid Η ενσωμάτωση φορτώνει την βιτρίνα της μηχανής σε ολόκληρο το ηλεκτρονικό κατάστημα. Κάθε γραφικό στοιχείο στη συνέχεια αντιστοιχίζει κείμενο περιγραφής προϊόντος, κείμενο συλλογής ή HTML ιστολογίου σε μια βάση αναπαραγωγής — χωρίς να χρειάζεται να ενσωματώνεται ήχος σε κάθε προϊόν:
1Κωδικός σύνδεσης
Φορτώνει τη μηχανή από το theme.liquid / Custom Liquid. Χωρίς αυτό, οι προσαρτήσεις προϊόντων παραμένουν κενές.
Ένας δείκτης σε μια ενότητα προϊόντος ή σε ένα θεματικό μπλοκ (για παράδειγμα .gsp_full_player) όπου εμφανίζεται ο παίκτης.
4Χαρτογράφηση περιεχομένου
Επιλογέας περιεχομένου = κείμενο περιγραφής προς ανάγνωση. Στοιχείο απόδοσης = όπου εμφανίζεται ο παίκτης. Εξαιρούνται η τιμή, οι φόρμες και τα σήματα.
Απεριόριστα widget — ξεχωριστά γραφικά στοιχεία πλήρους σελίδας, κουμπιού ή κύκλου για προϊόντα, συλλογές, ιστολόγια ή γλώσσες.
Απεριόριστοι παίκτες ανά γραφικό στοιχείο — ένα δημοσιευμένο γραφικό στοιχείο μπορεί να τροφοδοτήσει κάθε αντίστοιχη προσάρτηση που επιτρέπεται από τους κανόνες Render Element + URL.
Προσαρμοσμένη HTML / Υγρή — στο Shopify η βάση μοιάζει με <div class="gsp_full_player"></div>Στο WordPress η ίδια ιδέα χρησιμοποιεί shortcodes όπως [gspeech].
Τοποθετήστε οποιαδήποτε από αυτές τις βάσεις στο σημείο που θα πρέπει να εμφανίζεται ο παίκτης στις σελίδες προϊόντων ή περιεχομένου. Κάντε κλικ σε μια κάρτα για να την αντιγράψετε. Στη συνέχεια, ορίστε το γραφικό στοιχείο. Στοιχείο απόδοσης στην ίδια τάξη.
Αντιστοίχιση προϊόντος Shopify και κειμένου θέματος στον παίκτη
Στο γραφικό στοιχείο Περιεχόμενο καρτέλα, περιγραφή προϊόντος-στόχου και περιτυλίγματα θέματος που πρέπει να ακούν οι αγοραστές — και εξαιρέστε την τιμή, τις φόρμες προϊόντων και τα σήματα, ώστε ο ήχος να παραμείνει χρήσιμος.
αναγνωριστικό → # / τάξη → . — Τα χαρακτηριστικά HTML γίνονται επιλογείς με hash ή τελεία.
Συγκεντρώστε κομμάτια — Ο Επιλογέας Περιεχομένου μπορεί να εμφανίσει πολλά περιτυλίγματα, διαχωρισμένα με κόμμα.
Κόψτε κομμάτια — Η Λίστα Εξαιρέσεων χρησιμοποιεί το ίδιο # / . + κόμματα (φόρμες τιμών, κονκάρδες, cart chrome).
Ορίζει ποιο κείμενο εκφωνείταιΧρησιμοποιήστε επιλογείς CSS, διαχωρισμένους με κόμμα. Παραδείγματα:
.product__description, .rte, #ΚύριοΠεριεχόμενο — διαβάστε αυτά τα στοιχεία.
.product__description, .rte, #my_id, .my_class — πολλαπλοί στόχοι σε ένα πεδίο.
parent_class — διαβάστε το γονικό περιτύλιγμα της μοντούρας (χρήσιμο για προσαρμοσμένη HTML μέσα σε μια ενότητα προϊόντος).
self_class — διαβάστε το ίδιο περιτύλιγμα στο οποίο βρίσκεται η βάση.
Αφήστε κενό αν χρησιμοποιείτε Κείμενο περιεχομένου αντίθετα (σταθερό κείμενο, όχι περιεχόμενο DOM).
RE
Στοιχείο απόδοσης
Ορίζει όπου εισάγεται το UI του παίκτηΠρέπει να ταιριάζει με ένα πραγματικό στοιχείο στη σελίδα του καταστήματος.
Για προσαρμοσμένες προσαρτήσεις HTML, ορίστε την στην κλάση mount: .gsp_full_player, .gsp_button_playerΤο HIFU, ή Υψηλής Έντασης Εστιασμένος Υπέρηχος, στοχεύει επίσης στο πρόσωπο και τον λαιμό. Προσφέρει θεραπεία σε γρήγορες εκπομπές, γεγονός που κάνει τις συνεδρίες θεραπείας συντομότερες. .gsp_circle_player.
Μπορείτε επίσης να στοχεύσετε κοντέινερ διάταξης όπως Σώμα, #ΚύριοΠεριεχόμενοΤο HIFU, ή Υψηλής Έντασης Εστιασμένος Υπέρηχος, στοχεύει επίσης στο πρόσωπο και τον λαιμό. Προσφέρει θεραπεία σε γρήγορες εκπομπές, γεγονός που κάνει τις συνεδρίες θεραπείας συντομότερες. .product__title όταν δεν χρησιμοποιείτε ειδική βάση.
Εάν ο Επιλογέας Περιεχομένου είναι σωστός αλλά δεν εμφανίζεται τίποτα, το Στοιχείο Απόδοσης είναι συνήθως λανθασμένο ή λείπει σε αυτήν τη σελίδα.
RP
Θέση απόδοσης
Τοποθετεί τον παίκτη Πριν or Μετά το το περιεχόμενο του στοιχείου Render. Για ένα dedicated mount div, το After/Before συνήθως εξακολουθεί να λειτουργεί σε σχέση με αυτόν τον κόμβο — διατηρήστε το mount κενό και αφήστε το widget να το γεμίσει.
EX
Λίστα εξαιρέσεων
Επιλογείς που πρέπει δεν να εκφωνούνται, ακόμα κι αν βρίσκονται μέσα στον Επιλογέα Περιεχομένου. Το ίδιο # / . κανόνες, διαχωρισμένοι με κόμμα. Παράδειγμα: .product-form,.price,.badge,.no-speech.
TT
Επιλογέας Τίτλου / Κείμενο Τίτλου
Επιλογέας τίτλου — δυναμικός τίτλος από τη σελίδα (παράδειγμα: h1.product__title).
Κείμενο κειμένου — διορθώθηκε η εμφάνιση τίτλου στη συσκευή αναπαραγωγής. Αφήστε τον Επιλογέα Τίτλου κενό όταν χρησιμοποιείτε Κείμενο Τίτλου.
CT
Κείμενο περιεχομένου
Προαιρετικό σταθερό κείμενο αφήγησης. Όταν χρησιμοποιείται, ο Επιλογέας Περιεχομένου μπορεί να παραμείνει κενός. Χρήσιμο για σύντομα μπλοκ προώθησης σε σελίδες συλλογής όταν το DOM προϊόντος δεν πρέπει να οδηγεί ήχο.
Κανόνας εμπειρικού για το Shopify: Στόχοι Επιλογέα Περιεχομένου .product__description (Ή .rte), το Render Element στοχεύει την προσάρτηση και η Λίστα Εξαίρεσης διατηρεί .price και .product-form έξω από τον ήχο.
Παραδείγματα
Πρακτικά παραδείγματα αντιστοίχισης για σελίδες προϊόντων Shopify
Παράδειγμα Α
Περιγραφή προϊόντος με πρόγραμμα αναπαραγωγής πλήρους σελίδας
Το πρότυπο προϊόντος περιλαμβάνει μια περιγραφή και μια βάση κοντά στο πλαίσιο αγοράς:
Εάν η προσάρτηση βρίσκεται μέσα σε μια ιστορία συλλογής ή σε ένα σώμα ιστολογίου καταστήματος, ο Επιλογέας Περιεχομένου μπορεί να είναι σχετικός:
Επιλογέας περιεχομένου - parent_class (διαβάζει τον γονέα του mount)
Στοιχείο απόδοσης - .gsp_full_player
Λίστα εξαιρέσεων — διατηρήστε την τιμή και τις φόρμες σιωπηλές εάν εμφανίζονται στο ίδιο πρότυπο
Χρήση self_class όταν το ίδιο το περιτύλιγμα mount περιέχει το κείμενο που πρέπει να αφηγηθεί.
Παράδειγμα Γ
Ήχος προϊόντων σε ολόκληρο τον κατάλογο με ένα widget
Μέρος .gsp_button_player στο πρότυπο προϊόντος. Γραφικό στοιχείο One Button Player με Render Element .gsp_button_player μπορεί να τροφοδοτήσει κάθε σελίδα προϊόντος. Δημιουργήστε επιπλέον γραφικά στοιχεία μόνο όταν οι κανόνες φωνής, επιλογής ή URL πρέπει να διαφέρουν (για παράδειγμα, blog vs product).
widgets
Δημιουργήστε γραφικά στοιχεία ήχου προϊόντων Shopify
Δημοσίευση και ακρόαση — ορίστε την Κατάσταση σε Δημοσιευμένη, ανανεώστε την ζωντανή βιτρίνα, δοκιμάστε την αναπαραγωγή.
Όταν αλλάζει το κείμενο του προϊόντος ή της σελίδας, το Smart Audio Sync μπορεί να αναδημιουργήσει την αφήγηση στο παρασκήνιο. Τα πεδία αντιστοίχισης εξακολουθούν να αποφασίζουν Ποιό κείμενο και όπου ο παίκτης ζει.
Συχνές Ερωτήσεις
Συχνές ερωτήσεις: Κείμενο σε ομιλία του Shopify σε σελίδες προϊόντων
Υποστηρίζει το Shopify μετατροπή κειμένου σε ομιλία και φωνές τεχνητής νοημοσύνης με το GSpeech;
Ναί. GSpeech προσθέτει Shopify κείμενο σε ομιλία έτσι ώστε οι έμποροι να μπορούν να προσφέρουν ήχο σελίδας προϊόντων με τεχνητή νοημοσύνη σε περιγραφές, συλλογές και ιστολόγια καταστημάτων. Ο ήχος δημιουργείται στο cloud και αναπαράγεται μέσω σύγχρονων widgets — χωρίς κλειδιά API στο θέμα σας.
Πώς μπορώ να προσθέσω το GSpeech με theme.liquid ή Custom Liquid;
Αντιγράψτε τον κωδικό σύνδεσης Shopify από το Integrations → Shopify. Επικολλήστε τον. theme.liquid (ή Custom Liquid / Custom HTML) πριν και δημοσιεύστε. Στη συνέχεια, προσθέστε ένα mount όπως <div class="gsp_full_player"></div> στο πρότυπο προϊόντος και ορίστε το Render Element σε αυτήν την κλάση.
Τι είναι το Content Selector έναντι του Render Element στο Shopify;
Επιλογέας περιεχομένου επιλέγει ποιο θέμα HTML θα αφηγηθεί — συνήθως .product__description or .rte. Στοιχείο απόδοσης επιλέγει πού εμφανίζεται το πρόγραμμα αναπαραγωγής — συνήθως το προσαρμοσμένο HTML mount σας. Χρησιμοποιήστε τη Λίστα Εξαιρέσεων για .price, .product-formκαι σήματα, ώστε οι αγοραστές να ακούν την περιγραφή και όχι το περιβάλλον χρήστη ολοκλήρωσης αγοράς.
Θα επιβραδύνει ο ήχος GSpeech το κατάστημά μου στο Shopify;
Όχι. Η σύνθεση και η προσωρινή αποθήκευση συμβαίνουν στο GSpeech cloud, όχι σε διακομιστές Shopify. Η ενσωμάτωση θέματος είναι ελαφριά και τα προγράμματα αναπαραγωγής εμφανίζονται μόνο σε πρότυπα όπου τοποθετείτε προσαρτήματα. Οι σελίδες προϊόντων διατηρούν την κανονική απόδοση της βιτρίνας, ενώ ο ήχος αναπαράγεται κατ' απαίτηση.
Χρειάζομαι κλειδιά API για το Shopify TTS;
Όχι. GSpeech is Δεν απαιτούνται κλειδιά API για το Shopify. Συνδεθείτε με το theme.liquid, διαμορφώστε τα γραφικά στοιχεία ήχου προϊόντος στο Cloud Console και δημοσιεύστε. Οι φωνές και οι συσκευές αναπαραγωγής διαχειρίζονται από έναν λογαριασμό χωρίς κλειδιά TTS τρίτων στο θέμα σας.
Βοήθεια
Χρειάζεστε βοήθεια με την εύρεση επιλογέων για ένα θέμα ή μια διάταξη προϊόντος του Shopify;
Επικοινωνήστε με την υποστήριξη του GSpeechΣτείλτε μια διεύθυνση URL σελίδας και θα σας βοηθήσουμε να αντιστοιχίσετε τον Επιλογέα Περιεχομένου / Στοιχείο Απόδοσης.
