Bạn có cần một lịch trực tiếp chuyên nghiệp trên trang web của mình để cho khách truy cập biết về các sự kiện sắp tới hoặc để lên lịch một cuộc hẹn không? Thay vì xây dựng thứ gì đó từ đầu hoặc sử dụng một số ứng dụng lịch tùy chỉnh^{(custom calendar app)} có thể không nhận được các bản cập nhật trong tương lai, tại sao không sử dụng thứ mà hàng triệu người khác đang sử dụng hàng ngày?

Đi theo lộ trình đó, bạn có thể nhúng Lịch Google^{(Google Calendar)} vào trang web của mình. Nó cũng miễn phí và dễ sử dụng. Tất cả những gì bạn cần để bắt đầu là một tài khoản Google^{(Google account)} .

Bắt^(Get) đầu bằng cách đăng nhập vào tài khoản Google^{(Google account)} của bạn , nhấp vào lưới ứng dụng bên cạnh ảnh hồ sơ của bạn và nhấp^{(picture and click)} vào Lịch^(Calendar) .

Nhận mã nhúng^{(Get the Embed Code)}

Mở Tùy chọn bằng^{(Options by )} cách nhấp vào ba dấu chấm bên cạnh lịch bạn muốn nhúng.  

Nhấp vào Cài đặt và chia sẻ^{(Settings and sharing)} từ cửa sổ bật lên.

Cuộn^(Scroll) xuống trang cài đặt Lịch^(Calendar) cho đến khi bạn tìm thấy phần Tích hợp lịch^{(Integrate calendar)} .

Để hiển thị lịch của bạn với tất cả mọi người và không chỉ những người bạn chia sẻ lịch, bạn cần đặt lịch ở chế độ công khai^{( make it public)} .

Để thực hiện việc này, hãy bật hộp bên cạnh Cung cấp cho^{(Make available to public)} mọi người trong Quyền truy cập^{(Access permissions)} .

Nhúng mã vào phần HTML^{(HTML section)} của trang web hoặc bài đăng^{(page or post)} . Ví dụ: nếu bạn đang sử dụng WordPress , hãy tạo một trang mới.

Nhấp vào Văn bản^{(Text )} để chuyển sang trình soạn thảo HTML^{(HTML editor)} . Sao chép mã Nhúng^{(Embed code)} từ lịch Google của bạn và dán^{(Google calendar and paste)} vào trang.

Bấm vào tab Trực quan^{(Visual )} để xem lịch trông như thế nào trên trang của bạn. Bạn cũng có thể chọn Xem trước^(Preview) để xem nó trên giao diện người dùng của trang web.

Dán mã HTML của Lịch^{(Calendar HTML code)} vào bất kỳ trang web nào mà bạn được phép nhúng các đối tượng.

Nếu bạn thích cài đặt định dạng mặc định của Google cho lịch, bạn nên sử dụng. Để thay đổi màu sắc, kích thước và các tùy chọn khác của lịch, bạn có thể tùy chỉnh cài đặt của lịch.

Tùy chỉnh Cài đặt Lịch Google^{(Customize Google Calendar Settings)}

Nhấp vào nút Tùy chỉnh^(Customize) nằm ngay dưới mã nhúng. Điều này sẽ mở ra một cửa sổ mới.

Chỉnh sửa hoặc thêm tiêu đề vào lịch của bạn bằng cách nhập tiêu đề đó dưới Tiêu đề lịch^{(Calendar title)} . Nếu bạn muốn tiêu đề hiển thị, hãy bật hộp bên cạnh Tiêu đề^(Title) .

Chỉ định^(Specify) các yếu tố bạn muốn hiển thị trên lịch của mình bằng cách kiểm tra các cài đặt sau trong Hiển thị^(Show) :

• Chức vụ
• Nút điều hướng
• Dữ liệu
• Biểu tượng in
• Các tab
• Danh sách lịch
• Múi giờ

Kích thước mặc định^{(default size)} của Lịch Google^{(Google Calendar)} là 800 x 600. Thay đổi kích thước bằng cách di chuyển mũi tên lên và xuống bên cạnh Chiều rộng^(Width) và Chiều cao^(Height) .

Ví dụ: nếu bạn muốn nhúng lịch vào thanh bên, hãy giảm Chiều rộng^(Width) xuống kích thước nhỏ hơn, chẳng hạn như 300.

Các cài đặt khác bạn có thể tùy chỉnh bao gồm:

• Màu nền^{(Background color)} phù hợp với màu thương hiệu của bạn^{(brand color)}
• Múi giờ và ngôn ngữ
• Đường viền (bật hoặc tắt)
• Tháng mặc định
• Ngày đầu tiên trong tuần

Sau khi bạn tùy chỉnh các tùy chọn, hãy xem lịch trực tiếp^{(live calendar)} cuối cùng trên trang web của bạn. Khi bạn thay đổi một sự kiện trên lịch của mình, sự kiện đó sẽ tự động cập nhật.

Dưới đây^(Below) là ảnh chụp màn hình của chế độ xem hàng tháng.

Bạn cũng có thể xem lịch của mình theo tuần.

Nếu bạn muốn thực hiện bất kỳ thay đổi nào, bạn luôn có thể quay lại cài đặt Lịch Google^{(Google Calendar)} của mình và điều chỉnh chúng ..

Đảm bảo sao chép và dán mã HTML^{(HTML code)} mới sau khi thực hiện bất kỳ cập nhật định dạng nào để phản ánh những thay đổi mới.

Cách Cho phép Khách truy cập Lưu Sự kiện Lịch^{(How to Let Visitors Save a Calendar Event)}

Để cho phép khách truy cập lưu sự kiện của bạn trên Lịch Google^{(Google Calendar)} của riêng họ , hãy thêm một nút vào trang web của bạn. Đảm^(Make) bảo lịch của bạn ở chế độ công khai.

Mở Lịch Google^{(Google Calendar)} của bạn . Lưu ý rằng các thay đổi chỉ có thể được thực hiện từ máy tính chứ không phải ứng dụng dành cho thiết bị di động.

Để thêm sự kiện, hãy chọn ngày bạn muốn thêm sự kiện và nhấp vào Tạo^(Create) ở góc trên cùng bên trái.

Điền^(Fill) thông tin chi tiết về sự kiện của bạn vào cửa sổ bật lên và nhấp vào ^{(popup and click)} Lưu^(Save) .

Để mở một sự kiện trong lịch của bạn, hãy nhấp đúp vào sự kiện đó. Sau đó nhấp vào ba dấu chấm ở góc trên bên phải^{(right-hand corner)} để mở Tùy chọn^(Options) và chọn Xuất bản sự kiện^{(Publish event)} .

Nhúng mã HTML^{(HTML code)} từ cửa sổ bật lên trên trang web của bạn để cho phép khách truy cập thêm sự kiện vào ^{(popup window)}Lịch Google^{(Google Calendar)} của riêng họ .

Quay lại trang web của bạn và dán^{(website and paste)} mã từ nguồn hoặc chế độ xem HTML^{(source or HTML)} nơi bạn muốn nút sự kiện^{(event button)} hiển thị.

Khi khách truy cập nhấp vào nút Lịch Google^{(Google Calendar button)} , nó sẽ mở lịch của họ và thêm sự kiện vào đó. Bạn cũng có thể mời mọi người tham gia sự kiện của mình bằng liên kết được hiển thị trong cùng một cửa sổ bật lên^{(popup window)} .

Nhúng Lịch Google vào WordPress bằng các plugin^{(Embed Google Calendar into WordPress Using Plugins)}

Như với hầu hết các chức năng trong WordPress , có một plugin cho điều đó. Nhúng Lịch Google^{(Google Calendar)} vào trang web WordPress^{(WordPress website)} cũng không ngoại lệ. Dưới đây là một số plugin WordPress để bạn cân nhắc sử dụng. 

Plugin lịch đơn giản^{(Simple Calendar Plugin)}

Lịch đơn giản^{(Simple Calendar)} hiển thị các sự kiện của bạn theo tuần, tháng hoặc trong một danh sách. Thật dễ dàng để thiết lập, đáp ứng trên thiết bị di động và có thể tùy chỉnh theo nhu cầu của bạn.

Các tính năng khác bao gồm: 

• Quản lý các sự kiện trong Google và cập nhật chúng tự động trong WordPress
• Sự kiện mã màu
• Trực quan và đơn giản để cấu hình
• Chức năng bổ sung với các tiện ích bổ sung^{( add-ons)}

Plugin này là một lựa chọn tuyệt vời cho những người dùng thành thạo Lịch Google^{(Google Calendar power)} . Một tính năng độc đáo là khả năng chuyển các sự kiện được mã hóa bằng màu sắc.

Dan's Embedder cho Lịch Google^{(Dan’s Embedder for Google Calendar)}

Hiển thị^{(Display Google)} lịch Google trong danh sách hoặc chế độ xem đầy đủ với Dan's Embedder cho Lịch Google^{(Google Calendar)} .

Không cần quản lý hoặc nhập các sự kiện trong WordPress . Bạn chỉ cần một hoặc nhiều Lịch Google^{(Google Calendars)} công khai . Các tính năng khác bao gồm:

• Định cấu hình các tùy chọn bằng mã ngắn
• Chỉ định số lượng mục để hiển thị
• Nhúng nhiều lịch 

Plugin này yêu cầu khóa API^{(API key)} . Làm theo các bước dưới đây để nhận được của bạn:

• Truy cập Bảng điều khiển dành cho nhà phát triển của Google^{(Google Developers Console)}
• Từ menu bên, hãy kiểm tra API và xác^{(APIs and auth)} thực > Thông tin xác thực^(Credential)
• Nhấp vào nút Tạo khóa mới^{(Create new key)} từ phần Quyền truy cập API công khai^{(Public API access)}
• Chọn khóa Trình duyệt^{(Browser key)} và để trống Giới hạn liên kết giới thiệu^{(Referrer Limitation)}
• Đặt khóa này trên trang cài đặt plugin

Lịch sự kiện WD^{(Event Calendar WD)}

Tạo^(Create) quảng cáo sự kiện và quản lý^{(event promotion and manage)} hoặc thêm sự kiện vào blog WordPress^{(WordPress blog)} của bạn với Lịch sự kiện WD^{(Event Calendar WD)} .

Cung cấp mô tả chi tiết về các sự kiện của bạn bằng trình chỉnh sửa WordPress^{(WordPress editor)} , đính kèm thẻ và chỉ định danh mục cho từng sự kiện. Một số tính năng khác bao gồm:

• Giao diện thân thiện với người dùng để kiểm soát toàn bộ cách bạn hiển thị lịch và sự kiện trên trang web của mình
• Dễ dàng tùy chỉnh và quản lý lịch của bạn
• Số lượng lịch và sự kiện không giới hạn
• Tối ưu hóa mọi sự kiện để SEO và khả năng hiển thị công cụ tìm kiếm tốt hơn^{(SEO and search engine visibility)}
• Bật các nút chia sẻ xã hội để quảng bá về các sự kiện của bạn

Lịch đặt phòng đơn giản WP^{(WP Simple Booking Calendar)}

^(Quickly)Cài đặt và nhúng Lịch Google^{(Google Calendars)} vào trang web của bạn một cách nhanh chóng và dễ dàng.

Phiên bản miễn phí của WP Simple Booking Calendar cung cấp cho bạn quyền truy cập vào các tính năng cơ bản bạn cần, chẳng hạn như theo dõi các sự kiện của bạn. Điểm nổi bật của phiên bản miễn phí bao gồm^{(version include)} :

• Bố cục đáp ứng
• Sao lưu^(Backup) và khôi phục dữ liệu và lịch
• Hiển thị tính khả dụng của bạn 

Để có các chức năng xuất bản và chỉnh sửa nâng cao hơn, bạn có thể nâng cấp lên phiên bản Premium^{(Premium version)} .

Người dùng muốn quản lý và hiển thị tính khả dụng cho các dịch vụ của họ trên trang web của họ hoặc thông báo^{(website or announce)} các sự kiện sắp tới sẽ được hưởng lợi rất nhiều từ việc nhúng Lịch Google^{(Google Calendar)} trên trang web của họ.

Tích hợp lịch trực tiếp trên trang web của bạn sẽ giữ chân khách truy cập vào trang web của bạn và tăng cơ hội họ sẽ đặt lịch hẹn hoặc đăng ký một sự kiện.

Tất cả những gì bạn cần là kết nối internet, trình duyệt web^{(web browser)} và tài khoản Google^{(Google account)} để tạo và hiển thị lịch chuyên nghiệp trên trang web của bạn.

How To Embed Google Calendar On Your Website

Do you need a professional-looking lіve calendar on your website to let visitors know about upcoming events or to schedule an appointment? Instead of building something from scratch or using some custom calendar app that might not get future updates, why not use something that millions of others are υsing 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

• Cách Embed Google Forms trên Your Website

• Cách sử dụng Google Calendar: 10 Pro Tips

• Làm thế nào để sử dụng Google Family Calendar để Giữ Family của bạn On Time

• 2 Phím tắt trên thanh địa chỉ Chrome để tạo sự kiện trên lịch Google

• Phương pháp nghiên cứu người dùng Google Analytics để tăng lưu lượng truy cập trang web

• Google “giao thông bình thường” Lỗi là gì và như thế nào để Fix It

• Cách chèn chữ ký trong Google Docs

• Bạn có thể xóa tất cả các email từ Gmail cùng một lúc không?

• Software Reporter Tool trong Chrome and How là gì để vô hiệu hóa nó

• 10 Mẹo Lịch Google để giảm bớt căng thẳng cho lịch trình của bạn

• Cách Export and Import Chrome Bookmarks

• Cách tạo Business Card bằng Google Drive

• Google Exposure Notifications cho COVID Protection là gì?

• Làm thế nào để Fix Gmail khi nó không nhận được email

• Làm thế nào để sắp xếp hoặc Filter bởi Color trong Google Sheets

• Tại sao Lịch Google là Dịch vụ Lịch Trực tuyến Tốt nhất

• Cách thay đổi Default Google Account

• Metric and Dimension trong Google Analytics là gì?

• Làm thế nào để sử dụng Google Sheets Drop Down Lists

• Cách hủy hoặc tạm dừng YouTube Premium Subscription