Jak osadzić Kalendarz Google w WordPress – 3 proste metody

Opublikowany: 2020-03-26

Kalendarz Google to bardzo przydatna aplikacja, która umożliwia organizowanie harmonogramu, zarządzanie wydarzeniami i udostępnianie ich oraz zwiększa produktywność. Dlatego używa go tak wielu ludzi na całym świecie i ty też powinieneś. A co by było, gdybyś mógł zintegrować go ze swoją witryną? Czy nie byłoby to niesamowite? W tym przewodniku pokażemy, jak krok po kroku osadzić Kalendarz Google w WordPress.

Aby pokazać, jak przydatne może być to narzędzie, weźmy mnie jako przykład. Na długo przed pracą z WordPressem byłem studentem z napiętym harmonogramem życia. Było fajnie, ale nie udało mi się nadążyć za wieloma rzeczami, ponieważ miałem tak wiele terminów do dotrzymania i tak mało pamięci, aby je wszystkie zapamiętać. Następnie uruchomiono Kalendarz Google i od tamtej pory uratował mnie – nie mnie, ale wielu innych.

Obecnie istnieje ponad 250 000 stron internetowych sklasyfikowanych jako klienci Kalendarza Google, a prawie 100 000 z nich korzysta z Kalendarza Google. Jeśli nie znasz Kalendarza Google, być może zastanawiasz się, co robi, aby zyskać tak duże uznanie? Kalendarz Google ułatwia planowanie spotkań, tworzenie przypomnień, zarządzanie zaproszeniami na spotkania i odpowiadanie na nie, udostępnianie i wyświetlanie kalendarzy oraz wiele innych rzeczy.

Jednak skoro mówimy o Kalendarzu Google dla witryn WordPress, jest w nim więcej, niż kiedykolwiek wiedziałeś. W tym przewodniku pokażemy, jak osadzić WordPress w Kalendarzu Google i jak najlepiej wykorzystać to doskonałe narzędzie.

Wprowadzenie do Kalendarza Google

Wszyscy znają giganta technologicznego Google. Wśród różnych aplikacji Google Kalendarz wyróżnia się jako jedno z najskuteczniejszych narzędzi do codziennych zadań i czynności. Krótko mówiąc, pomaga uporządkować życie użytkowników, zarówno pracując w pojedynkę, jak i współpracując z innymi aplikacjami Google, takimi jak Gmail.

Dla firm Kalendarz Google jest przydatny, ponieważ umożliwia między innymi tworzenie wydarzeń, wysyłanie zaproszeń do gości, tworzenie wydarzeń cyklicznych, zarządzanie uczestnikami i ustawianie opcjonalnych uczestników. Ponadto istnieje wiele innych funkcji Kalendarza Google dla użytkowników premium G Suite, takich jak konfigurowanie wideokonferencji oraz dodawanie miejsc i zarządzanie nimi.

Po co osadzić Kalendarz Google w WordPressie?

Teraz, gdy rozumiemy, dlaczego osoby, grupy i firmy korzystają z tego narzędzia, przejdźmy do tego, dlaczego warto dodać Kalendarz Google do swojej witryny WordPress:

  1. Poinformuj klientów o przyszłych wydarzeniach: korzystanie z Kalendarza Google w swojej witrynie daje możliwość informowania klientów o nadchodzących wydarzeniach, aby mogli znaleźć czas na uczestnictwo. W ten sposób możesz upewnić się, że wszyscy są świadomi z wyprzedzeniem i dołączają do wydarzeń.
  2. Zarządzaj osobistymi spotkaniami: Jeśli powyższe dotyczy dobra użytkowników, ten cel jest wyłącznie dla Ciebie. Możesz zarządzać wszystkimi swoimi działaniami, wymieniając je tutaj, dodając notatki, przypomnienia i wszystko, co jest potrzebne, aby uprościć godziny pracy. Jest to główny cel Kalendarza Google do użytku osobistego, ale teraz, gdy jest zintegrowany z Twoją witryną, korzyści będą wielokrotne.

Integracja Kalendarza Google z witryną WordPress to doskonały sposób na informowanie użytkowników o ważnych nadchodzących wydarzeniach. Ponadto jest to niesamowite narzędzie do między innymi tworzenia wydarzeń i spotkań cyklicznych, zarządzania uczestnikami i organizowania rozmów wideo. Rzeczywiście istnieje wiele innych wtyczek, które mają podobne funkcje. Dlaczego więc warto trzymać się Kalendarza Google? Chociaż Google nie była jedyną marką, która dostrzegła znaczenie opracowania narzędzia do planowania i zarządzania dla firm WordPress, Kalendarz Google pozostaje na szczycie od samego początku, ponieważ jego funkcje są nie do pokonania.

Dodatkowo jest to Google, więc rozpoznawalność marki jest bardzo potężna. Inne wtyczki mają inne funkcje, ale prawda jest taka, że ​​zwykle nie są zbyt pomocne. Ponadto, chociaż większość wtyczek wymaga płacenia za funkcje premium, te funkcje nie pasują do Kalendarza Google. Jeśli więc musisz zapłacić, lepiej wykorzystaj swoje pieniądze na rozszerzenie funkcji Kalendarza Google.

Jak osadzić Kalendarz Google w WordPressie? Przewodnik krok po kroku

Istnieją 3 różne sposoby dodania Kalendarza Google do WordPressa :

  1. Z wtyczką
  2. Za pomocą edytora bloków WP
  3. Korzystanie z HTML

Wszystkie te metody są bardzo skuteczne, dlatego warto wybrać tę, która najlepiej odpowiada Twoim umiejętnościom i potrzebom. Teraz przyjrzyjmy się bliżej każdej opcji.

1) Osadź Kalendarz Google w WordPressie z wtyczką

Przyjrzyjmy się teraz, jak możesz przeprowadzić tę integrację w trzech prostych krokach. Kilka wtyczek pomocy technicznej ułatwia osadzenie Kalendarza Google w witrynie WordPress. Jednak w tym samouczku użyjemy najwyżej zalecanej wtyczki: Simple Calendar . To narzędzie pomaga w bardzo łatwy sposób wyświetlać Kalendarz Google w WordPressie.

Oprócz wyświetlania wydarzeń według tygodnia lub miesiąca lub w formacie listy, synchronizuje się również z Twoim Kalendarzem Google, co oznacza, że ​​nie musisz niczego dodawać do WordPressa. Co więcej, możesz także dostosować jego wygląd i pójść dalej, korzystając z wielu dodatków lub łącząc się z innymi wtyczkami.

Krok 1: Dodaj prosty kalendarz do WordPress

Pierwszym krokiem do dodania Kalendarza Google do WordPressa jest zainstalowanie prostego kalendarza w swojej witrynie. Aby to zrobić, po prostu:

  • W panelu WordPress przejdź do sekcji Wtyczki
  • Kliknij Dodaj nowy , a następnie wpisz Prosty kalendarz w polu wyszukiwania
  • Zobaczysz tam prosty kalendarz – wtyczkę Kalendarza Google . Kliknij Zainstaluj teraz i poczekaj kilka chwil, aż się zakończy

  • Przejdź do sekcji Zainstalowane wtyczki i aktywuj ją

Po wykonaniu tej czynności spójrz na pasek boczny i powinieneś zobaczyć sekcję Kalendarze z małą ikoną kalendarza. Oznacza to, że pomyślnie zainstalowałeś prosty kalendarz!

Krok 2: Połącz swoją witrynę z kalendarzem

Po zainstalowaniu i aktywacji Kalendarza Google musisz połączyć go ze swoją witryną WordPress. Aby skonfigurować wtyczkę, kliknij Kalendarze – Ustawienia . Tam zobaczysz zakładkę Źródła zdarzeń i zobaczysz, że prosi o klucz API Google. Tutaj możesz dowiedzieć się, jak przygotować API, ale jeśli nie chcesz czytać w całości, omówimy to za Ciebie.

  • Otwórz konsolę programisty Google
  • W prawym górnym rogu ekranu kliknij Utwórz projekt . Następnie wpisz żądaną nazwę i kliknij Utwórz

  • Następnie zostaniesz przeniesiony na stronę API i usług. Tutaj kliknij Włącz interfejsy API i usługi , aby przejść do biblioteki interfejsów API
  • Na następnym ekranie zobaczysz pole wyszukiwania. Wpisz Calendar API , wybierz sugerowany wynik Google Calendar API i włącz go

  • Następnie przejdź do zakładki Poświadczenia , kliknij Utwórz poświadczenia i wybierz Klucz API , jak pokazano poniżej

  • Teraz zobaczysz wygenerowany dla Ciebie klucz API. Kliknij przycisk Ogranicz , aby uzyskać środki bezpieczeństwa
  • Zostaniesz przeniesiony na stronę szczegółów klucza API, gdzie zobaczysz kilka opcji
    • W części Ograniczenia aplikacji wybierz odsyłacze HTTP (strony internetowe)

    • W sekcji Ograniczenia witryny wybierz Dodaj element i wprowadź adres URL witryny. Gdy to zrobisz, kliknij Gotowe

    • W sekcji Ograniczenia interfejsu API wybierz Ogranicz klucz i interfejs API Kalendarza Google podczas wybierania interfejsów API, a następnie kliknij Zapisz

Świetny! Bezpiecznie pokonałeś najtrudniejszą część. Teraz możesz skopiować klucz API, wrócić do pola w panelu WordPress Ustawienia kalendarzy, w którym prosi o klucz API Google, i wkleić klucz. Kliknij Zapisz zmiany i przejdź do następnego kroku. Jesteś prawie na miejscu.

Krok 3: Wyświetl Kalendarz Google w WordPress

To ostatni krok, w którym dowiesz się, jak wyświetlić Kalendarz Google i pokazać go odwiedzającym Twoją witrynę WordPress.

  • Najpierw przejdź do Kalendarza Google i kliknij Ustawienia . Zobaczysz lewy pasek boczny, przewiń go w dół, aby znaleźć Ustawienia moich kalendarzy i wybierz kalendarz, który chcesz wyświetlić na WordPress.

  • Po kliknięciu kalendarzy, które chcesz pokazać, zobaczysz listę rozwijaną, w której klikniesz Uprawnienia dostępu . Zaznacz opcję Udostępnij publicznie
  • Następnie kliknij Zintegruj kalendarz w tym samym menu rozwijanym. Tutaj skopiuj identyfikator pod adresem publicznym w formacie iCal
  • Teraz wróć do pulpitu WordPress i w zakładce Kalendarze wybierz Dodaj nowy
  • Wpisz żądany tytuł Kalendarza, a następnie przewiń w dół, aż zobaczysz ustawienia Kalendarza . Tam wybierz zakładkę Kalendarz Google , a zobaczysz to:
  • Wklej identyfikator skopiowany w trzecim kroku powyżej ( Adres publiczny w formacie iCal ) do pola Identyfikator kalendarza
  • Kliknij Opublikuj

Gratulacje! Właśnie osadziłeś Kalendarz Google.

Co zrobić, jeśli nie chcesz korzystać z narzędzi innych firm? Jesteśmy z Tobą. Przyjrzyjmy się innym metodom dodawania Kalendarza Google do WordPressa bez wtyczki .

2) Dodaj Kalendarz Google za pomocą edytora bloków WordPress

Inną opcją dodania Kalendarza Google do dowolnego posta lub strony w witrynie jest użycie Bloku Kalendarza Google . Ta metoda jest bardzo prosta i skuteczna i nie wymaga kodowania.

    1. Aby więc dołączyć blok kalendarza Google do swojej witryny, przejdź do strony lub posta, do którego chcesz dodać kalendarz i kliknij Dodaj blok
    2. Następnie wpisz Kalendarz Google i wybierz odpowiedni blok
    3. Po dodaniu bloku musisz włączyć uprawnienia dla kalendarza, który chcesz udostępnić, i wkleić kod do umieszczenia kalendarza w odpowiednim polu
    4. Aby więc uzyskać kod do umieszczenia na stronie, którego potrzebujesz w kroku 3, przejdź do Kalendarza Google, kliknij 3 kropki obok kalendarza i naciśnij Ustawienia i udostępnianie Dodaj Kalendarz Google do WordPressa - Osadź kalendarz
    5. Następnie przejdź do sekcji Uprawnienia dostępu i upublicznij swój kalendarz, zaznaczając opcję Udostępnij publicznie . Otrzymasz ostrzeżenie z informacją, że dzięki temu wszystkie Twoje wydarzenia będą widoczne. Kliknij OK
    6. Następnie przejdź do sekcji Integracja kalendarza i skopiuj kod do osadzenia. To jest kod, którego będziesz używać do dodawania kalendarza do swojej witryny. Jeśli sprawdzisz kod, zobaczysz, że zawiera on Twój adres e-mail, więc upewnij się, że nie masz nic przeciwko, aby kalendarz był publiczny Dodaj Kalendarz Google do WordPressa - Umieść kod
    7. Na koniec wróć do posta lub strony, na której chcesz wyświetlić swój kalendarz i wklej kod do umieszczenia w odpowiednim polu. Następnie naciśnij Osadź i zapisz zmiany
    8. Otóż ​​to! Właśnie osadziłeś Kalendarz Google w swojej witrynie WordPress!

Możesz także dostosować swój kalendarz, klikając przycisk Dostosuj . Możesz spersonalizować kolory, przyciski, rozmiar, zakładki, ikony i nie tylko. Dodaj Kalendarz Google do WordPressa — dostosuj kalendarz

3) Osadź Kalendarz Google w WordPress przez HTML

Innym prostym sposobem osadzenia Kalendarza Google w witrynie WordPress jest użycie kodu HTML . Nie zniechęcaj się nazwą, jeśli nie jesteś programistą. Ta metoda nie wymaga żadnych umiejętności kodowania i jest bardzo skuteczna.

  1. Aby dodać Kalendarz Google do swojej witryny za pomocą HTML, najpierw przejdź do strony lub posta, w którym chcesz umieścić swój kalendarz
  2. Następnie dodaj nowy niestandardowy blok HTML . Tutaj musisz wkleić kod do umieszczenia w kalendarzu
  3. Aby to uzyskać, musisz powtórzyć kroki od 4 do 6 poprzedniej metody edytora bloków. Musisz przejść do Kalendarza Google, kliknąć 3 kropki obok kalendarza, a następnie przejść do Ustawień i udostępniania . Następnie upublicznij swój kalendarz w sekcji Uprawnienia dostępu , przejdź do sekcji Integracja kalendarza i skopiuj kod osadzania
  4. Po uzyskaniu linku do kalendarza wklej go w bloku HTML i zapisz zmiany
  5. Właśnie dodałeś swój Kalendarz Google do WordPressa!
UWAGA : WordPress automatycznie skonwertuje kod do osadzenia na shortcode
Wreszcie, jeśli zamiast używać Gutenberga, używasz Edytora klasycznego, po prostu wklej kod do osadzenia na karcie HTML.

Teraz, gdy już wiesz, jak wyświetlać Kalendarz w swojej witrynie, przyjrzyjmy się, jak możesz go w pełni wykorzystać.

Wskazówki dotyczące dostosowywania Kalendarza Google na WordPress

Prosty kalendarz to najbardziej złożona metoda dodawania Kalendarza Google do WordPressa, więc tutaj podamy kilka wskazówek, jak najlepiej go wykorzystać. Wspaniałą rzeczą w prostym kalendarzu jest to, że umożliwia dostosowanie stylów kalendarzy.

Aby tak się stało, przejdź do swoich Kalendarzy i wybierz kartę Wszystkie kalendarze . Następnie określ kalendarz, którego wygląd chcesz dostosować, i otwórz edytor. Przewiń myszą, aby znaleźć Ustawienia kalendarza i kliknij kartę Wygląd . Tam zaczyna się zabawa i możesz dostosować kolory, wygląd i tak dalej. Podsumowując, niektóre rzeczy, które możesz zrobić, aby dostosować swoje kalendarze, to:

  • Wybierz spośród jasnych i ciemnych motywów do swojego kalendarza
  • Zdecyduj, który konkretny kolor chcesz wskazać aktywny dzień kalendarza, a także daty wydarzeń
  • Baw się schematem kolorów kalendarza i znajdź taki, który pasuje do stylu Twojej witryny

Skróty i widżety do osadzania Kalendarza Google w postach i na stronach

Po zintegrowaniu dodanego Kalendarza Google do WordPressa, gdy tworzysz nowy post lub stronę, zobaczysz przycisk Dodaj kalendarz , jak pokazano poniżej.

Ten przycisk działa tak samo jak Dodaj multimedia i pozwala wstawić kalendarz w dowolnym miejscu w wątku. Jeśli z jakiegoś powodu nie masz tego przycisku, istnieją inne sposoby dodania kalendarza do swoich postów/stron: poprzez skróty i widżety.

Skróty

Jeśli przyjrzysz się uważnie podczas dodawania nowego kalendarza na karcie Kalendarze, zobaczysz, że w prawym dolnym rogu ekranu otrzymasz krótki kod. Aby umieścić ten kalendarz na swoich postach/stronach, po prostu wpisz ten krótki kod w dowolnym miejscu, w którym chcesz go wyświetlić.

Dodaj Kalendarz Google do WordPressa — skróty

Widżety

Wtyczka Simple Calendar udostępnia widżet, który możesz wyświetlić w swojej witrynie. Aby aktywować tę opcję, w swoim pulpicie nawigacyjnym WordPress przejdź do Wygląd > Widgety . Tutaj zobaczysz dostępne widżety i musisz przeciągnąć i upuścić widżet prostego kalendarza w miejscu, w którym chcesz go wyświetlić.

Są to proste sposoby wyświetlania kalendarza w różnych częściach witryny, aby w pełni wykorzystać integrację WordPressa i Kalendarza Google.

Wskazówki, jak najlepiej wykorzystać Kalendarz Google

Umieszczenie Kalendarza Google w witrynie WordPress to pierwszy krok do lepszego organizowania spotkań i wydarzeń. Większość ludzi używa Kalendarza do tworzenia spotkań, ale to narzędzie może zrobić dla Ciebie znacznie więcej. Przyjrzyjmy się kilku wskazówkom, jak najlepiej wykorzystać Kalendarz Google.

  1. Znajdź czas : kiedy musisz zorganizować spotkanie z kilkoma osobami, może być trudno znaleźć miejsce, które będzie pasować wszystkim. Dobrą wiadomością jest to, że Kalendarz Google ma funkcję o nazwie Znajdź czas , która znacznie ułatwia znalezienie odpowiedniego czasu. Po prostu utwórz wydarzenie, zaproś wybrane osoby, a następnie przejdź do karty Znajdź czas, aby znaleźć miejsce, w którym wszyscy są dostępni.
  2. Blokuj terminy spotkań : Masz dość otrzymywania zaproszeń na spotkania w niedogodnych godzinach? Jeśli używasz GSuite, możesz tego uniknąć, blokując terminy spotkań. W ten sposób blokujesz czas, w którym Twoi koledzy z drużyny mogą planować z Tobą spotkania. Aby aktywować tę funkcję, po prostu utwórz wydarzenie na czas, w którym jesteś dostępny na spotkania, a następnie przejdź do Terminów spotkań . Zobaczysz link „ Strona spotkań w tym kalendarzu ”. Kliknij go, a zostaniesz przekierowany do internetowej wersji swojego kalendarza, którą możesz udostępnić.
  3. Dodaj święta i inne wydarzenia : Kalendarz umożliwia dodawanie wszystkich rodzajów wydarzeń, takich jak święta, wydarzenia sportowe, fazy reklamowe księżyca. Aby dodać tę opcję, kliknij 3 kropki obok kalendarza i przejdź do Ustawienia i udostępnianie . Dodaj Kalendarz Google do WordPressa — Wskazówki dotyczące kalendarza Następnie w sekcji Dodaj kalendarz przejdź do Przeglądaj interesujące kalendarze i wybierz te, które chcesz aktywować. Po zakończeniu znajdziesz wydarzenia wybrane w sekcji Inne kalendarze .
  4. Strefy czasowe : Obecnie coraz więcej zespołów pracuje z różnych części świata i w różnych strefach czasowych. Jeśli tak jest w Twoim przypadku, ta wskazówka jest dla Ciebie idealna. Kalendarz Google umożliwia ustawienie zarówno podstawowej, jak i dodatkowej strefy czasowej, dzięki czemu zawsze znajdziesz odpowiedni czas na spotkania. Aby aktywować tę opcję, kliknij 3 kropki obok kalendarza i przejdź do Ustawienia i udostępnianie . Następnie naciśnij przycisk Ustaw moją podstawową strefę czasową w Ustawieniach kalendarza . Tam zaznacz opcję aktywacji dodatkowej strefy czasowej i wybierz tę, którą chcesz. Jak osadzić Kalendarz Google w WordPress - Strefy czasowe Dodatkowo możesz dodawać etykiety do stref czasowych i wyświetlać zegar światowy.

Wniosek

Podsumowując, Kalendarz nie tylko pomoże Ci uporządkować harmonogram, ale także zarządzać wydarzeniami i udostępniać je, aby Twoi klienci mogli być na bieżąco z Twoimi wydarzeniami i ważnymi datami. Jeśli dodasz Kalendarz Google do WordPressa, dodasz więcej funkcji do swojej witryny, zapewnisz wartość użytkownikom i wyróżnisz się na tle konkurencji. Widzieliśmy 3 różne metody umieszczania Kalendarza w Twojej witrynie:

  1. Z wtyczką Simple Calendar
  2. Korzystanie z edytora bloków WordPress
  3. Przez HTML

Te metody są przyjazne dla początkujących i wszystkie są bardzo skuteczne, więc wybierz tę, która najlepiej odpowiada Twoim potrzebom. Ponadto widzieliśmy różne sposoby dostosowywania kalendarza i dodawania go za pomocą skrótów i widżetów. Na koniec przedstawiliśmy kilka wskazówek, które pomogą Ci w pełni wykorzystać możliwości Kalendarza Google. Czy wypróbowałeś ten przewodnik? Czy uznałeś to za przydatne? Podziel się z nami swoimi przemyśleniami w sekcji komentarzy poniżej! Więcej przydatnych przewodników, jak najlepiej wykorzystać swoją witrynę:

  • Jak automatycznie publikować z WordPressa na Facebooku
  • Przewodnik: Jak zintegrować WooCommerce z MailChimp
  • Jak skonfigurować i zintegrować WooCommerce ze Stripe