Χρειάζεστε ένα ζωντανό ημερολόγιο με επαγγελματική εμφάνιση στον ιστότοπό σας για να ενημερώνετε τους επισκέπτες για επερχόμενες εκδηλώσεις ή να προγραμματίσετε ένα ραντεβού; Αντί να δημιουργήσετε κάτι από την αρχή ή να χρησιμοποιήσετε κάποια προσαρμοσμένη εφαρμογή ημερολογίου που ενδέχεται να μην λάβει μελλοντικές ενημερώσεις, γιατί να μην χρησιμοποιήσετε κάτι που χρησιμοποιούν εκατομμύρια άλλοι σε καθημερινή βάση;

Ακολουθώντας αυτήν τη διαδρομή, μπορείτε να ενσωματώσετε ένα Ημερολόγιο Google^{(Google Calendar)} στον ιστότοπό σας. Είναι επίσης δωρεάν και εύκολο στη χρήση. Το μόνο που χρειάζεστε για να ξεκινήσετε είναι ένας λογαριασμός Google .

Ξεκινήστε^(Get) κάνοντας σύνδεση στον λογαριασμό σας Google , κάντε κλικ στο πλέγμα εφαρμογών δίπλα στην εικόνα του προφίλ σας και κάντε κλικ στο Ημερολόγιο^(Calendar) .

Λάβετε τον κώδικα ενσωμάτωσης^{(Get the Embed Code)}

Ανοίξτε τις Επιλογές^{(Options by )} κάνοντας κλικ στις τρεις τελείες δίπλα στο ημερολόγιο που θέλετε να ενσωματώσετε.  

Κάντε κλικ στο Ρυθμίσεις και κοινή χρήση^{(Settings and sharing)} από το αναδυόμενο παράθυρο.

Κάντε κύλιση^(Scroll) προς τα κάτω στη σελίδα ρυθμίσεων ημερολογίου^(Calendar) μέχρι να βρείτε την ενότητα Ενσωμάτωση ημερολογίου^{(Integrate calendar)} .

Για να κάνετε το ημερολόγιό σας ορατό σε όλους και όχι μόνο σε όσους το μοιράζεστε, θα πρέπει να το κάνετε δημόσιο^{( make it public)} .

Για να το κάνετε αυτό, ενεργοποιήστε το πλαίσιο δίπλα στην επιλογή Διαθέσιμο σε δημόσιο^{(Make available to public)} κάτω από τα δικαιώματα πρόσβασης^{(Access permissions)} .

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

Κάντε κλικ στο Κείμενο^{(Text )} για να μεταβείτε στον επεξεργαστή HTML . Αντιγράψτε τον κώδικα ενσωμάτωσης από το ημερολόγιό σας Google ^(Embed)και^(Google) επικολλήστε τον στη σελίδα.

Κάντε κλικ στην καρτέλα Visual για να δείτε πώς φαίνεται το ημερολόγιο στη σελίδα σας. Μπορείτε επίσης να επιλέξετε Προεπισκόπηση^(Preview) για να το δείτε στο μπροστινό μέρος του ιστότοπού σας.

Επικολλήστε τον κώδικα HTML του Ημερολογίου^{(Calendar HTML)} σε οποιαδήποτε ιστοσελίδα όπου σας επιτρέπεται να ενσωματώνετε αντικείμενα.

Εάν σας αρέσουν οι προεπιλεγμένες ρυθμίσεις μορφής της Google για το ημερολόγιο, είστε έτοιμοι. Για να αλλάξετε το χρώμα, το μέγεθος και άλλες επιλογές του ημερολογίου σας, μπορείτε να προσαρμόσετε τις ρυθμίσεις του.

Προσαρμόστε τις Ρυθμίσεις Ημερολογίου Google^{(Customize Google Calendar Settings)}

Κάντε κλικ στο κουμπί Προσαρμογή^(Customize) που βρίσκεται ακριβώς κάτω από τον κώδικα ενσωμάτωσης. Αυτό θα ανοίξει ένα νέο παράθυρο.

Επεξεργαστείτε ή προσθέστε έναν τίτλο στο ημερολόγιό σας πληκτρολογώντας τον κάτω από τον τίτλο Ημερολόγιο^{(Calendar title)} . Εάν θέλετε να εμφανίζεται ο τίτλος, ενεργοποιήστε το πλαίσιο δίπλα στο Τίτλος^(Title) .

Καθορίστε^(Specify) ποια στοιχεία θέλετε να εμφανίζονται στο ημερολόγιό σας, ελέγχοντας τις ακόλουθες ρυθμίσεις στην ενότητα Εμφάνιση^(Show) :

• Τίτλος
• Κουμπιά πλοήγησης
• Δεδομένα
• Εικονίδιο εκτύπωσης
• Καρτέλες
• Λίστα ημερολογίου
• Ζώνη ώρας

Το προεπιλεγμένο μέγεθος του Ημερολογίου Google^{(Google Calendar)} είναι 800 επί 600. Αλλάξτε το μέγεθος μετακινώντας τα πάνω και κάτω βέλη δίπλα στο Πλάτος^(Width) και Ύψος^(Height) .

Για παράδειγμα, εάν θέλετε να ενσωματώσετε ένα ημερολόγιο σε μια πλαϊνή γραμμή, μειώστε το Πλάτος^(Width) σε μικρότερο μέγεθος, όπως 300.

Άλλες ρυθμίσεις που μπορείτε να προσαρμόσετε περιλαμβάνουν:

• Χρώμα φόντου^(Background) για να ταιριάζει με το χρώμα της επωνυμίας σας
• Ζώνη ώρας και γλώσσα
• Περίγραμμα (ενεργό ή απενεργοποιημένο)
• Προεπιλεγμένος μήνας
• Πρώτη μέρα της εβδομάδας

Αφού προσαρμόσετε τις επιλογές, προβάλετε το τελικό ζωντανό ημερολόγιό σας στην ιστοσελίδα σας. Όταν αλλάζετε ένα συμβάν στο ημερολόγιό σας, θα ενημερώνεται αυτόματα.

Παρακάτω^(Below) είναι ένα στιγμιότυπο οθόνης της μηνιαίας προβολής.

Μπορείτε επίσης να δείτε το ημερολόγιό σας ανά εβδομάδα.

Εάν θέλετε να κάνετε οποιεσδήποτε αλλαγές, μπορείτε πάντα να επιστρέψετε στις ρυθμίσεις του Ημερολογίου Google^{(Google Calendar)} και να τις προσαρμόσετε..

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

Πώς να αφήσετε τους επισκέπτες να αποθηκεύσουν ένα συμβάν ημερολογίου^{(How to Let Visitors Save a Calendar Event)}

Για να επιτρέψετε στους επισκέπτες να αποθηκεύσουν την εκδήλωσή σας στο δικό τους Ημερολόγιο Google^{(Google Calendar)} , προσθέστε ένα κουμπί στον ιστότοπό σας. Βεβαιωθείτε^(Make) ότι το ημερολόγιό σας είναι δημόσιο.

Ανοίξτε το Ημερολόγιο Google^{(Google Calendar)} . Σημειώστε ότι οι αλλαγές μπορούν να γίνουν μόνο από υπολογιστή και όχι από εφαρμογή για κινητά.

Για να προσθέσετε ένα συμβάν, επιλέξτε την ημέρα στην οποία θέλετε να το προσθέσετε και κάντε κλικ στο Δημιουργία^(Create) στην επάνω αριστερή γωνία.

Συμπληρώστε^(Fill) τα στοιχεία της εκδήλωσής σας στο αναδυόμενο παράθυρο και κάντε κλικ στην Αποθήκευση^(Save) .

Για να ανοίξετε ένα συμβάν στο ημερολόγιό σας, κάντε διπλό κλικ σε αυτό. Στη συνέχεια, κάντε κλικ στις τρεις τελείες στην επάνω δεξιά γωνία για να ανοίξετε τις Επιλογές^(Options) και επιλέξτε Δημοσίευση συμβάντος^{(Publish event)} .

Ενσωματώστε τον κώδικα HTML από το αναδυόμενο παράθυρο στον ιστότοπό σας για να επιτρέψετε στους επισκέπτες να προσθέσουν το συμβάν στο δικό τους Ημερολόγιο Google^{(Google Calendar)} .

Επιστρέψτε στον ιστότοπό σας και επικολλήστε τον κώδικα από την προβολή πηγής ή HTML όπου θέλετε να εμφανίζεται το κουμπί συμβάντος.

Όταν ένας επισκέπτης κάνει κλικ στο κουμπί Ημερολόγιο Google^{(Google Calendar)} , θα ανοίξει το ημερολόγιό του και θα προσθέσει το συμβάν σε αυτό. Μπορείτε επίσης να προσκαλέσετε άτομα στην εκδήλωσή σας χρησιμοποιώντας τον σύνδεσμο που εμφανίζεται στο ίδιο αναδυόμενο παράθυρο.

Ενσωματώστε το Ημερολόγιο Google στο WordPress με χρήση προσθηκών^{(Embed Google Calendar into WordPress Using Plugins)}

Όπως συμβαίνει με τις περισσότερες λειτουργίες στο WordPress , υπάρχει μια προσθήκη για αυτό. Η ενσωμάτωση ενός Ημερολογίου Google^{(Google Calendar)} σε έναν ιστότοπο WordPress δεν αποτελεί εξαίρεση. Παρακάτω υπάρχουν πολλά πρόσθετα  WordPress που μπορείτε να σκεφτείτε να χρησιμοποιήσετε.^(WordPress)

Απλό πρόσθετο ημερολογίου^{(Simple Calendar Plugin)}

Το Απλό Ημερολόγιο^{(Simple Calendar)} εμφανίζει τα συμβάντα σας ανά εβδομάδα, μήνα ή σε λίστα. Είναι εύκολο στη ρύθμιση, ανταποκρίνεται σε κινητά και προσαρμόζεται στις ανάγκες σας.

Άλλα χαρακτηριστικά περιλαμβάνουν: 

• Διαχειριστείτε συμβάντα στο Google και ενημερώστε τα αυτόματα στο WordPress
• Συμβάντα χρωματικού κώδικα
• Διαισθητικό και απλό στη διαμόρφωση
• Πρόσθετη λειτουργικότητα με πρόσθετα^{( add-ons)}

Αυτή η προσθήκη είναι μια εξαιρετική επιλογή για ισχυρούς χρήστες του Ημερολογίου Google^{(Google Calendar)} . Ένα μοναδικό χαρακτηριστικό είναι η δυνατότητα μεταφοράς συμβάντων με χρωματική κωδικοποίηση.

Dan's Embedder για το Ημερολόγιο Google^{(Dan’s Embedder for Google Calendar)}

Εμφάνιση^{(Display Google)} ημερολογίων Google σε λίστα ή πλήρη προβολή με το Dan's Embedder για το Ημερολόγιο Google^{(Google Calendar)} .

Δεν υπάρχει ανάγκη διαχείρισης ή εισαγωγής συμβάντων στο WordPress . Χρειάζεστε μόνο ένα ή περισσότερα δημόσια Ημερολόγια Google^{(Google Calendars)} . Άλλα χαρακτηριστικά περιλαμβάνουν:

• Διαμόρφωση επιλογών με σύντομους κωδικούς
• Καθορίστε πόσα στοιχεία θα εμφανίζονται
• Ενσωματώστε πολλά ημερολόγια 

Αυτή η προσθήκη απαιτεί κλειδί API . Ακολουθήστε τα παρακάτω βήματα για να αποκτήσετε το δικό σας:

• Επισκεφτείτε το Google Developers Console^{(Google Developers Console)}
• Από το πλαϊνό μενού, ελέγξτε τα API και την ταυτότητα^{(APIs and auth)} > Διαπιστευτήρια^(Credential)
• Κάντε κλικ στο κουμπί Δημιουργία νέου κλειδιού^{(Create new key)} από την ενότητα πρόσβασης στο δημόσιο API^{(Public API)}
• Επιλέξτε το πλήκτρο Browser^{(Browser key)} και αφήστε κενό το Referrer Limitation^{(Referrer Limitation)}
• Τοποθετήστε αυτό το κλειδί στη σελίδα ρυθμίσεων της προσθήκης

Ημερολόγιο συμβάντων WD^{(Event Calendar WD)}

Δημιουργήστε^(Create) μια προσφορά εκδήλωσης και διαχειριστείτε ή προσθέστε συμβάντα στο ιστολόγιό σας στο WordPress με το Ημερολόγιο εκδηλώσεων WD^{(Event Calendar WD)} .

Παρέχετε μια λεπτομερή περιγραφή των συμβάντων σας χρησιμοποιώντας το πρόγραμμα επεξεργασίας WordPress , επισυνάψτε ετικέτες και αντιστοιχίστε κατηγορίες σε καθεμία. Ορισμένα άλλα χαρακτηριστικά περιλαμβάνουν:

• Φιλική προς το χρήστη διεπαφή για πλήρη έλεγχο του τρόπου εμφάνισης ημερολογίων και συμβάντων στον ιστότοπό σας
• Προσαρμόστε και διαχειριστείτε εύκολα τα ημερολόγιά σας
• Απεριόριστος αριθμός ημερολογίων και εκδηλώσεων
• Βελτιστοποιήστε κάθε εκδήλωση για καλύτερο SEO και προβολή στις μηχανές αναζήτησης
• Ενεργοποιήστε τα κουμπιά κοινής χρήσης κοινωνικών δικτύων για να διαδώσετε τη λέξη για τις εκδηλώσεις σας

Απλό ημερολόγιο κρατήσεων WP^{(WP Simple Booking Calendar)}

^(Quickly)Εγκαταστήστε και ενσωματώστε γρήγορα και εύκολα τα Ημερολόγια Google^{(Google Calendars)} στον ιστότοπό σας.

Η δωρεάν έκδοση του WP Simple Booking Calendar σάς δίνει πρόσβαση στις βασικές λειτουργίες που χρειάζεστε, όπως η παρακολούθηση των συμβάντων σας. Τα κυριότερα σημεία της δωρεάν έκδοσης περιλαμβάνουν:

• Αποκριτική διάταξη
• Δημιουργία αντιγράφων ασφαλείας^(Backup) και επαναφορά δεδομένων και ημερολογίων
• Εμφάνιση της διαθεσιμότητάς σας 

Για πιο προηγμένες λειτουργίες δημοσίευσης και επεξεργασίας, μπορείτε να κάνετε αναβάθμιση στην έκδοση Premium .

Οι χρήστες που θέλουν να διαχειρίζονται και να εμφανίζουν τη διαθεσιμότητά τους για τις υπηρεσίες τους στον ιστότοπό τους ή να ανακοινώνουν επερχόμενες εκδηλώσεις θα επωφεληθούν πολύ από την ενσωμάτωση ενός Ημερολογίου Google^{(Google Calendar)} στον ιστότοπό τους.

Η ενσωμάτωση ενός ημερολογίου απευθείας στον ιστότοπό σας θα κρατήσει τους επισκέπτες στον ιστότοπό σας και θα αυξήσει τις πιθανότητες να κλείσουν ένα ραντεβού ή να εγγραφούν σε μια εκδήλωση.

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

How To Embed Google Calendar On Your Website

Do you need a professional-looking live calendar on your website to lеt visitors knоw about upcoming events or to schedule аn appointment? Instead of building something from scratch or using some сustom calendar app that might not get future updates, why not use something that milliоns of othеrs аre using on a dailу basis?

Going that route, you can embed a Google Calendar onto your site. It’s also free and easy to use. All you need to get started is a Google account.

Get started by logging into your Google account, click on the apps grid next to your profile picture and click on Calendar.

Get the Embed Code

Open Options by clicking on the three dots adjacent to the calendar you want to embed.  

Click on Settings and sharing from the popup.

Scroll down the Calendar settings page until you find the Integrate calendar section.

To make your calendar visible to everyone and not only those you share it with, you will need to make it public.

To do this, enable the box next to Make available to public under Access permissions.

Embed the code into the HTML section of a web page or post. For example, if you are using WordPress, create a new page.

Click on Text to switch to the HTML editor. Copy the Embed code from your Google calendar and paste it into the page.

Click on the Visual tab to see what the calendar looks like on your page. You can also select Preview to see it on the front end of your website.

Paste the Calendar HTML code into any web page where you’re allowed tto embed objects.

If you like Google’s default format settings for the calendar, you’re good to go. To change the color, size, and other options of your calendar, you can customize its settings.

Customize Google Calendar Settings

Click the Customize button located directly under the embed code. This will open a new window.

Edit or add a title to your calendar by typing it under Calendar title. If you want the title to show, enable the box next to Title.

Specify which elements you want to show on your calendar by checking the following settings under Show:

• Title
• Navigation buttons
• Data
• Print icon
• Tabs
• Calendar list
• Time Zone

The default size of the Google Calendar is 800 by 600. Change the size by moving the up and down arrows next to Width and Height.

For example, if you want to embed a calendar on a sidebar, reduce the Width to a smaller size such as 300.

Other settings you can customize include:

• Background color to match your brand color
• Time zone and language
• Border (on or off)
• Default month
• First day of the week

After you customize the options, view your final live calendar on your web page. When you change an event on your calendar, it will update automatically.

Below is a screenshot of the monthly view.

You can also view your calendar by week.

If you want to make any changes, you can always go back to your Google Calendar settings and adjust them..

Be sure to copy and paste the new HTML code after making any formatting updates  to reflect the new changes.

How to Let Visitors Save a Calendar Event

To enable visitors to save your event on their own Google Calendar, add a button to your website. Make sure your calendar is public.

Open your Google Calendar. Note that changes can only be made from a computer and not a mobile app.

To add an event, select the day you want to add it to and click on Create in the top left-hand corner.

Fill in the details of your event in the popup and click Save.

To open an event in your calendar, double-click it. Then click the three dots in the upper right-hand corner to open Options, and select Publish event.

Embed the HTML code from the popup window on your website to enable visitors to add the event to their own Google Calendar.

Go back to your website and paste the code from the source or HTML view where you want the event button to display.

When a visitor clicks on the Google Calendar button, it will open their calendar and add the event to it. You can also invite people to your event using the link displayed in the same popup window.

Embed Google Calendar into WordPress Using Plugins

As with most functions in WordPress, there is a plugin for that. Embedding a Google Calendar into a WordPress website is no exception. Below are several WordPress plugins for you to consider using. 

Simple Calendar Plugin

Simple Calendar shows your events by week, month, or in a list. It’s easy to set up, mobile responsive, and customizable to your needs.

Other features include: 

• Manage events in Google and have them updated automatically in WordPress
• Color code events
• Intuitive and straightforward to configure
• Additional functionality with add-ons

This plugin is an excellent choice for Google Calendar power users. One unique feature is the ability to transfer color-coded events.

Dan’s Embedder for Google Calendar

Display Google calendars in a list or full view with Dan’s Embedder for Google Calendar.

There is no need to manage or import events in WordPress. You only need one or more public Google Calendars. Other features include:

• Configure options with shortcodes
• Specify how many items to show
• Embed multiple calendars 

This plugin requires an API key. Follow the steps below to get yours:

• Visit Google Developers Console
• From the side menu, check APIs and auth > Credential
• Click the Create new key button from the Public API access section
• Select Browser key and leave Referrer Limitation blank
• Put this key on the plugin settings page

Event Calendar WD

Create an event promotion and manage or add events to your WordPress blog with Event Calendar WD.

Provide a detailed description of your events using the WordPress editor, attach tags, and assign categories to each one. Some other features include:

• User-friendly interface for full control over how you display calendars and events on your website
• Easily customize and manage your calendars
• An unlimited number of calendars and events
• Optimize every event for better SEO and search engine visibility
• Enable social sharing buttons to spread the word about your events

WP Simple Booking Calendar

Quickly and easily install and embed Google Calendars on your website.

The free version of WP Simple Booking Calendar gives you access to the basic features you need such as keeping track of your events. Highlights of the free version include:

• Responsive layout
• Backup and restore data and calendars
• Display your availability 

For more advanced publishing and editing functions, you can upgrade to the Premium version.

Users who want to manage and display their availability for their services on their website or announce upcoming events will benefit greatly from embedding a Google Calendar on their site.

Integrating a calendar directly on your website will keep visitors on your site and increase the chances they’ll make an appointment or sign up for an event.

All you need is an internet connection, a web browser, and a Google account to create and display a professional-looking calendar on your site.

Related posts

• Πώς να ενσωματώσετε Φόρμες Google στον ιστότοπό σας

• Πώς να χρησιμοποιήσετε το Ημερολόγιο Google: 10 επαγγελματικές συμβουλές

• Πώς να χρησιμοποιήσετε το Οικογενειακό Ημερολόγιο Google για να διατηρήσετε την οικογένειά σας έγκαιρα

• 2 Συντομεύσεις της γραμμής διευθύνσεων του Chrome για τη δημιουργία συμβάντων στο Ημερολόγιο Google

• Μέθοδοι έρευνας χρηστών του Google Analytics για την ενίσχυση της επισκεψιμότητας του ιστότοπου

• Πώς να καταργήσετε την αποστολή ενός email στο Gmail

• Δεν λαμβάνετε ειδοποιήσεις Gmail; 10 τρόποι για να διορθώσετε

• Πώς να χρησιμοποιήσετε το Google Tasks – Οδηγός έναρξης

• Google My Activity: Γιατί πρέπει να νοιάζεστε

• Πώς να χρησιμοποιήσετε τις Ειδοποιήσεις Ημερολογίου Google για να υποστηρίξετε τις ατομικές συνήθειες

• Πώς να διορθώσετε το Gmail όταν δεν λαμβάνει μηνύματα ηλεκτρονικού ταχυδρομείου

• Πώς να ταξινομήσετε ή να φιλτράρετε κατά χρώμα στα Φύλλα Google

• Πώς να χρησιμοποιήσετε το SUMIF στα Φύλλα Google

• Πώς να ρυθμίσετε το φωνητικό ταχυδρομείο στο Google Voice

• 8 Συμβουλές Αναζήτησης Google: Βρίσκετε πάντα αυτό που ψάχνετε

• Πώς να δημιουργήσετε ένα γραμμικό γράφημα στα Φύλλα Google

• Πώς λειτουργεί ο αλγόριθμος YouTube;

• Πώς να δημιουργήσετε αντίγραφα ασφαλείας του ιστορικού του Google Chrome

• Πώς να φτιάξετε μια επαγγελματική κάρτα στο Google Drive

• 9 κρυφές λειτουργίες στους Χάρτες Google που πρέπει να ελέγξετε