Apakah Anda memerlukan kalender langsung yang terlihat profesional di situs web Anda untuk memberi tahu pengunjung tentang acara mendatang atau untuk menjadwalkan janji temu? Alih-alih membuat sesuatu dari awal atau menggunakan beberapa aplikasi kalender khusus^{(custom calendar app)} yang mungkin tidak mendapatkan pembaruan di masa mendatang, mengapa tidak menggunakan sesuatu yang digunakan jutaan orang lain setiap hari?

Melalui rute itu, Anda dapat menyematkan Kalender Google^{(Google Calendar)} ke situs Anda. Ini juga gratis dan mudah digunakan. Yang Anda butuhkan untuk memulai adalah akun Google^{(Google account)} .

Mulailah^(Get) dengan masuk ke akun Google^{(Google account)} Anda , klik kisi aplikasi di sebelah gambar profil Anda dan klik ^{(picture and click)}Kalender^(Calendar) .

Dapatkan Kode Sematan^{(Get the Embed Code)}

Buka Opsi dengan^{(Options by )} mengklik tiga titik yang berdekatan dengan kalender yang ingin Anda sematkan.  

Klik Pengaturan dan berbagi^{(Settings and sharing)} dari popup.

Gulir^(Scroll) ke bawah halaman pengaturan Kalender^(Calendar) hingga Anda menemukan bagian Integrasikan kalender^{(Integrate calendar)} .

Untuk membuat kalender Anda terlihat oleh semua orang dan bukan hanya orang yang Anda ajak berbagi, Anda harus menjadikannya publik^{( make it public)} .

Untuk melakukannya, aktifkan kotak di sebelah Jadikan tersedia untuk umum^{(Make available to public)} di bawah Izin akses^{(Access permissions)} .

Sematkan kode ke bagian HTML^{(HTML section)} halaman web atau postingan^{(page or post)} . Misalnya, jika Anda menggunakan WordPress , buat halaman baru.

Klik Teks^{(Text )} untuk beralih ke editor HTML^{(HTML editor)} . Salin kode Sematkan^{(Embed code)} dari kalender Google Anda dan tempel^{(Google calendar and paste)} ke halaman.

Klik pada tab Visual untuk melihat seperti apa tampilan kalender di halaman Anda. Anda juga dapat memilih Pratinjau^(Preview) untuk melihatnya di bagian depan situs web Anda.

Tempel kode HTML Kalender^{(Calendar HTML code)} ke halaman web mana pun tempat Anda diizinkan untuk menyematkan objek.

Jika Anda menyukai pengaturan format default Google untuk kalender, Anda siap melakukannya. Untuk mengubah warna, ukuran, dan opsi kalender lainnya, Anda dapat menyesuaikan pengaturannya.

Sesuaikan Pengaturan Kalender Google^{(Customize Google Calendar Settings)}

Klik tombol Sesuaikan^(Customize) yang terletak langsung di bawah kode sematan. Ini akan membuka jendela baru.

Edit atau tambahkan judul ke kalender Anda dengan mengetiknya di bawah Judul kalender^{(Calendar title)} . Jika Anda ingin judul ditampilkan, aktifkan kotak di sebelah Judul^(Title) .

Tentukan^(Specify) elemen mana yang ingin Anda tampilkan di kalender Anda dengan memeriksa pengaturan berikut di bawah Tampilkan^(Show) :

• Judul
• Tombol navigasi
• Data
• ikon cetak
• tab
• daftar kalender
• Zona waktu

Ukuran default ^{(default size)}Google Kalender^{(Google Calendar)} adalah 800 kali 600. Ubah ukuran dengan menggerakkan panah atas dan bawah di sebelah Lebar^(Width) dan Tinggi^(Height) .

Misalnya, jika Anda ingin menyematkan kalender di bilah sisi, kurangi Lebar^(Width) ke ukuran yang lebih kecil seperti 300.

Pengaturan lain yang dapat Anda sesuaikan meliputi:

• Warna latar belakang^{(Background color)} agar sesuai dengan warna merek Anda^{(brand color)}
• Zona waktu dan bahasa
• Perbatasan (aktif atau nonaktif)
• Bulan default
• Hari pertama dalam seminggu

Setelah Anda menyesuaikan opsi, lihat kalender langsung^{(live calendar)} terakhir Anda di halaman web Anda. Saat Anda mengubah acara di kalender Anda, itu akan diperbarui secara otomatis.

Di bawah^(Below) ini adalah tangkapan layar dari tampilan bulanan.

Anda juga dapat melihat kalender menurut minggu.

Jika Anda ingin membuat perubahan, Anda selalu dapat kembali ke pengaturan Google Kalender^{(Google Calendar)} dan menyesuaikannya..

Pastikan untuk menyalin dan menempelkan kode HTML^{(HTML code)} baru setelah melakukan pembaruan pemformatan untuk mencerminkan perubahan baru.

Bagaimana Membiarkan Pengunjung Menyimpan Acara Kalender^{(How to Let Visitors Save a Calendar Event)}

Untuk memungkinkan pengunjung menyimpan acara Anda di Google Kalender^{(Google Calendar)} mereka sendiri , tambahkan tombol ke situs web Anda. Pastikan^(Make) kalender Anda bersifat publik.

Buka Kalender Google^{(Google Calendar)} Anda . Perhatikan bahwa perubahan hanya dapat dilakukan dari komputer dan bukan aplikasi seluler.

Untuk menambahkan acara, pilih hari yang ingin Anda tambahkan dan klik Buat^(Create) di sudut kiri atas.

Isi^(Fill) detail acara Anda di popup dan klik ^{(popup and click)} Simpan^(Save) .

Untuk membuka acara di kalender Anda, klik dua kali acara tersebut. Kemudian klik tiga titik di sudut kanan^{(right-hand corner)} atas untuk membuka Opsi^(Options) , dan pilih Publikasikan acara^{(Publish event)} .

Sematkan kode HTML^{(HTML code)} dari jendela munculan^{(popup window)} di situs web Anda untuk memungkinkan pengunjung menambahkan acara ke Google Kalender^{(Google Calendar)} mereka sendiri .

Kembali ke situs web Anda dan tempel^{(website and paste)} kode dari sumber atau tampilan HTML^{(source or HTML)} tempat Anda ingin tombol acara^{(event button)} ditampilkan.

Saat pengunjung mengeklik tombol Google Kalender^{(Google Calendar button)} , kalender mereka akan terbuka dan menambahkan acara ke dalamnya. Anda juga dapat mengundang orang ke acara Anda menggunakan tautan yang ditampilkan di jendela sembulan^{(popup window)} yang sama .

Sematkan Kalender Google ke WordPress Menggunakan Plugin^{(Embed Google Calendar into WordPress Using Plugins)}

Seperti kebanyakan fungsi di WordPress , ada plugin untuk itu. Menyematkan Kalender Google^{(Google Calendar)} ke situs web WordPress^{(WordPress website)} tidak terkecuali. Di bawah ini adalah beberapa plugin WordPress untuk Anda pertimbangkan untuk digunakan. 

Plugin Kalender Sederhana^{(Simple Calendar Plugin)}

Kalender Sederhana^{(Simple Calendar)} menunjukkan acara Anda berdasarkan minggu, bulan, atau dalam daftar. Mudah disiapkan, responsif seluler, dan dapat disesuaikan dengan kebutuhan Anda.

Fitur lainnya termasuk: 

• Kelola acara di Google dan perbarui secara otomatis di WordPress
• Acara kode warna
• Intuitif dan mudah dikonfigurasi
• Fungsionalitas tambahan dengan add-on^{( add-ons)}

Plugin ini adalah pilihan yang sangat baik untuk pengguna kekuatan Google Kalender^{(Google Calendar power)} . Salah satu fitur unik adalah kemampuan untuk mentransfer peristiwa berkode warna.

Penyemat Dan untuk Kalender Google^{(Dan’s Embedder for Google Calendar)}

Tampilkan^{(Display Google)} kalender Google dalam daftar atau tampilan penuh dengan Dan's Embedder untuk Google Kalender^{(Google Calendar)} .

Tidak perlu mengelola atau mengimpor acara di WordPress . Anda hanya memerlukan satu atau beberapa Google Kalender^{(Google Calendars)} publik . Fitur lainnya termasuk:

• Konfigurasikan opsi dengan kode pendek
• Tentukan berapa banyak item yang akan ditampilkan
• Sematkan beberapa kalender 

Plugin ini membutuhkan kunci API^{(API key)} . Ikuti langkah-langkah di bawah ini untuk mendapatkan milik Anda:

• Kunjungi Konsol Pengembang Google^{(Google Developers Console)}
• Dari menu samping, periksa API dan autentikasi^{(APIs and auth)} > Kredensial^(Credential)
• Klik tombol Buat kunci baru^{(Create new key)} dari bagian akses API Publik^{(Public API access)}
• Pilih kunci Browser^{(Browser key)} dan biarkan Batas Perujuk^{(Referrer Limitation)} kosong
• Letakkan kunci ini di halaman pengaturan plugin

Kalender Acara WD^{(Event Calendar WD)}

Buat^(Create) promosi acara dan kelola^{(event promotion and manage)} atau tambahkan acara ke blog WordPress^{(WordPress blog)} Anda dengan Kalender Acara WD^{(Event Calendar WD)} .

Berikan deskripsi mendetail tentang acara Anda menggunakan editor WordPress^{(WordPress editor)} , lampirkan tag, dan tetapkan kategori untuk masing-masing acara. Beberapa fitur lainnya antara lain:

• Antarmuka yang mudah digunakan untuk kontrol penuh atas cara Anda menampilkan kalender dan acara di situs web Anda
• Sesuaikan dan kelola kalender Anda dengan mudah
• Jumlah kalender dan acara yang tidak terbatas
• Optimalkan setiap acara untuk SEO dan visibilitas mesin pencari yang lebih baik^{(SEO and search engine visibility)}
• Aktifkan tombol berbagi sosial untuk menyebarkan berita tentang acara Anda

Kalender Pemesanan Sederhana WP^{(WP Simple Booking Calendar)}

^(Quickly)Pasang dan sematkan Google Kalender dengan ^{(Google Calendars)}cepat dan mudah di situs web Anda.

Versi gratis dari WP Simple Booking Calendar memberi Anda akses ke fitur dasar yang Anda butuhkan seperti melacak acara Anda. Sorotan dari versi gratis meliputi^{(version include)} :

• Tata letak responsif
• Cadangkan^(Backup) dan pulihkan data dan kalender
• Tampilkan ketersediaan Anda 

Untuk fungsi penerbitan dan pengeditan lebih lanjut, Anda dapat meningkatkan ke versi Premium^{(Premium version)} .

Pengguna yang ingin mengelola dan menampilkan ketersediaan layanan mereka di situs web mereka atau mengumumkan^{(website or announce)} acara mendatang akan sangat diuntungkan dengan menyematkan Kalender Google^{(Google Calendar)} di situs mereka.

Mengintegrasikan kalender secara langsung di situs web Anda akan membuat pengunjung tetap berada di situs Anda dan meningkatkan peluang mereka untuk membuat janji temu atau mendaftar ke suatu acara.

Yang Anda butuhkan hanyalah koneksi internet, browser web^{(web browser)} , dan akun Google^{(Google account)} untuk membuat dan menampilkan kalender yang terlihat profesional di situs Anda.

How To Embed Google Calendar On Your Website

Do you need a professional-looking live calendar on уоur website to let viѕitors know аbout upcoming events or to schedule an appointment? Inѕtead of building something from scratch or using some custom calendar app that might not get future updates, why not use somеthing that millions 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

• Cara Embed Google Forms pada Your Website

• Cara Menggunakan Google Calendar: 10 Pro Tips

• Cara menggunakan Google Family Calendar untuk menjaga Family Anda pada Time Anda

• 2 Pintasan Bilah Alamat Chrome untuk Membuat Acara Google Kalender

• Metode Penelitian Pengguna Google Analytics untuk Meningkatkan Lalu Lintas Situs Web

• Google Search Bar Widget Missing? Cara mengembalikannya pada Android

• Cara Berbagi Kalender Google

• Cara Kirim Private Emails di Gmail

• Cara Menggunakan Notifikasi Kalender Google untuk Mendukung Kebiasaan Atom

• Apa kesalahan Google "Lalu Lintas Tidak Biasa" dan cara memperbaikinya

• Cara Membatalkan atau Menjeda YouTube Premium Subscription

• 3 Cara ke Create Borders di Google Docs

• Cara memasukkan tanda tangan di Google Docs

• Apa itu Metric and Dimension di Google Analytics?

• 23 Pintasan Keyboard Kalender Google yang Berguna

• Cara Mengubah Default Google Account

• Apa itu Google App & How untuk menggunakannya

• Cara Menggunakan SUMIF di Google Lembar

• Cara Lihat Google Maps Search History Anda

• Cara Mengatur Voicemail pada Google Voice