Μπορείτε να χρησιμοποιήσετε το Shopify για να πουλάτε online, ακόμα και αν δεν θέλετε να δημιουργήσετε ένα πλήρες ηλεκτρονικό κατάστημα.
Το κουμπί αγοράς σάς επιτρέπει να βγάζετε χρήματα από οποιαδήποτε ιστοσελίδα, είτε πρόκειται για blog, portfolio ή λογαριασμό στα μέσα κοινωνικής δικτύωσης.
Παρακάτω, θα ανακαλύψετε πώς να ενσωματώσετε το κουμπί αγοράς Shopify σε οποιονδήποτε τύπο ιστότοπου, ώστε να δώσετε στους επισκέπτες τη δυνατότητα να αγοράσουν προϊόντα.
Τι είναι το κουμπί αγοράς Shopify;
Το κουμπί αγοράς Shopify σάς επιτρέπει να δημιουργήσετε και να ενσωματώσετε μια επιλογή ολοκλήρωσης αγοράς σε οποιονδήποτε τύπο ιστότοπου, ώστε οι πελάτες να μπορούν να αγοράσουν τα προϊόντα σας απευθείας από τη σελίδα που επισκέπτονται.
Το Shopify δημιουργεί τον κώδικα που απαιτείται για να ενσωματώσετε και να παρουσιάσετε τα προϊόντα σας, καθιστώντας το κουμπί απλό στη ρύθμιση, φιλικό προς κινητές συσκευές και ασφαλές.
Μπορείτε να προσαρμόσετε τον χρωματικό συνδυασμό, τις λεπτομέρειες προϊόντων και τις εικόνες προϊόντων που εμφανίζονται με το κουμπί αγοράς, ώστε να ταιριάζουν με το στυλ της σελίδας σας.
Μάθετε περισσότερα για το κουμπί αγοράς Shopify.
Ξεκινήστε με το κουμπί αγοράς: 3 βήματα
- Προσθέστε το κανάλι πωλήσεων για το κουμπί αγοράς στο κατάστημά σας στο Shopify
- Δημιουργήστε ένα κουμπί αγοράς
- Προσθέστε τον κώδικα ενσωμάτωσης για το κουμπί αγοράς στο HTML του ιστότοπού σας
1. Προσθέστε το κανάλι πωλήσεων για το κουμπί αγοράς στο κατάστημά σας στο Shopify
Ξεκινήστε κάνοντας σύνδεση στο Shopify. Αν βλέπετε το κουμπί αγοράς (Buy Button) στη λίστα των καναλιών πωλήσεων στο αριστερό μενού, τότε μπορείτε να προχωρήσετε απευθείας στο βήμα 2.
Προχωρήστε στο βήμα 2 αν βλέπετε ήδη το κανάλι πωλήσεων Κουμπί αγοράς (Buy Button) στο κατάστημά σας.
Σε υπολογιστή
1. Μεταβείτε στη σελίδα του καναλιού πωλήσεων Buy Button στο Shopify App Store.
2. Εγκαταστήστε την εφαρμογή
3. Καρφιτσώστε την εφαρμογή στην πλοήγηση του admin σας (προαιρετικό)
Αν δεν καρφιτσώσετε το Buy Button, μπορείτε να το βρείτε ξανά κάνοντας κλικ στα «Κανάλια πωλήσεων» και στη συνέχεια στο «Buy Button» κάτω από τα εγκατεστημένα κανάλια σας.
Σε κινητή συσκευή
- Ανοίξτε την εφαρμογή Shopify στην κινητή σας συσκευή και επιλέξτε «Store» από το κάτω μενού.
- Δίπλα στα «Κανάλια πωλήσεων», επιλέξτε «Προσθήκη καναλιού» (Add channel) σε iPhone ή «+» σε Android.
- Επιλέξτε «Κουμπί αγοράς» (Buy Button) και στη συνέχεια πατήστε «Προσθήκη κουμπιού αγοράς» (Add Buy Button).
2. Δημιουργήστε ένα κουμπί αγοράς Shopify
Αφού προσθέσετε το κανάλι πωλήσεων Buy Button, είστε έτοιμοι να δημιουργήσετε το κουμπί αγοράς σας.
Στην καρτέλα Buy Button, κάντε κλικ στην επιλογή «Δημιουργία κουμπιού αγοράς» (Create a Buy Button).
Μπορείτε να δημιουργήσετε κουμπιά αγοράς για ένα μεμονωμένο προϊόν ή για μια ολόκληρη συλλογή προϊόντων. Στην επόμενη οθόνη, θα σας ζητηθεί να επιλέξετε ποια επιλογή προτιμάτε.
Κάντε μια επιλογή και στη συνέχεια επιλέξτε για ποια από τα προϊόντα σας θέλετε να δημιουργήσετε κουμπιά αγοράς.
Μόλις κάνετε την επιλογή σας, θα μεταφερθείτε στον επεξεργαστή του κουμπιού αγοράς Shopify, όπου μπορείτε να προσαρμόσετε την εμφάνιση του κουμπιού αγοράς σας.
Πώς να προσαρμόσετε το κουμπί αγοράς σας
Στον επεξεργαστή του κουμπιού αγοράς, θα δείτε μια σειρά από επιλογές στην αριστερή πλευρά για την προσαρμογή της εμφάνισης και της αίσθησης του κουμπιού αγοράς. Στα δεξιά, θα δείτε μια προεπισκόπηση του πώς θα φαίνεται το κουμπί αγοράς.
Προσαρμόστε τις επιλογές στα αριστερά σύμφωνα με τις προτιμήσεις σας. Η προεπισκόπησή σας θα ενημερώνεται αυτόματα, ώστε να μπορείτε να δείτε πώς φαίνεται το κουμπί αγοράς καθώς το προσαρμόζετε. Μπορείτε επίσης να δείτε πώς θα εμφανίζεται το κουμπί αγοράς σας σε οθόνες υπολογιστή και κινητών συσκευών κάνοντας κλικ στα εικονίδια υπολογιστή ή κινητού που βρίσκονται στο κέντρο στο πάνω μέρος του επεξεργαστή.
Ακολουθεί μια ανάλυση των επιλογών που μπορείτε να προσαρμόσετε:
- Παραλλαγές προϊόντος (Product variant): επιλέξτε ποιες παραλλαγές του προϊόντος θέλετε να είναι διαθέσιμες για αγορά μέσω του κουμπιού αγοράς. Όλες οι παραλλαγές θα είναι επιλεγμένες από προεπιλογή.
- Διάταξη (Layout): επιλέξτε μεταξύ Βασικής (Basic), Κλασικής (Classic) και Πλήρους προβολής (Full view). Στα δεξιά, θα δείτε μια προεπισκόπηση κάθε διάταξης όταν την επιλέγετε από το αναπτυσσόμενο μενού Διάταξης.
- Ενέργεια όταν γίνεται κλικ (Action when people click:) επιλέξτε μεταξύ Προσθήκης προϊόντος στο καλάθι (Add product to cart), Απευθείας στο ταμείο (Direct to checkout) ή Ανοίγματος των πληροφοριών προϊόντος (Open product details). Η επιλογή «Προσθήκη προϊόντος στο καλάθι» θα δημιουργήσει ένα widget καλαθιού στη δεξιά πλευρά της οθόνης σας. Η επιλογή «Απευθείας στο ταμείο» θα δημιουργήσει ένα κουμπί αγοράς που θα οδηγεί τον χρήστη απευθείας στην ολοκλήρωση αγοράς (σημειώστε ότι οι πελάτες δεν θα μπορούν να προσθέσουν περισσότερα προϊόντα στο καλάθι τους με αυτή την επιλογή). Η επιλογή «Άνοιγμα πληροφοριών προϊόντος» θα δημιουργήσει ένα κουμπί Προβολής προϊόντος (View Product) που ανοίγει ένα αναδυόμενο παράθυρο με πληροφορίες προϊόντος και ένα κουμπί Προσθήκης στο καλάθι (Add to Cart).
- Στυλ κουμπιού (Button style): εδώ μπορείτε να προσαρμόσετε τα χρώματα, τη γραμματοσειρά, το μέγεθος και το σχήμα των γωνιών του κουμπιού αγοράς.
- Διάταξη (Layout): το μενού Διάταξης θα σας επιτρέψει να κάνετε πιο λεπτομερείς προσαρμογές στη διάταξη του κουμπιού σας. Μπορείτε να προσαρμόσετε τα χρώματα γραμματοσειράς, το κείμενο του κουμπιού και τις ρυθμίσεις τυπογραφίας.
- Καλάθι αγορών (Shopping cart): εδώ θα μπορείτε να προσαρμόσετε τις ρυθμίσεις του widget του καλαθιού αγορών σας, συμπεριλαμβανομένου του κειμένου και των χρωμάτων. Σημειώστε ότι αυτή η επιλογή θα είναι απενεργοποιημένη αν χρησιμοποιείτε τη διάταξη Απευθείας στο ταμείο, καθώς δεν υπάρχει widget καλαθιού.
- Αναδυόμενο παράθυρο πληροφοριών (Detailed pop-up:) αν επιλέξετε «Άνοιγμα πληροφοριών προϊόντος» στην ενότητα «Ενέργεια όταν γίνεται κλικ», θα μπορείτε να προσαρμόσετε το κείμενο, τα χρώματα και τις επιλογές τυπογραφίας για το αναδυόμενο παράθυρο σε αυτήν την ενότητα.
- Προηγμένες ρυθμίσεις (Advanced settings:) εδώ μπορείτε να προσαρμόσετε τον τρόπο με τον οποίο παρουσιάζεται η ολοκλήρωση αγοράς στον χρήστη σας. Μπορείτε είτε να επιλέξετε «Άνοιγμα αναδυόμενου παραθύρου» (Open pop-up window, που θα δημιουργήσει ένα αναδυόμενο παράθυρο ολοκλήρωσης αγοράς που κλείνει όταν ολοκληρωθεί η παραγγελία), είτε «Ανακατεύθυνση στην ίδια καρτέλα» (Redirect in the same tab, που θα στείλει τον χρήστη στη σελίδα ολοκλήρωσης αγοράς του Shopify και θα τον επιστρέψει στη σελίδα σας μόλις ολοκληρωθεί η συναλλαγή).
Να θυμάστε ότι η προσαρμογή αυτών των ρυθμίσεων δεν θα αλλάξει τα κουμπιά αγοράς που έχουν ήδη ενσωματωθεί.
Όταν είστε ικανοποιημένοι με τον σχεδιασμό σας, κάντε κλικ στο κουμπί «Επόμενο» (Next) στην επάνω δεξιά γωνία.
3. Προσθέστε τον κώδικα ενσωμάτωσης του κουμπιού αγοράς στο HTML του ιστότοπού σας
Όταν κάνετε κλικ στο κουμπί «Επόμενο», ο κώδικας ενσωμάτωσης για το κουμπί αγοράς Shopify θα δημιουργηθεί αυτόματα. Κάντε κλικ στο κουμπί «Αντιγραφή κώδικα» (Copy Code) αν είστε έτοιμοι να το ενσωματώσετε σε μια ιστοσελίδα.
Ο κώδικας που αντιγράψατε μπορεί να επικολληθεί στο HTML οποιασδήποτε ιστοσελίδας. Θα δημιουργήσει ένα κουμπί αγοράς και ένα καλάθι που θα συνδέονται απευθείας με το Shopify admin σας, επιτρέποντάς σας να διαχειρίζεστε και να επεξεργάζεστε παραγγελίες από οποιαδήποτε ιστοσελίδα εκεί.
Η διαδικασία προσθήκης του κώδικα ενσωμάτωσης διαφέρει ανάλογα με το πώς θέλετε να φαίνεται το κουμπί και ποιον δημιουργό ιστότοπων και θέμα χρησιμοποιείτε.
Προσθήκη ετικετών script του κουμπιού αγοράς
Ορισμένοι δημιουργοί ιστότοπων απαιτούν να επικολλήσετε τις ετικέτες script ξεχωριστά στην κεφαλίδα σας, ενώ επικολλάτε τον υπόλοιπο κώδικα στο σώμα της σελίδας σας, όπου θέλετε να εμφανιστεί το κουμπί αγοράς.
Για να το κάνετε αυτό, θα πρέπει να διαχωρίσετε το στοιχείο script από το στοιχείο div στον κώδικα ενσωμάτωσης του κουμπιού αγοράς.
Θα δείτε το στοιχείο div στην κορυφή του κώδικα. Μοιάζει κάπως έτσι:
<div id="product-component-1655929612938"></div>
Το στοιχείο script αποτελεί το υπόλοιπο του κώδικα ενσωμάτωσης, ξεκινώντας με script type="text/javascript" και τελειώνοντας με /script.
Αντιγράψτε και επικολλήστε το στοιχείο script, στο σύνολό του, στην κεφαλίδα της σελίδας του ιστότοπού σας.
Στη συνέχεια, ανοίξτε τον επεξεργαστή σελίδας για τη σελίδα όπου θέλετε να προσθέσετε ένα κουμπί αγοράς. Επικολλήστε το στοιχείο div στη σελίδα όπου θέλετε να εμφανιστεί το κουμπί αγοράς.
Προσθέστε ecommerce σε οποιονδήποτε ιστότοπο με το κουμπί αγοράς Shopify
Τα κουμπιά αγοράς επιτρέπουν στους πωλητές να συναντούν τους πελάτες εκεί όπου βρίσκονται. Η άμεση πώληση στους πελάτες χωρίς να τους στέλνετε σε άλλη σελίδα μειώνει τις τριβές και μπορεί να βοηθήσει στην αύξηση των πωλήσεων.
Για bloggers, καλλιτέχνες, συγγραφείς, σχεδιαστές, podcasters, influencers και όποιον άλλον θέλει να βγάλει χρήματα από τη δουλειά του, τα κουμπιά αγορών είναι ένας εύκολος τρόπος να χρησιμοποιήσετε το Shopify χωρίς να δημιουργήσετε έναν νέο ιστότοπο.
Συχνές ερωτήσεις για το κουμπί αγοράς
Πώς προσθέτω ένα κουμπί αγοράς στο Shopify;
- Προσθέστε το κανάλι πωλήσεων Buy Button στο κατάστημά σας στο Shopify.
- Κάντε κλικ στη Δημιουργία κουμπιού αγοράς (Create a Buy Button).
- Επιλέξτε είτε ένα κουμπί αγοράς μεμονωμένου προϊόντος είτε ένα κουμπί αγοράς συλλογής.
- Επιλέξτε το προϊόν ή τη συλλογή που θέλετε να πουλήσετε.
- Προσαρμόστε τα χρώματα, το μέγεθος, το κείμενο και τη λειτουργικότητα του κουμπιού αγοράς σας.
- Αντιγράψτε τον κώδικα ενσωμάτωσης του κουμπιού.
- Επικολλήστε τον κώδικα ενσωμάτωσης στην ιστοσελίδα όπου θέλετε να εμφανιστεί το κουμπί αγοράς.
Τι κάνει το κουμπί αγοράς Shopify;
Το κουμπί αγοράς επιτρέπει στους επισκέπτες της σελίδας να αγοράσουν προϊόντα χωρίς να χρειάζεται να επισκεφθούν απευθείας το κατάστημά σας. Τα κουμπιά αγοράς μπορούν να προστεθούν σε οποιονδήποτε ιστότοπο ή blog εκτός Shopify με προσαρμόσιμο HTML.
Είναι ασφαλές το κουμπί αγοράς Shopify;
Τα κουμπιά αγοράς είναι ένας ασφαλής και προστατευμένος τρόπος πώλησης προϊόντων και υπηρεσιών, καθώς οι επισκέπτες κατευθύνονται στην πλήρως προστατευμένη, συμβατή με PCI, ολοκλήρωση αγοράς του Shopify για να επεξεργαστούν τη συναλλαγή τους. Η συμμόρφωση του Shopify καλύπτει και τις έξι τυποποιημένες κατηγορίες PCI και ισχύει για κάθε ολοκλήρωση αγοράς που χρησιμοποιεί την πλατφόρμα μας.
Ποιο είναι το κόστος ενός κουμπιού αγοράς Shopify;
Τα κουμπιά αγοράς Shopify περιλαμβάνονται σε όλα τα πακέτα του Shopify, συμπεριλαμβανομένου του πακέτου Starter, που κοστίζει 5 € τον μήνα.
Ποια είναι τα οφέλη του κουμπιού αγοράς;
Το κουμπί αγοράς σας επιτρέπει να πουλάτε σε οποιαδήποτε ιστοσελίδα ή ανάρτηση blog χρησιμοποιώντας την ασφαλή ολοκλήρωση αγοράς και τα εργαλεία διαχείρισης ηλεκτρονικού εμπορίου του Shopify, χωρίς να χρειάζεται να δημιουργήσετε κατάστημα Shopify. Τα κουμπιά αγοράς δημιουργούν μια εμπειρία ολοκλήρωσης αγοράς χωρίς τριβές που μπορεί να δημιουργήσει περισσότερες πωλήσεις σε σελίδες με υψηλή επισκεψιμότητα.
Ποια είναι η διαφορά μεταξύ του κουμπιού αγοράς και ενός κουμπιού παραγγελίας Shopify;
Και τα δύο εκτελούν παρόμοιες λειτουργίες, αλλά τα κουμπιά αγοράς μπορούν να ενσωματωθούν σε οποιαδήποτε σελίδα ή ανάρτηση blog, ακόμα και σε πλατφόρμες δημιουργίας ιστότοπων τρίτων όπως το WordPress και το Squarespace.
