คุณต้องการปฏิทินสดที่ดูเป็นมืออาชีพบนเว็บไซต์ของคุณเพื่อแจ้งให้ผู้เยี่ยมชมทราบเกี่ยวกับกิจกรรมที่จะเกิดขึ้นหรือเพื่อกำหนดเวลาการนัดหมายหรือไม่? แทนที่จะสร้างบางอย่างตั้งแต่เริ่มต้นหรือใช้แอปปฏิทินแบบกำหนดเอง^{(custom calendar app)}ที่อาจไม่ได้รับการอัปเดตในอนาคต ทำไมไม่ลองใช้สิ่งที่คนอื่นนับล้านใช้เป็นประจำทุกวันล่ะ

เมื่อไปที่เส้นทางนั้น คุณจะฝังGoogle ปฏิทิน^{(Google Calendar)}ลงในไซต์ของคุณได้ นอกจากนี้ยังฟรีและใช้งานง่าย สิ่งที่คุณต้องมีในการเริ่มต้นคือบัญชีGoogle^{(Google account)}

เริ่มต้น ด้วย^(Get)การลงชื่อเข้าใช้บัญชี Google^{(Google account)} ของคุณ คลิกที่ตารางแอพถัดจากรูปโปรไฟล์ของคุณและคลิก^{(picture and click)}ที่ปฏิทิน^(Calendar)

รับรหัสฝังตัว^{(Get the Embed Code)}

เปิดตัวเลือกโดย^{(Options by )}คลิกที่จุดสามจุดที่อยู่ติดกับปฏิทินที่คุณต้องการฝัง  

คลิกที่การตั้งค่าและการแชร์^{(Settings and sharing)}จากป๊อปอัป

เลื่อน^(Scroll)ลงไปที่ หน้าการตั้งค่า ปฏิทิน^(Calendar)จนกว่าคุณจะพบส่วนรวมปฏิทิน^{(Integrate calendar)}

หากต้องการให้ทุกคนมองเห็นปฏิทินของคุณ ไม่ใช่เฉพาะคนที่คุณแชร์ด้วย คุณจะต้องทำให้เป็น^{( make it public)}สาธารณะ

ในการดำเนินการนี้ ให้เปิดใช้งานช่องถัดจากทำให้เป็นสาธารณะ^{(Make available to public)}ภายใต้สิทธิ์การ^{(Access permissions)}เข้าถึง

ฝังโค้ดลงในส่วน HTML^{(HTML section)}ของหน้าเว็บหรือโพส^{(page or post)}ต์ ตัวอย่างเช่น หากคุณใช้WordPressให้สร้างหน้าใหม่

คลิกที่ข้อความ^{(Text )}เพื่อสลับไปยังโปรแกรมแก้ไข HTML ^{(HTML editor)}คัดลอกโค้ดฝัง^{(Embed code)} ตัว จากปฏิทิน Google ของคุณแล้ววาง^{(Google calendar and paste)}ลงในเพจ

คลิกที่ แท็บ ภาพ^{(Visual )}เพื่อดูว่าปฏิทินมีลักษณะอย่างไรบนหน้าของคุณ คุณยังสามารถเลือกดูตัวอย่าง^(Preview)เพื่อดูได้ที่ส่วนหน้าของเว็บไซต์ของคุณ

วางโค้ด HTML ของปฏิทิน^{(Calendar HTML code)}ลงในหน้าเว็บใดๆ ที่คุณอนุญาตให้ฝังวัตถุ

หากคุณชอบการตั้งค่ารูปแบบเริ่มต้นของ Google สำหรับปฏิทิน คุณก็พร้อม หากต้องการเปลี่ยนสี ขนาด และตัวเลือกอื่นๆ ของปฏิทิน คุณสามารถปรับแต่งการตั้งค่าปฏิทินได้

ปรับแต่งการตั้งค่า Google ปฏิทิน^{(Customize Google Calendar Settings)}

คลิก ปุ่ม กำหนดเอง^(Customize) ที่ อยู่ใต้โค้ดฝังตัวโดยตรง นี้จะเปิดหน้าต่างใหม่

แก้ไขหรือเพิ่มชื่อในปฏิทินของคุณโดยพิมพ์ภายใต้ชื่อปฏิทิน ^{(Calendar title)}หากคุณต้องการให้แสดงชื่อเรื่อง ให้เปิดใช้งานช่องถัดจากชื่อ^(Title)

ระบุ^(Specify)องค์ประกอบที่คุณต้องการให้แสดงในปฏิทินของคุณโดยตรวจสอบการตั้งค่าต่อไปนี้ภายใต้Show :

• ชื่อ
• ปุ่มนำทาง
• ข้อมูล
• พิมพ์ไอคอน
• แท็บ
• รายการปฏิทิน
• เขตเวลา

ขนาดเริ่มต้น^{(default size)}ของGoogle ปฏิทิน^{(Google Calendar)}คือ 800 x 600 เปลี่ยนขนาดโดยเลื่อนลูกศรขึ้นและลงถัดจากความกว้าง^(Width)และความสูง^(Height)

ตัวอย่างเช่น หากคุณต้องการฝังปฏิทินบนแถบด้านข้าง ให้ลดความกว้าง^(Width)ให้เล็กลง เช่น 300

การตั้งค่าอื่นๆ ที่คุณปรับแต่งได้ ได้แก่:

• สีพื้นหลัง^{(Background color)}ให้เข้ากับสีแบรนด์ ของคุณ^{(brand color)}
• เขตเวลาและภาษา
• เส้นขอบ (เปิดหรือปิด)
• เดือนเริ่มต้น
• วันแรกของสัปดาห์

หลังจากที่คุณปรับแต่งตัวเลือกแล้ว ให้ดูปฏิทินสด^{(live calendar)} สุดท้าย ของคุณบนหน้าเว็บของคุณ เมื่อคุณเปลี่ยนกิจกรรมในปฏิทิน กิจกรรมนั้นจะอัปเดตโดยอัตโนมัติ

ด้านล่างนี้^(Below)เป็นภาพหน้าจอของมุมมองรายเดือน

คุณยังสามารถดูปฏิทินของคุณตามสัปดาห์

หากต้องการเปลี่ยนแปลง คุณสามารถกลับไปที่ การตั้งค่า Google ปฏิทิน^{(Google Calendar)}และปรับเปลี่ยนได้ ตลอดเวลา

อย่าลืมคัดลอกและวางโค้ด HTML^{(HTML code)} ใหม่ หลังจากอัปเดตการจัดรูปแบบเพื่อให้สอดคล้องกับการเปลี่ยนแปลงใหม่

วิธีให้ผู้เข้าชมบันทึกกิจกรรมในปฏิทิน^{(How to Let Visitors Save a Calendar Event)}

หากต้องการให้ผู้เยี่ยมชมสามารถบันทึกกิจกรรมของคุณในGoogle ปฏิทิน^{(Google Calendar)}ให้เพิ่มปุ่มในเว็บไซต์ของคุณ ตรวจสอบ ให้^(Make)แน่ใจว่าปฏิทินของคุณเป็นแบบสาธารณะ

เปิดGoogle ปฏิทินของ^{(Google Calendar)}คุณ โปรดทราบว่าการเปลี่ยนแปลงสามารถทำได้จากคอมพิวเตอร์เท่านั้น ไม่สามารถทำการเปลี่ยนแปลงจากแอปบนอุปกรณ์เคลื่อนที่ได้

หากต้องการเพิ่มกิจกรรม ให้เลือกวันที่คุณต้องการเพิ่มแล้วคลิกสร้าง^(Create)ที่มุมซ้ายบน

กรอก^(Fill)รายละเอียดกิจกรรมของคุณใน ป๊อปอัป แล้วคลิก^{(popup and click)} บันทึก^(Save)

หากต้องการเปิดกิจกรรมในปฏิทิน ให้ดับเบิลคลิกที่กิจกรรม จากนั้นคลิกจุดสามจุดที่มุมขวาบน^{(right-hand corner)}เพื่อเปิดตัวเลือก^(Options)และเลือกเผยแพร่กิจกรรม^{(Publish event)}

ฝังโค้ดHTML^{(HTML code)}จากหน้าต่างป๊อปอัป^{(popup window)}บนเว็บไซต์ของคุณ เพื่อให้ผู้เยี่ยมชมสามารถเพิ่มกิจกรรมในGoogle ปฏิทิน^{(Google Calendar)} ของตนเอง ได้

กลับไปที่เว็บไซต์ของคุณแล้ววาง^{(website and paste)}โค้ดจากซอร์สหรือมุมมอง HTML^{(source or HTML)}ที่คุณต้องการให้ปุ่มเหตุการณ์^{(event button)}แสดง

เมื่อผู้เข้าชมคลิกที่ปุ่ม Google ปฏิทิน ปฏิทิน^{(Google Calendar button)}จะเปิดขึ้นและเพิ่มกิจกรรมลงในปฏิทิน คุณยังสามารถเชิญบุคคลเข้าร่วมกิจกรรมของคุณโดยใช้ลิงก์ที่แสดงในหน้าต่างป๊อปอัป^{(popup window)}เดียวกัน

ฝัง Google ปฏิทินลงใน WordPress โดยใช้ปลั๊กอิน^{(Embed Google Calendar into WordPress Using Plugins)}

เช่นเดียวกับฟังก์ชั่นส่วนใหญ่ในWordPressมีปลั๊กอินสำหรับสิ่งนั้น การฝังGoogle ปฏิทิน^{(Google Calendar)}ลงในเว็บไซต์ WordPress^{(WordPress website)}ก็ไม่มีข้อยกเว้น ด้านล่างนี้คือ ปลั๊กอิน WordPress หลาย ตัวให้คุณพิจารณาใช้ 

ปลั๊กอินปฏิทินอย่างง่าย^{(Simple Calendar Plugin)}

ปฏิทินแบบง่าย^{(Simple Calendar)}แสดงกิจกรรมของคุณตามสัปดาห์ เดือน หรือในรายการ ตั้งค่าได้ง่าย ตอบสนองต่ออุปกรณ์เคลื่อนที่ และปรับแต่งได้ตามความต้องการของคุณ

คุณสมบัติอื่น ๆ ได้แก่ : 

• จัดการกิจกรรมในGoogleและอัปเดตโดยอัตโนมัติในWordPress
• เหตุการณ์รหัสสี
• ใช้งานง่ายและตรงไปตรงมาในการกำหนดค่า
• ฟังก์ชันเพิ่มเติมพร้อมโปรแกรมเสริม^{( add-ons)}

ปลั๊กอินนี้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้ใช้ระดับสูงของ Google ปฏิทิน ^{(Google Calendar power)}คุณลักษณะเฉพาะอย่างหนึ่งคือความสามารถในการถ่ายโอนเหตุการณ์ที่มีรหัสสี

Dan's Embedder สำหรับ Google ปฏิทิน^{(Dan’s Embedder for Google Calendar)}

แสดง Google^{(Display Google)}ปฏิทินในรายการหรือมุมมองแบบเต็มด้วย Dan's EmbedderสำหรับGoogle ปฏิทิน^{(Google Calendar)}

ไม่จำเป็นต้องจัดการหรือนำเข้ากิจกรรมในWordPress คุณต้องการGoogle ปฏิทิน^{(Google Calendars)} สาธารณะ อย่างน้อย 1 รายการเท่านั้น คุณสมบัติอื่น ๆ ได้แก่ :

• กำหนดค่าตัวเลือกด้วยรหัสย่อ
• ระบุจำนวนที่ต้องการแสดง
• ฝังหลายปฏิทิน 

ปลั๊กอินนี้ต้องใช้คีย์API ^{(API key)}ทำตามขั้นตอนด้านล่างเพื่อรับของคุณ:

• ไปที่Google Developers Console
• จากเมนูด้านข้าง ตรวจสอบAPIs และ auth^{(APIs and auth)} > Credential
• คลิกปุ่มสร้างคีย์ใหม่^{(Create new key)}จากส่วนการเข้าถึง API สาธารณะ^{(Public API access)}
• เลือกรหัสเบราว์เซอร์^{(Browser key)}และปล่อยข้อจำกัดผู้อ้างอิง^{(Referrer Limitation)}ว่างไว้
• ใส่คีย์นี้ในหน้าการตั้งค่าปลั๊กอิน

ปฏิทินกิจกรรม WD^{(Event Calendar WD)}

สร้าง^(Create)การโปรโมตกิจกรรมและจัดการ^{(event promotion and manage)}หรือเพิ่มกิจกรรมในบล็อก WordPress^{(WordPress blog)} ของ คุณด้วยปฏิทินกิจกรรม WD^{(Event Calendar WD)}

ให้คำอธิบายโดยละเอียดเกี่ยวกับกิจกรรมของคุณโดยใช้ตัวแก้ไข WordPress^{(WordPress editor)}แนบแท็ก และกำหนดหมวดหมู่ให้กับแต่ละ กิจกรรม คุณสมบัติอื่น ๆ ได้แก่ :

• อินเทอร์เฟซที่ใช้งานง่ายสำหรับการควบคุมวิธีแสดงปฏิทินและกิจกรรมบนเว็บไซต์ของคุณอย่างเต็มรูปแบบ
• ปรับแต่งและจัดการปฏิทินของคุณได้อย่างง่ายดาย
• ไม่จำกัดจำนวนปฏิทินและกิจกรรม
• เพิ่มประสิทธิภาพทุกเหตุการณ์เพื่อSEO และการมองเห็นที่ดีขึ้นของเครื่องมือค้นหา^{(SEO and search engine visibility)}
• เปิดใช้งานปุ่มแบ่งปันทางสังคมเพื่อกระจายคำเกี่ยวกับกิจกรรมของคุณ

WP ปฏิทินการจองอย่างง่าย^{(WP Simple Booking Calendar)}

^(Quickly)ติดตั้งและฝังGoogle ปฏิทิน^{(Google Calendars)}บนเว็บไซต์ของคุณอย่างรวดเร็ว และง่ายดาย

ปฏิทินการจอง WP Simple Booking^{(WP Simple Booking Calendar)}เวอร์ชันฟรีช่วยให้คุณเข้าถึงคุณสมบัติพื้นฐานที่คุณต้องการ เช่น การติดตามกิจกรรมของคุณ ไฮไลท์ของรุ่นฟรีได้แก่^{(version include)} :

• รูปแบบตอบสนอง
• สำรอง^(Backup)และกู้คืนข้อมูลและปฏิทิน
• แสดงความพร้อมใช้งานของคุณ 

สำหรับฟังก์ชันการเผยแพร่และแก้ไขขั้นสูง คุณสามารถอัปเกรดเป็นเวอร์ชันพรีเมียม^{(Premium version)}

ผู้ใช้ที่ต้องการจัดการและแสดงความพร้อมใช้งานสำหรับบริการของตนบนเว็บไซต์หรือประกาศ^{(website or announce)}กิจกรรมที่จะเกิดขึ้นจะได้รับประโยชน์อย่างมากจากการฝังGoogle ปฏิทิน^{(Google Calendar)}ในไซต์ของตน

การผสานรวมปฏิทินบนเว็บไซต์ของคุณโดยตรงจะทำให้ผู้เยี่ยมชมอยู่ในไซต์ของคุณ และเพิ่มโอกาสที่พวกเขาจะทำการนัดหมายหรือสมัครเข้าร่วมกิจกรรม

สิ่งที่คุณต้องมีคือการเชื่อมต่ออินเทอร์เน็ตเว็บเบราว์เซอร์^{(web browser)}และบัญชี Google^{(Google account)}เพื่อสร้างและแสดงปฏิทินที่ดูเป็นมืออาชีพบนไซต์ของคุณ

How To Embed Google Calendar On Your Website

Do уou need a professional-looking lіve calendar on your website to let vіsitors know about upcoming events or to schedule an aрpointment? Instead of building something from scratch or using some custom calendar app that might not get future updateѕ, why not use somеthing that millions of others аre using on a daіly 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

• วิธีการ Embed Google Forms บน Your Website

• วิธีการใช้ Google Calendar: 10 Pro Tips

• วิธีใช้ Google Family Calendar เพื่อให้ Family ของคุณใน Time

• 2 ทางลัดแถบที่อยู่ของ Chrome เพื่อสร้างกิจกรรม Google ปฏิทิน

• วิธีการวิจัยผู้ใช้ Google Analytics เพื่อเพิ่มการเข้าชมเว็บไซต์

• วิธีการ Fix Gmail เมื่อมันไม่ได้รับอีเมล

• คืออะไร Google Exposure Notifications สำหรับ COVID Protection?

• วิธีการ Export and Import Chrome Bookmarks

• วิธีดู Google Maps Search History ของคุณ

• วิธียกเลิกหรือหยุดชั่วคราว YouTube Premium Subscription

• วิธีการที่ใช้ใน SUMIF Google แผ่น

• วิธีใช้งาน Google Tasks - คู่มือการเริ่มต้นใช้งาน

• วิธีการสร้าง Google Form สอง: Complete Guide

• 8 Google Search Tips: ค้นหาสิ่งที่คุณเป็น Looking สำหรับเสมอ

• วิธีใช้การแจ้งเตือนของ Google ปฏิทินเพื่อรองรับ Atomic Habits

• วิธีการ Filter ในแผ่น Google

• Google My Activity: ทำไมคุณควรดูแล

• วิธีการเปลี่ยน Default Google Account

• เหตุใด Google ปฏิทินจึงเป็นบริการปฏิทินออนไลน์ที่ดีที่สุด

• Google Search Bar Widget Missing? วิธีการคืนค่าใน Android