Potrzebujesz profesjonalnie wyglądającego kalendarza na żywo w swojej witrynie, aby informować odwiedzających o nadchodzących wydarzeniach lub umówić się na spotkanie? Zamiast budować coś od zera lub używać niestandardowej aplikacji kalendarza, która może nie otrzymywać przyszłych aktualizacji, dlaczego nie skorzystać z czegoś, z czego codziennie korzystają miliony innych osób?

Idąc tą drogą, możesz osadzić Kalendarz Google^{(Google Calendar)} w swojej witrynie. Jest również bezpłatny i łatwy w użyciu. Wszystko, czego potrzebujesz, aby rozpocząć, to konto Google .

Zacznij^(Get) od zalogowania się na swoje konto Google , kliknij siatkę aplikacji obok swojego zdjęcia profilowego i kliknij Kalendarz^(Calendar) .

Uzyskaj kod do wbudowania^{(Get the Embed Code)}

Otwórz Opcje,^{(Options by )} klikając trzy kropki obok kalendarza, który chcesz osadzić.  

Kliknij Ustawienia i udostępnianie^{(Settings and sharing)} w wyskakującym okienku.

Przewiń^(Scroll) stronę ustawień Kalendarza^(Calendar) , aż znajdziesz sekcję Zintegruj kalendarz^{(Integrate calendar)} .

Aby kalendarz był widoczny dla wszystkich, a nie tylko dla tych, którym go udostępniasz, musisz ustawić go jako publiczny^{( make it public)} .

Aby to zrobić, zaznacz pole obok Udostępnij publicznie^{(Make available to public)} w obszarze Uprawnienia dostępu^{(Access permissions)} .

Osadź kod w sekcji HTML strony internetowej lub posta. Na przykład, jeśli korzystasz z WordPressa^(WordPress) , utwórz nową stronę.

Kliknij Tekst^{(Text )} , aby przejść do edytora HTML . Skopiuj kod do osadzenia z kalendarza ^(Embed)Google i wklej go na stronie.

Kliknij kartę Wizualne^{(Visual )} , aby zobaczyć, jak kalendarz wygląda na Twojej stronie. Możesz także wybrać Podgląd^(Preview) , aby wyświetlić go w interfejsie witryny.

Wklej kod HTML Kalendarza^{(Calendar HTML)} na dowolnej stronie internetowej, na której możesz umieszczać obiekty.

Jeśli podobają Ci się domyślne ustawienia formatu Google dla kalendarza, możesz zacząć. Aby zmienić kolor, rozmiar i inne opcje kalendarza, możesz dostosować jego ustawienia.

Dostosuj ustawienia Kalendarza Google^{(Customize Google Calendar Settings)}

Kliknij przycisk Dostosuj^(Customize) znajdujący się bezpośrednio pod kodem do umieszczenia na stronie. Otworzy się nowe okno.

Edytuj lub dodaj tytuł do kalendarza, wpisując go w polu Tytuł kalendarza^{(Calendar title)} . Jeśli chcesz, aby tytuł był widoczny, zaznacz pole obok tytułu^(Title) .

Określ^(Specify) , które elementy chcesz pokazać w kalendarzu, zaznaczając następujące ustawienia w obszarze Pokaż^(Show) :

• Tytuł
• Przyciski nawigacyjne
• Dane
• Ikona drukowania
• Karty
• Lista kalendarzy
• Strefa czasowa

Domyślny rozmiar Kalendarza Google^{(Google Calendar)} to 800 na 600. Zmień rozmiar, przesuwając strzałki w górę i w dół obok pozycji Szerokość^(Width) i Wysokość^(Height) .

Na przykład, jeśli chcesz osadzić kalendarz na pasku bocznym, zmniejsz szerokość^(Width) do mniejszego rozmiaru, na przykład 300.

Inne ustawienia, które możesz dostosować, obejmują:

• Kolor tła^(Background) pasujący do koloru Twojej marki
• Strefa czasowa i język
• Ramka (włączona lub wyłączona)
• Domyślny miesiąc
• Pierwszy dzień tygodnia

Po dostosowaniu opcji wyświetl ostateczny kalendarz na żywo na swojej stronie internetowej. Gdy zmienisz wydarzenie w kalendarzu, zaktualizuje się ono automatycznie.

Poniżej^(Below) zrzut ekranu z widoku miesięcznego.

Możesz także przeglądać swój kalendarz według tygodnia.

Jeśli chcesz wprowadzić zmiany, zawsze możesz wrócić do ustawień Kalendarza Google^{(Google Calendar)} i dostosować je.

Pamiętaj, aby skopiować i wkleić nowy kod HTML po wprowadzeniu jakichkolwiek aktualizacji formatowania w celu odzwierciedlenia nowych zmian.

Jak pozwolić odwiedzającym zapisać wydarzenie w kalendarzu^{(How to Let Visitors Save a Calendar Event)}

Aby umożliwić odwiedzającym zapisanie Twojego wydarzenia we własnym Kalendarzu Google^{(Google Calendar)} , dodaj przycisk do swojej witryny. Upewnij^(Make) się, że Twój kalendarz jest publiczny.

Otwórz swój Kalendarz Google^{(Google Calendar)} . Pamiętaj, że zmiany można wprowadzać tylko z komputera, a nie z aplikacji mobilnej.

Aby dodać wydarzenie, wybierz dzień, do którego chcesz je dodać, i kliknij Utwórz^(Create) w lewym górnym rogu.

Podaj^(Fill) szczegóły wydarzenia w wyskakującym okienku i kliknij Zapisz^(Save) .

Aby otworzyć wydarzenie w kalendarzu, kliknij je dwukrotnie. Następnie kliknij trzy kropki w prawym górnym rogu, aby otworzyć Opcje^(Options) , i wybierz Opublikuj wydarzenie^{(Publish event)} .

Umieść kod HTML z wyskakującego okienka w swojej witrynie, aby umożliwić odwiedzającym dodanie wydarzenia do własnego Kalendarza Google^{(Google Calendar)} .

Wróć do swojej witryny i wklej kod z widoku źródłowego lub HTML , w którym ma być wyświetlany przycisk zdarzenia.

Gdy odwiedzający kliknie przycisk Kalendarza Google^{(Google Calendar)} , otworzy on jego kalendarz i doda do niego wydarzenie. Możesz również zaprosić osoby na swoje wydarzenie, korzystając z linku wyświetlanego w tym samym wyskakującym okienku.

Osadź Kalendarz Google w WordPress za pomocą wtyczek^{(Embed Google Calendar into WordPress Using Plugins)}

Podobnie jak w przypadku większości funkcji w WordPressie^(WordPress) , jest do tego wtyczka. Osadzanie Kalendarza Google^{(Google Calendar)} w witrynie WordPress nie jest wyjątkiem. Poniżej znajduje się kilka wtyczek do WordPressa^(WordPress) , których możesz użyć. 

Prosta wtyczka kalendarza^{(Simple Calendar Plugin)}

Prosty kalendarz^{(Simple Calendar)} pokazuje wydarzenia według tygodnia, miesiąca lub na liście. Jest łatwy w konfiguracji, reaguje na urządzenia mobilne i można go dostosować do własnych potrzeb.

Inne funkcje obejmują: 

• Zarządzaj wydarzeniami w Google i automatycznie je aktualizuj w WordPress
• Wydarzenia z kodem kolorystycznym
• Intuicyjny i prosty w konfiguracji
• Dodatkowa funkcjonalność z dodatkami^{( add-ons)}

Ta wtyczka jest doskonałym wyborem dla zaawansowanych użytkowników Kalendarza Google . ^{(Google Calendar)}Jedną z unikalnych funkcji jest możliwość przesyłania zdarzeń oznaczonych kolorami.

Dan's Embedder do Kalendarza Google^{(Dan’s Embedder for Google Calendar)}

Wyświetlaj^{(Display Google)} kalendarze Google na liście lub w pełnym widoku za pomocą narzędzia Dan's Embedder do Kalendarza Google^{(Google Calendar)} .

Nie ma potrzeby zarządzania ani importowania wydarzeń w WordPressie^(WordPress) . Potrzebujesz tylko co najmniej jednego publicznego Kalendarza Google^{(Google Calendars)} . Inne funkcje obejmują:

• Skonfiguruj opcje za pomocą skrótów
• Określ, ile elementów chcesz pokazać
• Osadź wiele kalendarzy 

Ta wtyczka wymaga klucza API . Wykonaj poniższe czynności, aby otrzymać swoje:

• Odwiedź konsolę programisty Google^{(Google Developers Console)}
• Z menu bocznego sprawdź API i auth^{(APIs and auth)} > Poświadczenia^(Credential)
• Kliknij przycisk Utwórz nowy klucz^{(Create new key)} w sekcji Dostęp do publicznego API^{(Public API)}
• Wybierz klucz przeglądarki^{(Browser key)} i pozostaw pole Ograniczenie strony odsyłającej^{(Referrer Limitation)} puste
• Umieść ten klucz na stronie ustawień wtyczki

Kalendarz wydarzeń WD^{(Event Calendar WD)}

Utwórz^(Create) promocję wydarzenia i zarządzaj lub dodawaj wydarzenia do swojego bloga WordPress za pomocą ^(WordPress)Kalendarza wydarzeń WD^{(Event Calendar WD)} .

Podaj szczegółowy opis swoich wydarzeń za pomocą edytora WordPress , dołącz tagi i przypisz do każdego z nich kategorie. Niektóre inne funkcje obejmują:

• Przyjazny interfejs użytkownika zapewniający pełną kontrolę nad sposobem wyświetlania kalendarzy i wydarzeń na swojej stronie internetowej
• Łatwo dostosuj i zarządzaj swoimi kalendarzami
• Nieograniczona ilość kalendarzy i wydarzeń
• Zoptymalizuj każde wydarzenie dla lepszego SEO i widoczności w wyszukiwarkach
• Włącz przyciski udostępniania społecznościowego, aby rozpowszechniać informacje o swoich wydarzeniach

Prosty kalendarz rezerwacji WP^{(WP Simple Booking Calendar)}

Szybko^(Quickly) i łatwo zainstaluj i osadź Kalendarze Google^{(Google Calendars)} w swojej witrynie.

Bezpłatna wersja WP Simple Booking Calendar zapewnia dostęp do podstawowych funkcji, których potrzebujesz, takich jak śledzenie wydarzeń. Najważniejsze cechy darmowej wersji to:

• Responsywny układ
• Tworzenie kopii zapasowych^(Backup) i przywracanie danych i kalendarzy
• Pokaż swoją dostępność 

Aby uzyskać bardziej zaawansowane funkcje publikowania i edycji, możesz uaktualnić do wersji Premium .

Użytkownicy, którzy chcą zarządzać i wyświetlać swoją dostępność swoich usług w swojej witrynie lub ogłaszać nadchodzące wydarzenia, odniosą duże korzyści z umieszczenia Kalendarza Google^{(Google Calendar)} w swojej witrynie.

Zintegrowanie kalendarza bezpośrednio z witryną internetową zatrzyma odwiedzających na Twojej stronie i zwiększy szanse, że umówią się na spotkanie lub zarejestrują się na wydarzenie.

Wszystko, czego potrzebujesz, to połączenie internetowe, przeglądarka internetowa i konto Google , aby utworzyć i wyświetlić profesjonalnie wyglądający kalendarz w swojej witrynie.

How To Embed Google Calendar On Your Website

Do yoυ nеed a professional-looking live calendar on your website to let visitors know abоυt υpcoming events or to schedule an аppointment? Instead of buіlding something from scratch or using some custom calendar app that might not get future updateѕ, why not use something that millionѕ of others are using 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

• Jak osadzić formularze Google w swojej witrynie?

• Jak korzystać z Kalendarza Google: 10 porad dla profesjonalistów

• Jak korzystać z Kalendarza rodzinnego Google, aby utrzymać rodzinę na czas?

• 2 skróty Chrome na pasku adresu do tworzenia wydarzeń w Kalendarzu Google

• Metody badania użytkowników Google Analytics w celu zwiększenia ruchu w witrynie

• Jak wyświetlić historię wyszukiwania w Mapach Google

• Co to jest błąd Google „Nietypowy ruch” i jak go naprawić?

• Jak zrobić wykres liniowy w Arkuszach Google

• 10 wskazówek dotyczących Kalendarza Google, aby zmniejszyć stres związany z harmonogramem

• Jak wysyłać prywatne wiadomości e-mail w Gmailu

• Jak działa algorytm YouTube?

• Jak zgłosić firmę w Google

• Dodaj wskazówki dojazdu do serwisu Mapy Google

• 9 ukrytych funkcji w Mapach Google, które powinieneś sprawdzić

• Jak anulować lub wstrzymać subskrypcję YouTube Premium

• Moja aktywność w Google: dlaczego powinno Cię to obchodzić

• Co to są powiadomienia Google o narażeniu na kontakt z COVID?

• Co to jest aplikacja Google i jak z niej korzystać

• Nie otrzymujesz powiadomień z Gmaila? 10 sposobów na naprawę

• Brakuje widżetu paska wyszukiwania Google? Jak go przywrócić na Androidzie