Τεκμηρίωση Εφαρμογής Shopify
Όλα όσα χρειάζεστε για να ρυθμίσετε και να προσαρμόσετε τη μετατροπή νομισμάτων στο Shopify κατάστημά σας
Πίνακας Περιεχομένων
1 Εγκατάσταση
Εγκατάσταση από το Shopify App Store
- Επισκεφθείτε τη σελίδα της εφαρμογής Currency.Wiki στο Shopify App Store
- Κάντε κλικ στο 'Προσθήκη εφαρμογής' και εξουσιοδοτήστε την εγκατάσταση
- Η εφαρμογή θα ανοίξει και θα σας καθοδηγήσει μέσω του οδηγού εγκατάστασης
- Ολοκληρώστε τον οδηγό για να ξεκινήσει η μετατροπή τιμών
Συμβουλή: Ο οδηγός εγκατάστασης διαρκεί περίπου 2 λεπτά και σας καθοδηγεί σε κάθε βήμα.
2 Οδηγός Εγκατάστασης
Ο οδηγός εγκατάστασης σας βοηθά να ρυθμίσετε σωστά την εφαρμογή. Σας καθοδηγεί στην ενημέρωση της μορφής νομίσματος και στην ενεργοποίηση του app embed.
Βήμα 1: Καλωσόρισμα
Δείτε τι περιλαμβάνει η διαδικασία εγκατάστασης και κάντε κλικ στο 'Ας ξεκινήσουμε'.
Βήμα 2: Ενημέρωση Μορφής Νομίσματος
Μεταβείτε στο Shopify Admin → Ρυθμίσεις → Γενικά → Προεπιλογές καταστήματος. Βρείτε το νόμισμά σας και κάντε κλικ στο μενού με τις τρεις τελείες → 'Αλλαγή μορφοποίησης νομίσματος'. Ενημερώστε τα πεδία HTML με την κλάση wrapper μας:
HTML με νόμισμα:
<span class="cwiki">${{amount}} USD</span>
HTML χωρίς νόμισμα:
<span class="cwiki">${{amount}}</span>
Σημαντικό: Η κλάση cwiki wrapper είναι απαραίτητη. Ενημερώνει την εφαρμογή ποια στοιχεία στη σελίδα είναι τιμές, ώστε να μετατρέπονται μόνο οι πραγματικές τιμές και όχι αριθμοί τηλεφώνου ή αριθμοί παραγγελιών.
Βήμα 3: Ενεργοποίηση App Embed
Ενεργοποιήστε την εφαρμογή στην ενότητα app embeds του θέματος σας:
- Μεταβείτε στο Online Store → Θέματα → Προσαρμογή
- Βρείτε τα 'App embeds' στην αριστερή πλαϊνή στήλη
- Βρείτε το 'Currency.Wiki App' και ενεργοποιήστε το
- Κάντε κλικ στο Αποθήκευση στον επεξεργαστή θέματος
Βήμα 4: Επαλήθευση Εγκατάστασης
Κάντε κλικ στο 'Σάρωση Καταστήματος' για να επαληθεύσετε ότι η εγκατάσταση ολοκληρώθηκε. Ο οδηγός θα ελέγξει για την κλάση cwiki και το app embed. Αν όλα είναι εντάξει, είστε έτοιμοι!
3 Στυλ Widget
Επιλέξτε ανάμεσα σε 6 στυλ widget για να ταιριάξετε με το design του καταστήματός σας. Κάθε στυλ μπορεί να προσαρμοστεί με τα χρώματα του brand σας.
Μινιμαλιστικό Dropdown
Συμπαγής ενσωμάτωση στο header με απλή λίστα dropdown. Ιδανικό για τοποθέτηση πάνω δεξιά.
Πλωτό Pill
Φιλικό προς κινητά πλωτό κουμπί με επεκτάσιμο πάνελ. Ιδανικό για mobile-first καταστήματα. Τοποθετείται στις γωνίες.
Πλευρικό Συρτάρι
Πλήρους ύψους πάνελ με δυνατότητα αναζήτησης. Ιδανικό για καταστήματα με πολλά νομίσματα.
Αναδυόμενο Παράθυρο
Κεντραρισμένο overlay με διάταξη πλέγματος. Κάνει την επιλογή νομίσματος εστιασμένη εμπειρία.
Εναλλαγή Καρτελών
Οριζόντιες καρτέλες για δημοφιλή νομίσματα. Γρήγορη εναλλαγή χωρίς μενού.
Γωνιακό Badge
Μινιμαλιστικό εικονίδιο στη γωνία που επεκτείνεται με κλικ. Η λιγότερο παρεμβατική επιλογή για καθαρό design.
Συμβουλή: Χρησιμοποιήστε τη σελίδα Widget Settings στη διαχείριση της εφαρμογής για να δείτε προεπισκόπηση όλων των στυλ με τα χρώματα του καταστήματός σας.
4 Πίνακας Διαχείρισης
Ο πίνακας διαχείρισης σας δίνει πλήρη έλεγχο στη λειτουργία μετατροπής νομισμάτων στο κατάστημά σας.
Αρχική Πίνακα
Ενεργοποιήστε/απενεργοποιήστε το widget, δείτε στατιστικά μετατροπών και δείτε ζωντανή προεπισκόπηση του widget.
Ρυθμίσεις Widget
Επιλέξτε στυλ widget, θέση, χρώματα, μέγεθος, ακτίνα γωνιών και επιλογές εμφάνισης σημαιών.
Διαχείριση Νομισμάτων
Ενεργοποιήστε/απενεργοποιήστε νομίσματα, αλλάξτε σειρά, ρυθμίστε συμπεριφορά αυτόματης ανίχνευσης και προτιμήσεις ισοτιμιών.
Αναλυτικά
Δείτε γραφήματα μετατροπών, κορυφαία νομίσματα και κατανομή διεθνών πελατών.
Θέμα & Εμφάνιση
Επιλέξτε λειτουργία θέματος (auto, light, dark, custom), ορίστε χρώματα, ενεργοποιήστε εφέ glassmorphism και ρυθμίστε dark mode.
Μήνυμα Checkout
Ενεργοποιήστε μήνυμα σε σελίδες καλαθιού/checkout για να ενημερώσετε τους πελάτες για το νόμισμα πληρωμής.
5 Προχωρημένες Ρυθμίσεις
Οι προχωρημένες ρυθμίσεις δίνουν στους χρήστες Pro περισσότερο έλεγχο στη μορφοποίηση τιμών και συμπεριφορά μετατροπής.
Μορφοποίηση Τιμών (Pro)
- Δεκαδικά Ψηφία - Ελέγξτε πόσα δεκαδικά ψηφία θα εμφανίζονται (0-6).
- Μορφή Αριθμού - Επιλέξτε στυλ μορφής (Auto, US, EU, Indian, Space•Dot, Space•Comma).
- Θέση Συμβόλου - Τοποθετήστε το σύμβολο πριν ή μετά το ποσό ή αυτόματα ανά νόμισμα.
- Στρογγυλοποίηση - Τυπική, πάντα προς τα πάνω, πάντα προς τα κάτω ή χωρίς στρογγυλοποίηση. Επιλογή για στρογγυλοποίηση στο πλησιέστερο .99.
Ενσωμάτωση Θέματος (Pro)
Ενσωματώστε χειροκίνητα το widget ή το cart notice οπουδήποτε στο θέμα σας με αυτά τα HTML snippets:
Ενσωμάτωση widget (προσθέστε στο header.liquid ή σε οποιοδήποτε section):
<div class="cwiki-widget"></div>
Ενσωμάτωση cart notice (προσθέστε στο cart.liquid):
<div class="cwiki-banner"></div>
Επιλογές Προγραμματιστή (Pro)
- Παρακάμψεις Στυλ - Εισάγετε custom CSS για να προσαρμόσετε το στυλ του widget.
- Click Listeners - Επαναμετατροπή τιμών όταν γίνονται κλικ σε συγκεκριμένα στοιχεία (π.χ. επιλογείς μεγέθους, επιλογές προϊόντων).
- Επιπλέον Στοιχεία Τιμών - Στοχεύστε επιπλέον στοιχεία τιμών πέρα από το προεπιλεγμένο .cwiki wrapper.
- Μοτίβα URL - Επανασάρωση τιμών όταν το URL περιέχει συγκεκριμένες συμβολοσειρές (για AJAX περιεχόμενο, endless scroll).
- Καθυστέρηση Μετατροπής - Περιμένετε πριν τη μετατροπή τιμών (για περιεχόμενο που φορτώνει μετά το page ready).
Προσοχή: Αυτές οι επιλογές είναι για προχωρημένους χρήστες. Δοκιμάστε σε preview theme πριν τη δημοσίευση.
6 Αντιμετώπιση Προβλημάτων
Οι τιμές δεν μετατρέπονται;
Βεβαιωθείτε ότι η κλάση cwiki wrapper υπάρχει στις ρυθμίσεις μορφής νομίσματος. Μεταβείτε στις Ρυθμίσεις → Γενικά → Προεπιλογές καταστήματος και ελέγξτε τη μορφοποίηση HTML. Επίσης, βεβαιωθείτε ότι το app embed είναι ενεργό στον προσαρμογέα θέματος.
Το widget δεν εμφανίζεται;
Ελέγξτε ότι το app embed είναι ενεργό στην ενότητα App Embeds του θέματος σας. Ανοίξτε τον προσαρμογέα θέματος, βρείτε App Embeds και βεβαιωθείτε ότι το Currency.Wiki είναι ενεργό. Αποθηκεύστε και ανανεώστε το κατάστημα.
Οι τιμές τρεμοπαίζουν κατά τη φόρτωση;
Η εφαρμογή μας έχει σχεδιαστεί για φόρτωση χωρίς τρεμόπαιγμα. Αν παρατηρείτε τρεμόπαιγμα, ελέγξτε αν έχετε caching plugins που παρεμβαίνουν. Επίσης, βεβαιωθείτε ότι το app embed φορτώνει στο head του θέματος.
Εντοπίζεται λάθος νόμισμα;
Η γεωεντοπισμός βασίζεται στη διεύθυνση IP του επισκέπτη. VPN ή εταιρικά δίκτυα μπορεί να επηρεάσουν την ανίχνευση. Οι επισκέπτες μπορούν πάντα να επιλέξουν χειροκίνητα το προτιμώμενο νόμισμα. Μπορείτε επίσης να ορίσετε προεπιλεγμένο fallback νόμισμα στις ρυθμίσεις.
Το widget δεν ταιριάζει με το θέμα μου;
Χρησιμοποιήστε τις ρυθμίσεις Θέματος & Εμφάνισης για να προσαρμόσετε τα χρώματα ή ενεργοποιήστε το Auto mode για αυτόματη ανίχνευση χρωμάτων θέματος. Μπορείτε επίσης να χρησιμοποιήσετε Custom CSS στις Προχωρημένες Ρυθμίσεις για λεπτομερή προσαρμογή.
Χρειάζεστε βοήθεια;
Η ομάδα υποστήριξής μας είναι έτοιμη να βοηθήσει με οποιαδήποτε ερώτηση σχετικά με την εγκατάσταση ή τη ρύθμιση.
