Δημιουργήστε ένα ημερολόγιο εκδηλώσεων Elementor χρησιμοποιώντας το FooEvents (2024)

Πώς να, Μάρκετινγκ, Ενημερώσεις / Ιανουάριος 1, 2024 / Με Robin Pietersen

Σε αυτό το σεμινάριο, θα σας δείξουμε πώς να προσθέσετε ένα ημερολόγιο εκδηλώσεων Elementor χρησιμοποιώντας το FooEvents στο 2024. Τα ημερολόγια θα εμφανίζουν πολλαπλά γεγονότα που εμφανίζονται σε διάφορες καρτέλες χρησιμοποιώντας διαφορετικούς τρόπους εμφάνισης.

Βήμα 1: Εγκαταστήστε τα πρόσθετα Elementor και FooEvents Calendar

Πρώτα θα πρέπει να βεβαιωθείτε ότι έχετε το Elementor plugin εγκατεστημένο. Μπορεί να βρεθεί στο wordpress.org και να εγκατασταθεί απευθείας από την ενότητα των πρόσθετων στην ιστοσελίδα σας.

Συνδεθείτε στο ταμπλό διαχείρισης του WordPress και πλοηγηθείτε στο Plugins > Προσθήκη νέου. Στη συνέχεια, αναζητήστε Elementor και εγκαταστήστε το Elementor Website Builder plugin.

Στη συνέχεια, αναζητήστε FooEvents και εγκαταστήστε το Ημερολόγιο εκδηλώσεων για FooEvents plugin. Το FooEvents παρέχει δύο τρόπους για τη δημιουργία εκδηλώσεων στον ιστότοπό σας WordPress. Η πρώτη επιλογή είναι να προσθέσετε λεπτομέρειες συμβάντος σε μια τυπική ανάρτηση ή σελίδα του WordPress χρησιμοποιώντας την εντολή Ημερολόγιο FooEvents plugin. Αυτό γίνεται κατά την επεξεργασία της ανάρτησης ή της σελίδας. Το πρόσθετο FooEvents Calendar προσθέτει μια βασική φόρμα ρυθμίσεων συμβάντων στο κάτω μέρος της ανάρτησης, των σελίδων και των προσαρμοσμένων τύπων ανάρτησης. Χρησιμοποιώντας αυτή τη φόρμα, μπορείτε να ορίσετε την ημερομηνία και την ώρα του συμβάντος. Μόλις οριστούν, θα εμφανίζονται στα ημερολόγια που δημιουργούνται από το πρόσθετο ημερολόγιο FooEvents.

Η δεύτερη και πιο εξελιγμένη επιλογή είναι να χρησιμοποιήσετε το FooEvents για WooCommerce plugin και επεκτάσεις για να προσθέσετε λειτουργικότητα εκδηλώσεων και έκδοσης εισιτηρίων στα προϊόντα σας WooCommerce. Το FooEvents for WooCommerce καθιστά δυνατή την πώληση απεριόριστων εισιτηρίων απευθείας από τον ιστότοπό σας, καθώς και τη διαχείριση των check-in χρησιμοποιώντας το δωρεάν Εφαρμογές FooEvents Check-ins. Το FooEvents Κρατήσεις μπορεί επίσης να χρησιμοποιηθεί για την πώληση πρόσβασης σε χρονοθυρίδες που μπορούν να κρατηθούν, κάτι που θα παρουσιαστεί αργότερα σε αυτό το σεμινάριο.

Αφού ρυθμίσετε μερικά δοκιμαστικά συμβάντα, προχωρήστε στο επόμενο βήμα.

Βήμα 2: Δημιουργία νέας σελίδας

Δημιουργήστε μια νέα σελίδα και ορίστε τον τίτλο της σελίδας. Στη συνέχεια, μεταβείτε στο Elementor page builder πατώντας το πλήκτρο Επεξεργασία με το Elementor κουμπί.

Βήμα 3: Προσθέστε το στοιχείο Elementor Tabs

Μόλις φορτώσει η σελίδα, προσθέστε ένα στοιχείο Tabs στην κύρια ενότητα της σελίδας. Από προεπιλογή, το Elementor θα δημιουργήσει δύο δειγματικές καρτέλες. Αφαιρέστε τη δεύτερη καρτέλα και επεκτείνετε τις επιλογές επεξεργασίας της πρώτης καρτέλας.

Βήμα 4: Προσθέστε ένα ημερολόγιο εκδηλώσεων Elementor χρησιμοποιώντας το FooEvents

Τροποποιήστε την πρώτη καρτέλα και αλλάξτε τον τίτλο σε 'All', πριν προσθέσετε την καρτέλα FooEvents Σύντομος κώδικας ημερολογίου στο τμήμα περιεχομένου της καρτέλας.

[fooevents_calendar id="1"]

Όταν προσθέτετε πολλαπλά ημερολόγια σε μια σελίδα, είναι σημαντικό να καθορίσετε ένα μοναδικό αναγνωριστικό για κάθε ημερολόγιο (π.χ. id="1″). Στη συνέχεια, μπορείτε να κάνετε προεπισκόπηση του ημερολογίου, το οποίο θα εμφανίζει όλα τα συμβάντα που λαμβάνουν χώρα τον τρέχοντα μήνα.

Βήμα 5: Προσθήκη ημερολογίου για συγκεκριμένες κατηγορίες εκδηλώσεων

Στη συνέχεια, αντιγράψτε την καρτέλα που μόλις δημιουργήσαμε και αλλάξτε τον τίτλο σε δραστηριότητες. Αυτό το ημερολόγιο πρέπει στη συνέχεια να εμφανίζει όλα τα γεγονότα που είναι δραστηριότητες. Όταν δημιουργείτε εκδηλώσεις χρησιμοποιώντας το πρόσθετο FooEvents for WooCommerce, μπορείτε να οργανώσετε τις εκδηλώσεις χρησιμοποιώντας τη λειτουργία κατηγοριών του WooCommerce. Για αυτό το demo, έχουμε προσθέσει την ξενάγηση με λεωφορείο στην κατηγορία δραστηριοτήτων. Χρησιμοποιώντας την παράμετρο include_cat shortcode, μπορούμε στη συνέχεια να φιλτράρουμε το ημερολόγιο ώστε να εμφανίζονται μόνο τα γεγονότα που έχουν κατηγοριοποιηθεί ως δραστηριότητες. Μπορούμε επίσης να επαναλάβουμε αυτή τη διαδικασία για εκδηλώσεις που έχουν κατηγοριοποιηθεί ως "Συνέδρια".

[fooevents_calendar id="2″ include_cat="activities"]

Βήμα 6: Προσθήκη ημερολογίων για συγκεκριμένες χρονικές περιόδους

Δημιουργήστε ένα ημερολόγιο που εμφανίζει μόνο γεγονότα που λαμβάνουν χώρα την τρέχουσα ημερολογιακή ημέρα χρησιμοποιώντας την παράμετρο defaultview με τιμή listday. Μπορείτε επίσης να χρησιμοποιήσετε αυτή την παράμετρο σε συνδυασμό με άλλες παραμέτρους, όπως η παράμετρος include_cat, αν χρειάζεται. Ακολουθήστε την ίδια διαδικασία και δημιουργήστε μια καρτέλα προβολής εβδομάδας όπου ορίζουμε ως defaultview την παράμετρο listWeek. Αυτή η προβολή θα εμφανίζει στη συνέχεια όλα τα συμβάντα που λαμβάνουν χώρα την τρέχουσα εβδομάδα.

Δημιουργήστε μια καρτέλα προβολής μήνα που εμφανίζει όλα τα συμβάντα που λαμβάνουν χώρα στον τρέχοντα ημερολογιακό μήνα χρησιμοποιώντας listMonth και την παράμετρο defaultdate για να καθορίσετε τον μήνα που θα εμφανιστεί. Δημιουργήστε μια καρτέλα που εμφανίζει όλα τα συμβάντα που λαμβάνουν χώρα στο τρέχον έτος χρησιμοποιώντας την τιμή listYear.

[fooevents_calendar id="3″ defaultview="listDay"]

Βήμα 7: Προσθέστε ένα ημερολόγιο για συγκεκριμένες επαναλαμβανόμενες εκδηλώσεις

Δημιουργήστε ένα ημερολόγιο για συγκεκριμένες επαναλαμβανόμενες εκδηλώσεις. Για παράδειγμα, η ξενάγηση με λεωφορείο χρησιμοποιεί το πρόσθετο FooEvents bookings και επαναλαμβάνεται σε διάφορες ημερομηνίες και ώρες. Μπορείτε να δημιουργήσετε ένα ημερολόγιο που εμφανίζει μόνο αυτές τις χρονοθυρίδες, καθορίζοντας το αναγνωριστικό του προϊόντος. Το μόνο που θα χρειαστεί να κάνετε είναι να λάβετε το αναγνωριστικό, να δημιουργήσετε μια καρτέλα με όνομα Bus Tour και να ορίσετε το αναγνωριστικό του προϊόντος για την παράμετρο post. Στη συνέχεια, το ημερολόγιο θα εμφανίζει μόνο τις κρατήσεις για αυτό το γεγονός.

Αυτό είναι! Τώρα ξέρετε πώς να χρησιμοποιήσετε το FooEvents και το Elementor για να προσθέσετε ημερολόγια εκδηλώσεων στον ιστότοπό σας που εμφανίζουν πολλαπλά γεγονότα σε διάφορες καρτέλες χρησιμοποιώντας διάφορους τρόπους εμφάνισης. Κάθε ένα από αυτά τα ημερολόγια μπορεί να φιλτραριστεί περαιτέρω χρησιμοποιώντας έναν αριθμό παραμέτρων σύντομου κώδικα. Μπορείτε να διαβάσετε περισσότερα σχετικά με αυτές, επισκεπτόμενοι το κέντρο βοήθειας του FooEvents και μεταβαίνοντας στην ενότητα συντομεύσεις ημερολογίου βοήθεια doc.

Μπορεί επίσης να σας ενδιαφέρει αυτό το περιεχόμενο από τον συνεργάτη μας FooSales WooCommerce POS:

Εγγραφείτε στο ενημερωτικό μας δελτίο

Λάβετε πρώτοι ενημερώσεις προϊόντων και ειδικές προσφορές