Version1.1.1
Requires WP5.8
Tested up to6.8
Slugcustom-cart-progress-bar-with-milestones-for-woocommerce
Changelog
  • Initial release
  • You can use the shortcode [cart_progress_bar] to display the progress bar anywhere in your cart page, posts, pages, or widgets. Perfect for block based themes!
  • Fixed Milestone Position Issue
  • Problem: When the delivery target value was set lower than the gift target value (e.g., Gift €100, Delivery €50), the icons would position incorrectly, with the gift icon appearing beyond the visible progress bar.
  • Fixed Ajax Cart issue for Block Based Themes
  • Icons filling when a goal is reached + VAT option
  • Added Center first milestone icon functionality - If enabled, the first (lower value) milestone icon is shown at the center of the bar. The bar fill is remapped so the icon is reached exactly at that milestone.
  • Compatibility with Minimog Theme
  • Added Filter for Customization
Προσαρμοσμένη Μπάρα Προόδου Καλαθιού με Ορόσημα για WooCommerce

Προσαρμοσμένη Μπάρα Προόδου Καλαθιού με Ορόσημα για WooCommerce

Το WooCommerce Custom Cart Progress Bar with Milestones προσθέτει μια διαδραστική μπάρα προόδου στο καλάθι και το mini-cart, ενισχύοντας την εμπειρία αγορών. Παρακάτω θα βρείτε απλές οδηγίες για τη ρύθμιση και χρήση του plugin, ώστε να αυξήσετε την αλληλεπίδραση των πελατών και την αξία των παραγγελιών.

15.00

Lifetime Άδεια + Lifetime Updates

Εγγύηση επιστροφής χρημάτων 14 ημερών
Πληρωμή με ασφάλεια μέσω Visa Mastercard American Express Discover Klarna Revolut Pay

Θέλεις περισσότερα από ένα plugin; Η έκπτωση εφαρμόζεται αυτόματα στο καλάθι σου:

  • Με 2 premium plugins στο καλάθι → 10% έκπτωση και στα δύο

  • Με 3 premium plugins15% έκπτωση σε όλα

  • Με 4 ή περισσότερα premium plugins20% έκπτωση σε όλα τα plugins

Τα δωρεάν plugins δεν συμμετέχουν στον υπολογισμό και δεν έχουν έκπτωση.
Η έκπτωση υπολογίζεται αυτόματα στο καλάθι και στο checkout, δεν χρειάζεται κουπόνι.

Νομίζεις ότι λείπει κάτι από αυτό το plugin;

Ζήτα νέα λειτουργία

Χρειάζεσαι διαφορετική προσαρμογή στο site σου;

Στείλε αίτημα προσαρμογής

Custom Cart Progress Bar with Milestones for WooCommerce είναι ένα premium plugin που αναβαθμίζει το UX του καλαθιού σου με μια κομψή μπάρα προόδου σε πραγματικό χρόνο και ανταμοιβές-ορόσημα. Παρακινεί τους πελάτες να ξεκλειδώσουν Δωρεάν Δώρο και Δωρεάν Μεταφορικά δείχνοντας ξεκάθαρους οπτικούς στόχους, δυναμικά ποσά που απομένουν και εικονίδια που “γεμίζουν” όταν επιτευχθούν. Φτιαγμένο για σύγχρονα WooCommerce stores, συμπεριλαμβανομένων των Blocks carts, και σχεδιασμένο να αυξάνει το μέσο καλάθι χωρίς να σπάει τα νεύρα των πελατών.

Κύριες Δυνατότητες

Σύστημα Δύο Οροσήμων

  • Δύο στόχοι: Δωρεάν Δώρο + Δωρεάν Μεταφορικά
  • Ενεργοποίηση/απενεργοποίηση κάθε στόχου ανεξάρτητα
  • Αυτόματη σειρά οροσήμων (πρώτα το μικρότερο όριο)
  • Ευέλικτα όρια για κάθε στρατηγική πωλήσεων

Έξυπνος Υπολογισμός Υποσυνόλου (Επιλογή ΦΠΑ)

  • Πρόοδος με βάση το υποσύνολο καλαθιού (χωρίς μεταφορικά)
  • Νέο: Επιλογή να συμπεριλαμβάνεται ο ΦΠΑ/Tax στον υπολογισμό
  • Ιδανικό για καταστήματα που δείχνουν τα όρια “με ΦΠΑ”
  • Ακριβή υπόλοιπα ποσά σε κάθε στάδιο

Προοδευτική Αλλαγή Χρώματος ανά Στάδιο

  • Βασικό χρώμα πριν επιτευχθεί οποιοδήποτε ορόσημο
  • Αυτόματη αλλαγή χρώματος μετά το πρώτο ορόσημο
  • Τελικό χρώμα μετά το δεύτερο ορόσημο
  • 3 ξεχωριστά color pickers στις ρυθμίσεις

Εικονίδια Οροσήμων που “Γεμίζουν” όταν Επιτευχθούν

  • Νέο: Οι κύκλοι των εικονιδίων γεμίζουν με το χρώμα του οροσήμου
  • Ξεκάθαρο οπτικό feedback “ο στόχος ξεκλειδώθηκε”
  • Custom icons για Δώρο και Μεταφορικά
  • Οι ετικέτες κάτω από τα icons είναι πλήρως επεξεργάσιμες

AJAX Ενημέρωση σε Πραγματικό Χρόνο Παντού

  • Άμεση ανανέωση σε προσθήκη/αφαίρεση/αλλαγή ποσότητας
  • Υποστήριξη Cart page + mini-cart/sidebar
  • Συμβατό με WooCommerce Blocks μέσω store listeners
  • Mini-cart fragments για super smooth εμπειρία

Ευέλικτη Τοποθέτηση (Auto Insert + Shortcodes)

  • Αυτόματη εμφάνιση σε Καλάθι & Mini Cart
  • Απενεργοποίησε το auto insert και βάλε το χειροκίνητα με shortcode
  • Κύριο shortcode: [cart_progress_bar]
  • Συντομεύσεις: [ccpb] / [progress_bar]

Έτοιμο για Πολυγλωσσικά Stores

  • Πλήρης συμβατότητα με WPML
  • Ενσωμάτωση με Polylang
  • Αυτόματη εγγραφή strings για μετάφραση
  • Όλα τα labels & μηνύματα μεταφράζονται

Προστασία με Άδεια + Updates

  • Νέο: Ενσωματωμένο σύστημα άδειας VGDEV
  • Ρυθμίσεις και ενημερώσεις ξεκλειδώνουν μετά την ενεργοποίηση
  • Ασφαλές, namespaced licensing (δεν “σκοτώνει” άλλα plugins)
  • Αυτόματος έλεγχος ενημερώσεων κάθε λίγες ώρες

Οδηγίες Ρύθμισης

  1. Εγκατάσταση & Ενεργοποίηση + Άδεια

    Μετά την αγορά:

    • Ανέβασε τον φάκελο του plugin στο /wp-content/plugins/
    • Ενεργοποίησέ το από τα Plugins του WordPress
    • Πήγαινε στο VGDEVsolutions → Cart Progress Bar
    • Ενεργοποίησε την άδειά σου για να ξεκλειδώσεις ρυθμίσεις & updates
  2. Άνοιξε το Tab Ρυθμίσεων WooCommerce

    Όλες οι ρυθμίσεις βρίσκονται μέσα στο WooCommerce:

    • Πήγαινε WooCommerce → Ρυθμίσεις → Cart Progress Bar
    • Το tab εμφανίζεται πάντα, αλλά οι ρυθμίσεις είναι διαθέσιμες μόνο με ενεργή άδεια
  3. Ρύθμισε τα Ορόσημα

    Διάλεξε πώς θα δουλεύουν οι στόχοι σου:

    Ενεργοποίηση Οροσήμων:
    • Enable Gift Milestone: Άνοιξε/κλείσε τον στόχο δωρεάν δώρου
    • Enable Delivery Milestone: Άνοιξε/κλείσε τον στόχο δωρεάν μεταφορικών
    • Gift Target Value: Ελάχιστο υποσύνολο για δώρο (π.χ. €50)
    • Delivery Target Value: Ελάχιστο υποσύνολο για δωρεάν μεταφορικά (π.χ. €100)
    Λειτουργία ΦΠΑ / Tax:
    • Include VAT/Tax in subtotal: Πρόοδος = υποσύνολο + ΦΠΑ (χωρίς μεταφορικά)
    • Άφησέ το OFF αν τα όριά σου είναι “χωρίς ΦΠΑ”
    Μηνύματα & Ετικέτες:
    • Free Gift Message: Κείμενο μετά το πρώτο ορόσημο
    • Free Delivery Message: Κείμενο μετά το δεύτερο ορόσημο
    • Remaining Amount Message: Χρησιμοποιείται πριν από τα ορόσημα
    • Χρησιμοποίησε το %s για δυναμικό υπόλοιπο ποσού
    Οπτική Παραμετροποίηση:
    • Base Color: Πριν επιτευχθεί ο στόχος
    • Gift Reached Color: Μετά το Δώρο → μέχρι τα Μεταφορικά
    • Delivery Reached Color: Μετά το ορόσημο Μεταφορικών
    • Icon URLs: Ανέβασε icons στη Βιβλιοθήκη πολυμέσων → βάλε τα URLs
    • Gift/Delivery Text: Labels κάτω από κάθε icon
  4. Επιλογές Τοποθέτησης

    Εσύ αποφασίζεις πού θα φαίνεται:

    • Auto Insert ON: Εμφανίζεται αυτόματα σε Καλάθι & Mini Cart
    • Auto Insert OFF: Το βάζεις όπου θες με shortcode
    • Παράδειγμα shortcode: [cart_progress_bar]
  5. Αποθήκευση & Τεστ

    Πάτα Save Changes και δοκίμασε:

    • Πρόσθεσε προϊόντα και δες την πρόοδο να ενημερώνεται άμεσα
    • Αφαίρεσε/μείωσε ποσότητες και δες τα υπόλοιπα να ξαναυπολογίζονται live
    • Έλεγξε cart page και mini-cart/sidebar cart
    • Δοκίμασε και τα δύο modes: ΦΠΑ ON και ΦΠΑ OFF

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

Ο πελάτης προσθέτει προϊόντα:

  1. Η μπάρα εμφανίζεται με βάση το τρέχον υποσύνολο
  2. Το μήνυμα δείχνει πόσο απομένει για το επόμενο ορόσημο
  3. Τα icons είναι “καρφωμένα” ακριβώς στις θέσεις των στόχων

Επίτευξη Πρώτου Οροσήμου:

  1. Αλλάζει το χρώμα της μπάρας στο χρώμα του 1ου στόχου
  2. Το icon του Δώρου ή των Μεταφορικών γεμίζει για να δείξει επιτυχία
  3. Το μήνυμα ενημερώνεται με το υπόλοιπο για τον επόμενο στόχο
  4. Ο πελάτης παίρνει ξεκάθαρη ώθηση να συνεχίσει τις αγορές

Επίτευξη Δεύτερου Οροσήμου:

  1. Η μπάρα γεμίζει μέχρι τέλους
  2. Το τελικό icon γεμίζει και το label τονίζεται
  3. Το success μήνυμα επιβεβαιώνει τα ξεκλειδωμένα οφέλη

Ενημέρωση σε Πραγματικό Χρόνο:

  • AJAX refresh σε όλα τα cart events και fragments
  • Blocks listener για συγχρονισμό σε modern themes
  • Χωρίς reloads, χωρίς flicker, χωρίς lag

Γιατί να Επιλέξεις Cart Progress Bar;

  • Αύξηση Μέσου Καλαθιού — οι πελάτες κυνηγάνε οπτικούς στόχους
  • Μείωση Εγκατάλειψης Καλαθιού — η πρόοδος δημιουργεί “δέσμευση”
  • Έτοιμο για WooCommerce Blocks — δουλεύει σε classic + modern carts
  • Χωρίς Κώδικα — όλα από τις ρυθμίσεις
  • VAT-Aware Targets — προαιρετικός υπολογισμός με ΦΠΑ
  • Όμορφο Feedback Οροσήμων — icons που γεμίζουν όταν επιτευχθούν
  • Styling στα Μέτρα του Brand σου — πλήρης έλεγχος χρωμάτων & icons
  • Πολυγλωσσική Υποστήριξη — WPML/Polylang friendly
  • Ευελιξία με Shortcodes — τοποθέτησέ το όπου θες
  • Mobile Optimized — responsive από την αρχή

Απαιτήσεις Συστήματος

  • WordPress 5.0 ή νεότερο
  • WooCommerce 6.0 ή νεότερο (δοκιμασμένο μέχρι την τελευταία έκδοση)
  • PHP 7.4 ή νεότερο
  • jQuery ενεργό (στάνταρ στο WordPress)

Συχνές Ερωτήσεις (FAQ)

Δουλεύει με WooCommerce Blocks cart / mini cart;

Ναι. Το plugin “ακούει” τις ενημερώσεις του WooCommerce Blocks cart store και ανανεώνει την πρόοδο άμεσα, ώστε να μένει πάντα σωστό σε block-based themes.

Μπορώ να υπολογίζω την πρόοδο με ΦΠΑ;

Φυσικά. Ενεργοποίησε το “Include VAT/Tax in subtotal calculation” και η πρόοδος θα χρησιμοποιεί υποσύνολο + φόρους (χωρίς μεταφορικά). Κλείσ’ το αν τα όριά σου είναι χωρίς ΦΠΑ.

Τι γίνεται αν απενεργοποιήσω το Auto Insert;

Η μπάρα δεν θα εμφανίζεται αυτόματα σε Καλάθι/Mini Cart. Μπορείς να τη βάλεις χειροκίνητα όπου θες με [cart_progress_bar] (ή τα aliases), χωρίς διπλή εμφάνιση.

Τα κείμενα μεταφράζονται;

Ναι. Όλα τα μηνύματα και labels εγγράφονται δυναμικά και μεταφράζονται μέσω WPML ή Polylang.

Χρειάζεται άδεια χρήσης;

Ναι. Η ενεργή άδεια ξεκλειδώνει τις ρυθμίσεις και τις αυτόματες ενημερώσεις. Χωρίς ενεργοποίηση, το plugin παραμένει ανενεργό για την προστασία των premium features.

Ξεκίνα να Αυξάνεις τις Πωλήσεις σου Σήμερα

Το Custom Cart Progress Bar plugin περιλαμβάνει εφ’ όρου ζωής ενημερώσεις και υποστήριξη. Κάνε το καλάθι σου ένα εργαλείο πωλήσεων με στόχους που ανταμείβει τους πελάτες χωρίς να τους πιέζει.

Ερωτήσεις

Μπορώ να χρησιμοποιήσω μόνο ένα ορόσημο αντί για δύο;

Φυσικά! Μπορείτε να ενεργοποιήσετε ή να απενεργοποιήσετε κάθε ορόσημο ανεξάρτητα. Απλώς τσεκάρετε ή ξε-τσεκάρετε τις επιλογές «Enable Gift Milestone» ή «Enable Delivery Milestone» στις ρυθμίσεις. Έτσι έχετε πλήρη ευελιξία για να τρέξετε προσφορές μόνο με δωρεάν δώρο, μόνο με δωρεάν αποστολή, ή και με τα δύο μαζί.

Λειτουργεί με WooCommerce Blocks (Cart και Checkout blocks);

Ναι! Το plugin είναι πλήρως συμβατό με τα WooCommerce Blocks. Περιλαμβάνει AJAX λειτουργικότητα που «ακούει» τις αλλαγές στο καλάθι των block-based carts και ενημερώνει τη μπάρα προόδου σε πραγματικό χρόνο, χωρίς refresh. Μπορείτε επίσης να χρησιμοποιήσετε το shortcode [cart_progress_bar] για να τοποθετήσετε τη μπάρα προόδου οπουδήποτε στη σελίδα καλαθιού σας.

Πώς προσθέτω δικά μου εικονίδια για τα ορόσημα;

Ανεβάστε τις εικόνες των εικονιδίων σας στη Βιβλιοθήκη Πολυμέσων του WordPress, αντιγράψτε το URL της εικόνας και επικολλήστε το στα πεδία «Gift Icon URL» ή «Delivery Icon URL» στις ρυθμίσεις του plugin. Τα εικονίδια πρέπει να είναι μικρά τετράγωνα (προτείνεται 30x30px ή 50x50px) σε μορφή PNG ή SVG για καλύτερα αποτελέσματα.

Είναι το plugin συμβατό με πολυγλωσσικά sites (WPML/Polylang);

Ναι! Το plugin είναι πλήρως έτοιμο για πολύγλωσσες εγκαταστάσεις. Όλα τα μηνύματα, labels και κείμενα καταχωρούνται αυτόματα στο WPML και το Polylang για μετάφραση. Έτσι, η μπάρα προόδου εμφανίζεται στη σωστή γλώσσα βάσει της επιλογής του πελάτη.

Η μπάρα προόδου υπολογίζει τα έξοδα αποστολής ή μόνο το subtotal προϊόντων;

Η μπάρα προόδου βασίζεται αποκλειστικά στο subtotal του καλαθιού (τιμές προϊόντων και ποσότητες), χωρίς τα έξοδα αποστολής. Αυτό είναι το standard WooCommerce μοντέλο και βοηθά τους πελάτες να ξέρουν πόσα πρέπει να ξοδέψουν σε προϊόντα για να φτάσουν τα ορόσημα. Τα μεταφορικά υπολογίζονται συνήθως αργότερα στη διαδικασία ολοκλήρωσης αγοράς.

Αξιολογήσεις

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
Προσαρμοσμένη Μπάρα Προόδου Καλαθιού με Ορόσημα για WooCommerce 15.00 Αγορά τώρα