Professzionális megjelenésű élő naptárra van szüksége a webhelyén, hogy tájékoztassa a látogatókat a közelgő eseményekről, vagy időpontot egyeztethessen? Ahelyett, hogy a semmiből építene valamit, vagy olyan egyéni naptáralkalmazást használna, amely esetleg nem kap frissítéseket a jövőben, miért ne használna olyat, amit több millióan használnak naponta?

Ezen az úton haladva beágyazhat egy Google Naptárt^{(Google Calendar)} a webhelyébe. Ez is ingyenes és könnyen használható. A kezdéshez mindössze egy Google - fiókra van szüksége.

Kezdje^(Get) azzal, hogy jelentkezzen be Google -fiókjába, kattintson a profilképe melletti alkalmazások rácsára, majd kattintson a Naptár^(Calendar) elemre .

Szerezze be a beágyazási kódot^{(Get the Embed Code)}

Nyissa meg a Beállítások^{(Options by )} elemet a beágyazni kívánt naptár melletti három pontra kattintva.  

Kattintson a Beállítások és megosztás^{(Settings and sharing)} elemre a felugró ablakban.

Görgessen^(Scroll) lefelé a Naptár^(Calendar) beállításai oldalon, amíg meg nem találja a Naptár integrálása^{(Integrate calendar)} részt.

Ha azt szeretné, hogy a naptár mindenki számára látható legyen, ne csak azok, akikkel megosztja, nyilvánossá kell tennie^{( make it public)} .

Ehhez kapcsolja be a Nyilvánossá tétel melletti négyzetet a ^{(Make available to public)}Hozzáférési engedélyek^{(Access permissions)} alatt .

Illessze be a kódot egy weboldal vagy bejegyzés HTML részébe. ^(HTML)Például, ha WordPress -t használ , hozzon létre egy új oldalt.

Kattintson a Szöveg elemre a ^{(Text )}HTML - szerkesztőre váltáshoz . Másolja ki a beágyazási^(Embed) kódot a Google naptárából, és illessze be az oldalra.

Kattintson a Vizuális^{(Visual )} fülre, hogy megnézze, hogyan néz ki a naptár az oldalon. Az Előnézet elemet^(Preview) is kiválaszthatja , ha azt a webhelye elején szeretné látni.

Illessze be a naptár HTML^{(Calendar HTML)} -kódját bármely olyan weboldalra, ahol engedélyezett az objektumok beágyazása.

Ha szereti a Google alapértelmezett formátumbeállításait a naptárhoz, akkor készen áll. A naptár színének, méretének és egyéb beállításainak módosításához testreszabhatja a beállításait.

A Google Naptár beállításainak testreszabása^{(Customize Google Calendar Settings)}

Kattintson a közvetlenül a beágyazási kód alatt található Testreszabás gombra. ^(Customize)Ez egy új ablakot nyit meg.

Szerkessze vagy adjon hozzá címet a naptárához, ha beírja a Naptár címe^{(Calendar title)} alá . Ha szeretné, hogy a cím megjelenjen, engedélyezze a Cím^(Title) melletti négyzetet .

Adja meg^(Specify) , hogy mely elemeket szeretné megjeleníteni a naptárában a következő beállításokkal a Megjelenítés^(Show) alatt :

• Cím
• Navigációs gombok
• Adat
• Nyomtatás ikonra
• Tabs
• Naptár lista
• Időzóna

A Google Naptár alapértelmezett mérete 800 x 600. Módosítsa a méretet a ^{(Google Calendar)}Szélesség^(Width) és Magasság^(Height) melletti fel és le nyilak mozgatásával .

Ha például egy naptárt szeretne beágyazni az oldalsávba, csökkentse a Szélesség értékét^(Width) kisebb méretre, például 300-ra.

További testreszabható beállítások a következők:

• ^(Background)A márkaszínhez illő háttérszín
• Időzóna és nyelv
• Szegély (be vagy ki)
• Alapértelmezett hónap
• A hét első napja

Miután személyre szabta a beállításokat, tekintse meg végleges élő naptárát a weboldalán. Ha módosít egy eseményt a naptárában, az automatikusan frissül.

Az alábbiakban^(Below) a havi nézet képernyőképe látható.

Naptárát heti bontásban is megtekintheti.

Ha módosítani szeretne, bármikor visszatérhet a Google Naptár^{(Google Calendar)} beállításaihoz, és módosíthatja azokat.

Mindenképpen másolja és illessze be az új HTML -kódot, miután bármilyen formázási frissítést végrehajtott, hogy tükrözze az új módosításokat.

Hogyan hagyhatjuk, hogy a látogatók elmentsenek egy naptári eseményt^{(How to Let Visitors Save a Calendar Event)}

Ha engedélyezni szeretné a látogatóknak, hogy elmentsék az eseményt a saját Google Naptárukba^{(Google Calendar)} , adjon hozzá egy gombot a webhelyéhez. Győződjön^(Make) meg arról, hogy a naptár nyilvános.

Nyissa meg a Google Naptárát^{(Google Calendar)} . Vegye figyelembe, hogy módosításokat csak számítógépről lehet végrehajtani, mobilalkalmazásból nem.

Esemény hozzáadásához válassza ki azt a napot, amelyhez hozzá szeretné adni, majd kattintson a Létrehozás^(Create) gombra a bal felső sarokban.

Az előugró^(Fill) ablakban adja meg az esemény adatait, majd kattintson a Mentés^(Save) gombra .

Egy esemény megnyitásához a naptárban kattintson rá duplán. Ezután kattintson a három pontra a jobb felső sarokban a Beállítások^(Options) megnyitásához , és válassza az Esemény közzététele^{(Publish event)} lehetőséget .

Illessze be a HTML -kódot a webhely felugró ablakából, hogy a látogatók hozzáadhassák az eseményt saját Google-naptárukhoz^{(Google Calendar)} .

Menjen vissza a webhelyére, és illessze be a kódot a forrás- vagy HTML - nézetből arra a helyre, ahol meg szeretné jeleníteni az eseménygombot.

Amikor egy látogató a Google Naptár^{(Google Calendar)} gombra kattint, megnyílik a naptár, és hozzáadja az eseményt. Másokat is meghívhat az eseményre az ugyanabban a felugró ablakban megjelenő hivatkozás segítségével.

A Google Naptár beágyazása a WordPressbe bővítmények segítségével^{(Embed Google Calendar into WordPress Using Plugins)}

A WordPress^(WordPress) legtöbb funkciójához hasonlóan ehhez is létezik beépülő modul. Ez alól a Google Naptár^{(Google Calendar)} beágyazása egy WordPress webhelybe^(WordPress) sem kivétel. Az alábbiakban több WordPress beépülő modul található, amelyeket érdemes megfontolni. 

Egyszerű Calendar Plugin^{(Simple Calendar Plugin)}

Az egyszerű naptár^{(Simple Calendar)} hét, hónap vagy lista szerint jeleníti meg az eseményeket. Könnyen beállítható, mobilra érzékeny, és az Ön igényei szerint testreszabható.

További jellemzők: 

• Kezelje az eseményeket a Google -ban , és automatikusan frissítse őket a WordPressben^(WordPress)
• Színkód események
• Intuitív és egyszerű konfigurálás
• További funkciók kiegészítőkkel^{( add-ons)}

Ez a beépülő modul kiváló választás a Google Naptár^{(Google Calendar)} gyakorlott felhasználóinak. Az egyik egyedülálló funkció a színkódolt események átvitelének képessége.

Dan Embedder a Google Naptárhoz^{(Dan’s Embedder for Google Calendar)}

Jelenítse^{(Display Google)} meg a Google-naptárakat listában vagy teljes nézetben a Dan's Embedder for Google Calendar segítségével .

Nincs szükség események kezelésére vagy importálására a WordPressben^(WordPress) . Csak egy vagy több nyilvános Google-naptárra^{(Google Calendars)} van szüksége . További jellemzők:

• Konfigurálja az opciókat rövid kódokkal
• Adja meg, hány elemet kell megjeleníteni
• Több naptár beágyazása 

Ehhez a bővítményhez API - kulcs szükséges. Kövesse az alábbi lépéseket, hogy megszerezze a sajátját:

• Keresse fel a Google Developers Console-t^{(Google Developers Console)}
• Az oldalsó menüben jelölje be az API-k és hitelesítés^{(APIs and auth)} > Hitelesítési adatok lehetőséget^(Credential)
• Kattintson az Új kulcs létrehozása^{(Create new key)} gombra a Nyilvános API^{(Public API)} hozzáférés részben
• Válassza a Böngésző kulcsot^{(Browser key)} , és hagyja üresen a Hivatkozók korlátozását^{(Referrer Limitation)}
• Helyezze ezt a kulcsot a bővítmény beállítási oldalára

Eseménynaptár WD^{(Event Calendar WD)}

Hozzon létre^(Create) eseménypromóciót, és kezeljen vagy adjon hozzá eseményeket WordPress blogjához az Event Calendar WD segítségével .

Adjon részletes leírást az eseményekről a WordPress szerkesztő segítségével, csatoljon címkéket, és rendeljen hozzá kategóriákat mindegyikhez. Néhány egyéb szolgáltatás a következőket tartalmazza:

• Felhasználóbarát felület a naptárak és események webhelyén való megjelenítésének teljes körű szabályozásához
• Könnyen testreszabhatja és kezelheti naptárait
• Korlátlan számú naptár és esemény
• Optimalizáljon minden eseményt a jobb SEO és keresőmotor láthatóság érdekében
• Engedélyezze a közösségi megosztás gombjait, hogy hírét terjeszthesse eseményeiről

WP egyszerű foglalási naptár^{(WP Simple Booking Calendar)}

Gyorsan^(Quickly) és egyszerűen telepítheti és beágyazhatja webhelyére a Google Naptárakat^{(Google Calendars)} .

A WP Simple Booking Calendar ingyenes verziója hozzáférést biztosít a szükséges alapvető funkciókhoz, például az események nyomon követéséhez. Az ingyenes verzió legfontosabb elemei a következők:

• Reszponszív Elhelyezés
• ^(Backup)Adatok és naptárak biztonsági mentése és visszaállítása
• Jelenítse meg elérhetőségét 

A fejlettebb közzétételi és szerkesztési funkciókhoz frissíthet a prémium^(Premium) verzióra.

Azok a felhasználók, akik saját webhelyükön szeretnék kezelni és megjeleníteni szolgáltatásaik elérhetőségét, vagy bejelenteni a közelgő eseményeket, nagy hasznot húznak abból, ha beágyaznak egy Google^{(Google Calendar)} -naptárt webhelyükre.

Ha közvetlenül a webhelyére integrál egy naptárt, akkor a látogatók a webhelyen maradnak, és megnő annak esélye, hogy időpontot foglalnak vagy regisztrálnak egy eseményre.

Csak internetkapcsolatra, webböngészőre és Google -fiókra van szüksége ahhoz, hogy professzionális megjelenésű naptárat hozzon létre és jelenítsen meg webhelyén.

How To Embed Google Calendar On Your Website

Do yоu need a professiоnal-looking live calendar on your wеbsite to let visitors know about upcoming events or to schedule an appointment? Instead of buildіng something from scratch or using some custom cаlendar app that might not get future updates, why not usе sоmething that millіons of others are using on a daily baѕis?

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-űrlapok beágyazása webhelyére

• A Google Naptár használata: 10 profi tipp

• A Google Családi Naptár használata családja időben történő tartásához

• 2 Chrome címsor-parancsikon a Google naptári események létrehozásához

• A Google Analytics felhasználói kutatási módszerei a webhely forgalmának növelésére

• A 7 legjobb Gmail-bővítmény

• YouTube Premium-előfizetés lemondása vagy szüneteltetése

• Chrome-könyvjelzők exportálása és importálása

• Mi az a Google „szokatlan forgalom” hibája, és hogyan javítható?

• A Gmail javítása, ha nem kap e-maileket

• Google-naptár megosztása

• 3 módszer a szegélyek létrehozására a Google Dokumentumokban

• A hangposta beállítása a Google Voice-on

• Mit jelent a mutató és a dimenzió a Google Analytics szolgáltatásban?

• Több megálló használata a Google Térképen

• Mi a Google alkalmazás és hogyan kell használni

• Hogyan igényelhet vállalkozást a Google-on

• A Google Biztonságos Keresés kikapcsolása

• A YouTube előzményeinek és keresési tevékenységeinek törlése

• Google-űrlap készítése: Teljes útmutató