Potrebujete na svojom webe profesionálne vyzerajúci živý kalendár, aby ste návštevníkov informovali o nadchádzajúcich udalostiach alebo si naplánovali stretnutie? Namiesto vytvárania niečoho od začiatku alebo používania vlastnej aplikácie kalendára, ktorá nemusí dostávať budúce aktualizácie, prečo nepoužiť niečo, čo denne používajú milióny iných?

Ak pôjdete touto cestou, môžete na svoju stránku vložiť Kalendár Google . ^{(Google Calendar)}Je tiež zadarmo a ľahko sa používa. Všetko, čo potrebujete, aby ste mohli začať, je účet Google .

Začnite^(Get) prihlásením sa do svojho účtu Google , kliknite na mriežku aplikácií vedľa svojej profilovej fotky a kliknite na Kalendár^(Calendar) .

Získajte kód na vloženie^{(Get the Embed Code)}

Otvorte Možnosti^{(Options by )} kliknutím na tri bodky vedľa kalendára, ktorý chcete vložiť.  

V kontextovom okne kliknite na položku Nastavenia a zdieľanie^{(Settings and sharing)} .

Rolujte^(Scroll) nadol po stránke nastavení kalendára^(Calendar) , kým nenájdete sekciu Integrovať kalendár .^{(Integrate calendar)}

Ak chcete, aby bol váš kalendár viditeľný pre všetkých a nielen pre tých, s ktorými ho zdieľate, musíte ho zverejniť^{( make it public)} .

Ak to chcete urobiť, začiarknite políčko vedľa položky Sprístupniť verejnosti^{(Make available to public)} v časti Prístupové povolenia^{(Access permissions)} .

Vložte kód do sekcie HTML webovej stránky alebo príspevku. Ak napríklad používate WordPress , vytvorte novú stránku.

Kliknutím na Text prepnete do HTML editora. Skopírujte kód na vloženie^(Embed) z kalendára Google a prilepte ho na stránku.

Kliknite na kartu Vizuálne^{(Visual )} , aby ste videli, ako vyzerá kalendár na vašej stránke. Môžete tiež vybrať možnosť Ukážka^(Preview) a zobraziť ju v prednej časti svojej webovej lokality.

Prilepte HTML^{(Calendar HTML)} kód kalendára na ľubovoľnú webovú stránku, kde máte povolené vkladať objekty.

Ak sa vám páčia predvolené nastavenia formátu kalendára od Googlu, môžete začať. Ak chcete zmeniť farbu, veľkosť a ďalšie možnosti svojho kalendára, môžete prispôsobiť jeho nastavenia.

Prispôsobte nastavenia Kalendára Google^{(Customize Google Calendar Settings)}

Kliknite na tlačidlo Prispôsobiť^(Customize) umiestnené priamo pod kódom na vloženie. Tým sa otvorí nové okno.

Upravte alebo pridajte názov do kalendára tak, že ho napíšete do poľa Názov kalendára^{(Calendar title)} . Ak chcete, aby sa zobrazoval názov, zapnite políčko vedľa položky Názov^(Title) .

^(Specify)Začiarknutím nasledujúcich nastavení v časti Zobraziť ^(Show)zadajte , ktoré prvky chcete zobraziť vo svojom kalendári :

• Názov
• Navigačné tlačidlá
• Údaje
• Ikona tlače
• Karty
• Zoznam kalendárov
• Časové pásmo

Predvolená veľkosť Kalendára Google^{(Google Calendar)} je 800 x 600. Veľkosť zmeníte presunutím šípok nahor a nadol vedľa položky Šírka^(Width) a Výška^(Height) .

Ak chcete napríklad vložiť kalendár na bočný panel, zmenšite šírku^(Width) na menšiu veľkosť, napríklad 300.

Medzi ďalšie nastavenia, ktoré si môžete prispôsobiť, patria:

• Farba pozadia^(Background) , aby zodpovedala farbe vašej značky
• Časové pásmo a jazyk
• Ohraničenie (zapnuté alebo vypnuté)
• Predvolený mesiac
• Prvý deň v týždni

Po prispôsobení možností si zobrazte svoj posledný živý kalendár na svojej webovej stránke. Keď zmeníte udalosť v kalendári, automaticky sa aktualizuje.

Nižšie^(Below) je snímka obrazovky mesačného zobrazenia.

Môžete si tiež zobraziť kalendár podľa týždňov.

Ak chcete vykonať nejaké zmeny, vždy sa môžete vrátiť do nastavení Kalendára Google^{(Google Calendar)} a upraviť ich.

Po vykonaní akýchkoľvek aktualizácií formátovania, aby odrážal nové zmeny , nezabudnite skopírovať a prilepiť nový kód HTML .

Ako umožniť návštevníkom uložiť udalosť v kalendári^{(How to Let Visitors Save a Calendar Event)}

Ak chcete návštevníkom umožniť uložiť si vašu udalosť do vlastného Kalendára Google^{(Google Calendar)} , pridajte na svoj web tlačidlo. Uistite^(Make) sa, že váš kalendár je verejný.

Otvorte svoj Kalendár Google^{(Google Calendar)} . Upozorňujeme, že zmeny je možné vykonať iba z počítača a nie z mobilnej aplikácie.

Ak chcete pridať udalosť, vyberte deň, do ktorého ju chcete pridať, a kliknite na Vytvoriť^(Create) v ľavom hornom rohu.

Vo vyskakovacom okne vyplňte^(Fill) podrobnosti o vašej udalosti a kliknite na Uložiť^(Save) .

Ak chcete otvoriť udalosť v kalendári, dvakrát na ňu kliknite. Potom kliknutím na tri bodky v pravom hornom rohu otvorte Možnosti^(Options) a vyberte možnosť Zverejniť udalosť^{(Publish event)} .

Vložte kód HTML z kontextového okna na svoju webovú lokalitu, aby ste návštevníkom umožnili pridať udalosť do vlastného Kalendára Google^{(Google Calendar)} .

Vráťte sa na svoju webovú lokalitu a prilepte kód zo zdrojového alebo HTML zobrazenia na miesto, kde chcete zobraziť tlačidlo udalosti.

Keď návštevník klikne na tlačidlo Kalendár Google^{(Google Calendar)} , otvorí sa mu kalendár a pridá sa doň udalosť. Môžete tiež pozvať ľudí na vašu udalosť pomocou odkazu zobrazeného v tom istom kontextovom okne.

Vložte Kalendár Google do WordPress pomocou doplnkov^{(Embed Google Calendar into WordPress Using Plugins)}

Rovnako ako u väčšiny funkcií vo WordPress existuje na to doplnok. Vloženie Kalendára Google^{(Google Calendar)} na webovú stránku WordPress nie je výnimkou. Nižšie je uvedených niekoľko doplnkov  WordPress , ktoré by ste mali zvážiť.^(WordPress)

Jednoduchý doplnok kalendára^{(Simple Calendar Plugin)}

Jednoduchý kalendár^{(Simple Calendar)} zobrazuje vaše udalosti podľa týždňa, mesiaca alebo v zozname. Ľahko sa nastavuje, reaguje na mobilné zariadenia a prispôsobuje sa vašim potrebám.

Medzi ďalšie funkcie patrí: 

• Spravujte udalosti v službe Google^(Google) a nechajte ich automaticky aktualizovať vo WordPress
• Udalosti s farebným kódom
• Intuitívne a jednoduché na konfiguráciu
• Ďalšie funkcie s doplnkami^{( add-ons)}

Tento doplnok je vynikajúcou voľbou pre skúsených používateľov Kalendára Google . ^{(Google Calendar)}Jednou z unikátnych funkcií je schopnosť prenášať farebne odlíšené udalosti.

Dan's Embedder pre Kalendár Google^{(Dan’s Embedder for Google Calendar)}

Zobrazte^{(Display Google)} kalendáre Google v zozname alebo v úplnom zobrazení pomocou aplikácie Dan's Embedder pre Kalendár Google^{(Google Calendar)} .

Vo WordPress^(WordPress) nie je potrebné spravovať ani importovať udalosti . Potrebujete iba jeden alebo viacero verejných kalendárov Google^{(Google Calendars)} . Medzi ďalšie funkcie patrí:

• Konfigurujte možnosti pomocou krátkych kódov
• Zadajte, koľko položiek sa má zobraziť
• Vložiť viacero kalendárov 

Tento doplnok vyžaduje kľúč API . Ak chcete získať svoje, postupujte podľa nasledujúcich krokov:

• Navštívte Google Developers Console
• V bočnej ponuke začiarknite políčka API a^{(APIs and auth)} overenie > Poverenie^(Credential)
• Kliknite na tlačidlo Vytvoriť nový kľúč^{(Create new key)} v časti Prístup k verejnému rozhraniu API^{(Public API)}
• Vyberte kľúč prehliadača^{(Browser key)} a ponechajte pole Obmedzenie referrera^{(Referrer Limitation)} prázdne
• Vložte tento kľúč na stránku nastavení doplnku

Kalendár podujatí WD^{(Event Calendar WD)}

Vytvorte^(Create) propagáciu udalosti a spravujte alebo pridávajte udalosti do svojho blogu WordPress pomocou ^(WordPress)Kalendára udalostí WD^{(Event Calendar WD)} .

Poskytnite podrobný popis svojich udalostí pomocou editora WordPress , pripojte značky a priraďte ku každej z nich kategórie. Niektoré ďalšie funkcie zahŕňajú:

• Užívateľsky prívetivé rozhranie pre plnú kontrolu nad tým, ako zobrazujete kalendáre a udalosti na vašom webe
• Ľahko si prispôsobujte a spravujte svoje kalendáre
• Neobmedzený počet kalendárov a udalostí
• Optimalizujte každú udalosť pre lepšiu SEO a viditeľnosť pre vyhľadávače
• Povoľte tlačidlá zdieľania na sociálnych sieťach, aby ste mohli šíriť informácie o svojich udalostiach

Jednoduchý rezervačný kalendár WP^{(WP Simple Booking Calendar)}

Rýchlo^(Quickly) a jednoducho nainštalujte a vložte kalendáre Google^{(Google Calendars)} na svoje webové stránky.

Bezplatná verzia WP Simple Booking Calendar vám poskytuje prístup k základným funkciám, ktoré potrebujete, ako je napríklad sledovanie vašich udalostí. Medzi hlavné výhody bezplatnej verzie patria:

• Responzívne rozloženie
• Zálohujte^(Backup) a obnovujte dáta a kalendáre
• Ukážte svoju dostupnosť 

Ak chcete získať pokročilejšie funkcie publikovania a úprav, môžete prejsť na verziu Premium .

Používatelia, ktorí chcú spravovať a zobrazovať dostupnosť svojich služieb na svojich webových stránkach alebo oznamovať nadchádzajúce udalosti, budú mať veľký úžitok z vloženia Kalendára Google^{(Google Calendar)} na svoju stránku.

Integrácia kalendára priamo na váš web udrží návštevníkov na vašom webe a zvýši šance, že si dohodnú stretnutie alebo sa prihlásia na podujatie.

Všetko, čo potrebujete, je internetové pripojenie, webový prehliadač a účet Google na vytvorenie a zobrazenie profesionálne vyzerajúceho kalendára na vašej stránke.

How To Embed Google Calendar On Your Website

Do you need a professional-looking live calendar on your website to let visitors know about upcоming еνents or to schedυle an appointment? Instead of building something from scratch or using some сustom calendar app that might not get future updates, why not use something that millions of others are usіng on a daily 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

• Ako vložiť formuláre Google na svoj web

• Ako používať Kalendár Google: 10 profesionálnych tipov

• Ako používať rodinný kalendár Google, aby vaša rodina mala čas

• 2 skratky panela s adresou prehliadača Chrome na vytváranie udalostí v kalendári Google

• Metódy používateľského prieskumu Google Analytics na zvýšenie návštevnosti webových stránok

• Pridajte trasu jazdy v Mapách Google na svoj web

• Čo je aplikácia Google a ako ju používať

• Ako používať rozbaľovacie zoznamy Tabuliek Google

• Ako zmeniť predvolený účet Google

• Ako funguje algoritmus YouTube?

• Ako nastaviť hlasovú schránku v službe Google Voice

• Prečo je Kalendár Google najlepšou službou online kalendára

• 3 spôsoby, ako vytvoriť hranice v Dokumentoch Google

• 23 praktických klávesových skratiek Kalendára Google

• Môžete odstrániť všetky e-maily z Gmailu naraz?

• Čo sú upozornenia Googlu na kontakt na ochranu proti COVID?

• Ako zrušiť alebo pozastaviť predplatné YouTube Premium

• Ako používať viacero zastávok v Mapách Google

• 7 najlepších doplnkov Gmailu

• Ako zobraziť históriu vyhľadávania v Mapách Google