Προσθήκη σχολίων σε ιστότοπους Shopify

Εγκατάσταση από το Shopify App Store

1. Ανοίξτε τη σελίδα της FastComments στο Shopify App Store.
2. Κάντε κλικ στο Προσθήκη εφαρμογής και επιλέξτε το πλάνο που θέλετε κατά τη ροή εγκατάστασης.
3. Το Shopify σας ανακατευθύνει πίσω στο διαχειριστικό της FastComments μέσα στο Shopify όταν ολοκληρωθεί η εγκατάσταση.

Αυτή είναι η πλήρης εγκατάσταση. Δεν χρειάζεται να επικολλήσετε τίποτα στα αρχεία του θέματος σας.

Τι ρυθμίζεται για εσάς

Η εγκατάσταση εκτελεί όλα όσα διαφορετικά θα κάνατε χειροκίνητα:

• Δημιουργείται ένας FastComments tenant για το κατάστημά σας και συνδέεται με το domain του καταστήματός σας.
• Η διεύθυνση URL του καταστήματός σας προστίθεται στους εξουσιοδοτημένους domains του tenant, ώστε τα σχόλια να φορτώνουν χωρίς σφάλμα domain.
• Γράφεται ένα fastcomments.tenant_id shop metafield ώστε κάθε μπλοκ να γνωρίζει σε ποιον tenant πρέπει να γίνει render.
• Η ενιαία σύνδεση για τους πελάτες σας στο Shopify είναι ενεργοποιημένη από προεπιλογή.
• Η χρέωση γίνεται μέσω του Shopify Managed Pricing. Οι χρεώσεις εμφανίζονται στον κανονικό σας λογαριασμό Shopify. Αναβάθμιση, υποβάθμιση ή ακύρωση από Ρυθμίσεις > Εφαρμογές και κανάλια πωλήσεων > FastComments στο διαχειριστικό του Shopify.

Εάν το κατάστημά σας ήταν ήδη πελάτης της FastComments πριν εγκαταστήσετε την εφαρμογή, η εγκατάσταση επαναχρησιμοποιεί τον υπάρχοντα tenant αντί να δημιουργήσει νέο.

Το ενσωματωμένο διαχειριστικό

Όταν ανοίξετε την εφαρμογή FastComments από το διαχειριστικό του Shopify, θα βρεθείτε σε έναν πίνακα ελέγχου με πλακίδια που ανοίγουν με ένα κλικ στο πλήρες backend του FastComments:

• Πίνακας ελέγχου: ρυθμίσεις λογαριασμού, χρήση και λεπτομέρειες συνδρομής.
• Ουρά επιμέλειας: έγκριση, απόρριψη και απάντηση σε σχόλια σε όλο το κατάστημά σας.
• Προσαρμογή: ρύθμιση χρωμάτων widget, γραμματοσειρών, κανόνων επιμέλειας και διαμόρφωσης.
• Βοηθός Αξιολογήσεων & Κριτικών: ρύθμιση αστέρων αξιολόγησης και ερωτήσεων αξιολόγησης αν θέλετε να χρησιμοποιήσετε το μπλοκ Σύνοψης Κριτικών.

Κάθε πλακίδιο ανοίγει το FastComments με ένα μοναδικό σύνδεσμο εισόδου (single-use login), οπότε δεν χρειάζεται ξεχωριστή είσοδος.

Επόμενο: προσθέστε μπλοκ στο κατάστημά σας

Ανοίξτε τον επεξεργαστή θέματος του Shopify (Ηλεκτρονικό Κατάστημα > Θέματα > Προσαρμογή), ανοίξτε το template στο οποίο θέλετε να προσθέσετε σχόλια ή κριτικές και κάντε κλικ στο Προσθήκη μπλοκ. Τα μπλοκ της FastComments εμφανίζονται κάτω από Εφαρμογές. Το υπόλοιπο αυτού του οδηγού καλύπτει το καθένα.

Το FastComments block είναι το κύριο widget σχολιασμού. Προσθέστε το σε πρότυπα αναρτήσεων ιστολογίου, πρότυπα προϊόντων, ή σε οποιαδήποτε άλλη σελίδα όπου θέλετε ένα νήμα συζήτησης ή μια ζωντανή συνομιλία.

Προσθήκη του block

1. Ανοίξτε τον επεξεργαστή θέματος του Shopify (Online Store > Themes > Customize).
2. Επιλέξτε το template στο οποίο θέλετε σχόλια: Blog post, Product, ή οποιοδήποτε άλλο template σελίδας ή ενότητας.
3. Στην ενότητα όπου θέλετε να εμφανίζονται τα σχόλια, κάντε κλικ στο Add block.
4. Κάτω από Apps, επιλέξτε FastComments.
5. Κάντε κλικ στο Save.

Το block εμφανίζεται αμέσως. Δεν υπάρχει Tenant ID για εισαγωγή· ο tenant του καταστήματός σας συνδέεται αυτόματα όταν εγκαταστήσετε την εφαρμογή.

Ρυθμίσεις

Πώς επιλέγεται ο αναγνωριστής της σελίδας

Κάθε νήμα σχολίων ταυτοποιείται από ένα URL ID. Το block επιλέγει ένα αυτόματα:

• Blog post template: shopify-article-{article.id}, το οποίο είναι σταθερό ανεξάρτητα από αλλαγές στο slug και τον τίτλο.
• Product template: shopify-product-{product.id}, το οποίο είναι σταθερό ανεξάρτητα από αλλαγές στο slug και τον τίτλο.
• Other templates: το μονοπάτι του αιτήματος.

Αν ορίσετε Custom URL ID, αυτή η τιμή χρησιμοποιείται αντί αυτής. Χρησιμοποιήστε το ίδιο Custom URL ID σε πολλαπλά blocks (για παράδειγμα, σε μια τοπικοποιημένη παραλλαγή μιας σελίδας προϊόντος) για να μοιράζεστε ένα νήμα σχολίων.

Threaded vs Streaming

Threaded είναι η προεπιλογή. Οι επισκέπτες απαντούν ο ένας στον άλλο, ψηφίζουν, και τα εργαλεία moderation λειτουργούν όπως αναμένεται. Ιδανικό για αναρτήσεις ιστολογίου και κριτικές προϊόντων.

Streaming καταργεί τη δομή των νημάτων και εμφανίζει νέα σχόλια σε πραγματικό χρόνο καθώς δημοσιεύονται, σαν ροή συνομιλίας. Ιδανικό για λανσαρίσματα προϊόντων, ζωντανές εκδηλώσεις και σελίδες κοινότητας.

Πολλαπλά blocks στην ίδια σελίδα

Το block μπορεί να προστεθεί περισσότερες από μία φορές στο ίδιο template. Για παράδειγμα, μια Reviews Summary στην κορυφή μιας σελίδας προϊόντος και ένα FastComments block στο κάτω μέρος. Τα blocks μοιράζονται ένα URL ID, έτσι η σύνοψη αντικατοπτρίζει τα σχόλια παρακάτω.

Συμβουλές

• Το block κρύβεται στην προεπισκόπηση του theme editor με μια κίτρινη ειδοποίηση αν δεν μπορεί να βρει tenant. Αν εμφανιστεί αυτό στο live κατάστημά σας, επανεγκαταστήστε την εφαρμογή FastComments.
• Σε σελίδα προϊόντος, το FastComments block λειτουργεί ταυτόχρονα και ως το widget κριτικών προϊόντων σας. Συνδυάστε το με FastComments - Reviews Summary για μια σύνοψη αξιολόγησης με αστέρια στην κορυφή της σελίδας.

Το FastComments - Comment Count μπλοκ εμφανίζει μια μικρή ένδειξη αριθμού σχολίων για μία μόνο σελίδα. Χρησιμοποιήστε το σε λίστες αναρτήσεων ιστολογίου, κάρτες προϊόντων ή οποιοδήποτε πρότυπο που συνδέει σε μια σελίδα με σχόλια, ώστε οι επισκέπτες να βλέπουν πόσο ενεργό είναι κάθε νήμα πριν κάνουν κλικ.

Προσθήκη του μπλοκ

1. Ανοίξτε τον επεξεργαστή θεμάτων του Shopify.
2. Ανοίξτε το πρότυπο όπου θέλετε να εμφανίζεται ο αριθμός. Για παράδειγμα, το πρότυπο Blog (η λίστα αναρτήσεων) ή μια ενότητα λίστας προϊόντων.
3. Κάντε κλικ στο Add block στην ενότητα που αποδίδει κάθε στοιχείο.
4. Κάτω από Apps, επιλέξτε FastComments - Comment Count.
5. Κάντε κλικ στο Save.

Settings

Πώς ο αριθμός αντιστοιχεί στο νήμα σχολίων

Το μπλοκ Comment Count χρησιμοποιεί την ίδια λογική αυτόματης ανίχνευσης όπως το μπλοκ FastComments:

• Πρότυπο ανάρτησης ιστολογίου: shopify-article-{article.id}
• Πρότυπο προϊόντος: shopify-product-{product.id}
• Άλλα πρότυπα: η διαδρομή του αιτήματος

Αν ρυθμίσετε ένα Custom URL ID στο μπλοκ FastComments σε μια σελίδα, ορίστε το ίδιο Custom URL ID και στο μπλοκ Comment Count ώστε να δείχνουν στο ίδιο νήμα.

Συμβουλές

• Οι μετρήσεις για κάθε στοιχείο στη σελίδα ανακτώνται με ένα μόνο αίτημα, οπότε η προσθήκη του μπλοκ σε κάθε στοιχείο μιας μεγάλης λίστας δεν έχει επιπλέον κόστος round-trip.
• Η αναμενόμενη χρήση είναι ένα μπλοκ Comment Count ανά άρθρο ή προϊόν σε μια λίστα· μπορείτε να προσθέσετε το μπλοκ όσες φορές χρειάζεστε.

The FastComments - Πρόσφατα Σχόλια block εμφανίζει τα πιο πρόσφατα σχόλια σε ολόκληρο το κατάστημά σας. Χρησιμοποιήστε το για να δείξετε πρόσφατη δραστηριότητα σε μια πλαϊνή στήλη, στο υποσέλιδο ή σε μια ενότητα της αρχικής σελίδας.

Add the block

1. Open the Shopify theme editor.
2. Open the template where you want the feed. A sidebar section, the home page, or the blog index all work well.
3. Click Add block in the section that should hold it.
4. Under Apps, select FastComments - Recent Comments.
5. Click Save.

Settings

Tips

• Each comment links to the page it was posted on, so the block doubles as a "what people are talking about right now" navigation hint.
• The feed is store-wide. To show recent comments for a single page, use the FastComments block on that page instead.

Το μπλοκ FastComments - Recent Discussions απαριθμεί τις σελίδες στο κατάστημά σας με την πιο πρόσφατη δραστηριότητα σχολίων, μία εγγραφή ανά σελίδα. Χρησιμοποιήστε το όταν θέλετε οι επισκέπτες να ανακαλύψουν ενεργά νήματα αντί για μεμονωμένα σχόλια.

Προσθήκη του μπλοκ

1. Ανοίξτε τον επεξεργαστή θέματος Shopify.
2. Ανοίξτε το πρότυπο όπου θέλετε τη ροή, όπως μια πλαϊνή στήλη, υποσέλιδο, ευρετήριο ιστολογίου ή ενότητα αρχικής σελίδας.
3. Κάντε κλικ στο Προσθήκη μπλοκ στην ενότητα που θα το φιλοξενεί.
4. Κάτω από Εφαρμογές, επιλέξτε FastComments - Recent Discussions.
5. Κάντε κλικ στο Αποθήκευση.

Ρυθμίσεις

Recent Discussions vs Recent Comments

Και τα δύο μπλοκ αντλούν από τα ίδια δεδομένα, αλλά δείχνουν διαφορετικές προβολές:

• Recent Comments: μια επίπεδη λίστα των τελευταίων μεμονωμένων σχολίων. Καλύτερο για «τι ειπώθηκε μόλις».
• Recent Discussions: μία εγγραφή ανά σελίδα, ταξινομημένη κατά πιο πρόσφατη δραστηριότητα. Καλύτερο για «ποια νήματα είναι ενεργά αυτή τη στιγμή».

Μπορείτε να χρησιμοποιήσετε και τα δύο στο ίδιο κατάστημα. Για παράδειγμα, το Recent Comments στην πλαϊνή στήλη του ιστολογίου και το Recent Discussions στην αρχική σελίδα.

Το μπλοκ FastComments - Top Pages εμφανίζει τις σελίδες στο κατάστημά σας με τη μεγαλύτερη δραστηριότητα σχολιασμού συνολικά. Χρησιμοποιήστε το για να αναδείξετε τις πιο πολυσυζητημένες δημοσιεύσεις ή προϊόντα σας.

Add the block

1. Ανοίξτε τον επεξεργαστή θεμάτων του Shopify.
2. Ανοίξτε το πρότυπο όπου θέλετε τη λίστα, όπως μια πλαϊνή στήλη, το υποσέλιδο ή την ενότητα ευρετηρίου του ιστολογίου.
3. Κάντε κλικ στο Προσθήκη μπλοκ στην ενότητα που θα το φιλοξενεί.
4. Κάτω από Εφαρμογές, επιλέξτε FastComments - Top Pages.
5. Κάντε κλικ στο Αποθήκευση.

Settings

Top Pages vs Recent Discussions

• Top Pages ταξινομεί κατά συνολική αλληλεπίδραση, οπότε τα ίδια άρθρα τείνουν να παραμένουν κοντά στην κορυφή για αρκετό καιρό. Κατάλληλο για μια πλαϊνή στήλη «δημοφιλείς δημοσιεύσεις».
• Recent Discussions ταξινομεί με βάση την πιο πρόσφατη δραστηριότητα, οπότε η λίστα ανανεώνεται συχνά. Κατάλληλο για ένα πλαίσιο «τι είναι δημοφιλές τώρα».

Το μπλοκ FastComments υποστηρίζει ενιαία σύνδεση (SSO) ώστε οι πελάτες σας στο Shopify να μπορούν να σχολιάζουν ως οι ίδιοι χωρίς να δημιουργούν ξεχωριστό λογαριασμό στο FastComments.

Πώς λειτουργεί

Όταν ένας επισκέπτης που είναι συνδεδεμένος στο κατάστημά σας ανοίγει μια σελίδα με το μπλοκ FastComments:

1. Το μπλοκ ανιχνεύει το αντικείμενο Shopify customer.
2. Αποστέλλει το όνομα και το email του πελάτη στο FastComments μέσω ενός υπογεγραμμένου αιτήματος app proxy.
3. Το FastComments δημιουργεί ή αντιστοιχεί έναν χρήστη με κλειδί shopify-{customerId}, έτσι ώστε ο ίδιος πελάτης να αντιστοιχίζεται πάντα στον ίδιο χρήστη FastComments σε συνεδρίες και επανεγκαταστάσεις.
4. Το όνομα του επισκέπτη εμφανίζεται στα σχόλιά του. Δεν του ζητείται να συνδεθεί ξανά.

Αν ο επισκέπτης δεν είναι συνδεδεμένος στο κατάστημα, το μπλοκ επανέρχεται σε ανώνυμο σχολιασμό (ή στη ροή σύνδεσης του FastComments, ανάλογα με τη διαμόρφωση του widget σας).

Απενεργοποίηση του SSO

Το SSO είναι ενεργοποιημένο από προεπιλογή για κάθε μπλοκ FastComments. Για να το απενεργοποιήσετε σε ένα συγκεκριμένο μπλοκ:

1. Ανοίξτε τον επεξεργαστή θέματος του Shopify.
2. Ανοίξτε το πρότυπο που περιέχει το μπλοκ και κάντε κλικ στο μπλοκ για να το επιλέξετε.
3. Αποεπιλέξτε SSO.
4. Κάντε κλικ στο Αποθήκευση.

Απενεργοποιήστε το SSO εάν θέλετε οι σχολιαστές να επιλέγουν ξεχωριστή ταυτότητα για τη συζήτηση. Για παράδειγμα, μια εσωτερική σελίδα κοινότητας όπου το προσωπικό σχολιάζει με διαφορετικό εμφανιζόμενο όνομα.

Τι λαμβάνει το FastComments

Το payload SSO που αποστέλλεται για κάθε πελάτη περιέχει:

• Ένα αναγνωριστικό χρήστη που προκύπτει από το ID του πελάτη στο Shopify (shopify-{customerId}).
• Το email του πελάτη (χρησιμοποιείται για την ταυτοποίηση του χρήστη· δεν εμφανίζεται δημόσια).
• Το εμφανιζόμενο όνομα του πελάτη (χρησιμοποιείται ως το όνομα του συντάκτη σχολίου).

Δεν αποστέλλονται δεδομένα ιστορικού παραγγελιών, πληρωμών ή διευθύνσεων. Το payload υπογράφεται από την πλευρά του διακομιστή· ο περιηγητής του πελάτη δεν βλέπει ποτέ κάποιο διαπιστευτήριο.

Σύνδεσμοι σύνδεσης και αποσύνδεσης

Όταν το SSO είναι ενεργοποιημένο, οι σύνδεσμοι σύνδεσης και αποσύνδεσης του widget σχολιασμού δείχνουν προς /account/login και /account/logout, τις τυπικές διαδρομές λογαριασμού πελάτη του Shopify. Δεν υπάρχει τίποτα να διαμορφώσετε. Οι σύνδεσμοι λειτουργούν για οποιοδήποτε κατάστημα έχει ενεργοποιημένους τους λογαριασμούς πελατών.

Τα χρώματα, οι γραμματοσειρές, οι κανόνες εποπτείας, το επιτρεπόμενο HTML και η δυνατότητα ανώνυμων σχολίων μπορούν όλα να ρυθμιστούν ώστε να ταιριάζουν με την εταιρική ταυτότητα του καταστήματός σας.

Ανοίξτε την εφαρμογή FastComments στη διαχείριση του Shopify και κάντε κλικ στο πλακίδιο Προσαρμογή για να ανοίξετε την οθόνη προσαρμογής του widget. Χρησιμοποιεί σύνδεσμο σύνδεσης μίας χρήσης, οπότε δεν χρειάζεστε ξεχωριστή σύνδεση.

Για την πλήρη λίστα επιλογών προσαρμογής, δείτε τον Οδηγό Προσαρμογών και Διαμόρφωσης.