Имате ли нужда от професионално изглеждащ календар на живо на вашия уебсайт, за да информирате посетителите за предстоящи събития или да насрочите среща? Вместо да създавате нещо от нулата или да използвате някакво персонализирано приложение за календар, което може да не получава бъдещи актуализации, защо да не използвате нещо, което милиони други използват ежедневно?

По този начин можете да вградите Google Календар^{(Google Calendar)} в сайта си. Освен това е безплатен и лесен за използване. Всичко, от което се нуждаете, за да започнете, е акаунт в Google .

Започнете^(Get) , като влезете в акаунта си в Google , щракнете върху решетката с приложения до снимката на вашия профил и щракнете върху Календар^(Calendar) .

Вземете кода за вграждане^{(Get the Embed Code)}

Отворете Опции, като^{(Options by )} щракнете върху трите точки в съседство с календара, който искате да вградите.  

Щракнете върху Настройки и споделяне^{(Settings and sharing)} от изскачащия прозорец.

Превъртете^(Scroll) надолу страницата с настройки на календара^(Calendar) , докато намерите секцията Интегриране на календара^{(Integrate calendar)} .

За да направите календара си видим за всички, а не само за тези, с които го споделяте, ще трябва да го направите публичен^{( make it public)} .

За да направите това, активирайте квадратчето до Публично достъпно^{(Make available to public)} под Разрешения^{(Access permissions)} за достъп .

Вградете кода в HTML секцията на уеб страница или публикация. Например, ако използвате WordPress , създайте нова страница.

Щракнете върху Текст^{(Text )} , за да превключите към HTML редактора. Копирайте кода за вграждане от вашия Google ^(Embed)календар^(Google) и го поставете в страницата.

Щракнете върху раздела Visual , за да видите как изглежда календарът на вашата страница. Можете също да изберете Преглед^(Preview) , за да го видите в предния край на вашия уебсайт.

Поставете HTML кода на Календар^{(Calendar HTML)} във всяка уеб страница, където ви е разрешено да вграждате обекти.

Ако харесвате настройките за формат по подразбиране на Google за календара, можете да започнете. За да промените цвета, размера и други опции на вашия календар, можете да персонализирате неговите настройки.

Персонализирайте настройките на Google Календар^{(Customize Google Calendar Settings)}

Щракнете върху бутона Персонализиране^(Customize) , разположен директно под кода за вграждане. Това ще отвори нов прозорец.

Редактирайте или добавете заглавие към календара си, като го напишете под Заглавие на календара^{(Calendar title)} . Ако искате заглавието да се показва, активирайте квадратчето до Заглавие^(Title) .

Посочете^(Specify) кои елементи искате да показвате в календара си, като проверите следните настройки под Покажи^(Show) :

• Заглавие
• Бутони за навигация
• Данни
• Икона за печат
• раздели
• Списък с календари
• Часова зона

Размерът по подразбиране на Google Календар^{(Google Calendar)} е 800 на 600. Променете размера, като преместите стрелките нагоре и надолу до Ширина^(Width) и Височина^(Height) .

Например, ако искате да вградите календар в странична лента, намалете ширината^(Width) до по-малък размер, като 300.

Други настройки, които можете да персонализирате, включват:

• Цвят на фона^(Background) , за да съответства на цвета на вашата марка
• Часова зона и език
• Граница (включена или изключена)
• Месец по подразбиране
• Първи ден от седмицата

След като персонализирате опциите, вижте окончателния си календар на живо на вашата уеб страница. Когато промените събитие в календара си, то ще се актуализира автоматично.

По-долу^(Below) е екранна снимка на месечния преглед.

Можете също да видите календара си по седмица.

Ако искате да направите някакви промени, винаги можете да се върнете към настройките на Google Календар и да ги коригирате.^{(Google Calendar)}

Не забравяйте да копирате и поставите новия HTML код, след като направите актуализации на форматирането, за да отразите новите промени.

Как да позволим на посетителите да запазят събитие в календара^{(How to Let Visitors Save a Calendar Event)}

За да позволите на посетителите да запазят вашето събитие в своя собствен Google Календар^{(Google Calendar)} , добавете бутон към уебсайта си. Уверете^(Make) се, че календарът ви е публичен.

Отворете своя Google Календар^{(Google Calendar)} . Имайте предвид, че промените могат да се правят само от компютър, а не от мобилно приложение.

За да добавите събитие, изберете деня, към който искате да го добавите, и щракнете върху Създаване^(Create) в горния ляв ъгъл.

Попълнете^(Fill) подробностите за вашето събитие в изскачащия прозорец и щракнете върху Запиши^(Save) .

За да отворите събитие в календара си, щракнете двукратно върху него. След това щракнете върху трите точки в горния десен ъгъл, за да отворите Опции^(Options) и изберете Публикуване на събитие^{(Publish event)} .

Вградете HTML кода от изскачащия прозорец на уебсайта си, за да позволите на посетителите да добавят събитието към своя собствен Google Календар^{(Google Calendar)} .

Върнете се на уебсайта си и поставете кода от изгледа на източника или HTML , където искате да се показва бутонът за събитие.

Когато посетител щракне върху бутона Google Календар^{(Google Calendar)} , той ще отвори своя календар и ще добави събитието към него. Можете също да поканите хора на вашето събитие, като използвате връзката, показана в същия изскачащ прозорец.

Вграждане на Google Календар в WordPress с помощта на плъгини^{(Embed Google Calendar into WordPress Using Plugins)}

Както при повечето функции в WordPress , има плъгин за това. Вграждането на Google Календар^{(Google Calendar)} в уебсайт на WordPress не е изключение. По-долу са дадени няколко приставки за  WordPress , които да обмислите да използвате.^(WordPress)

Прост плъгин за календар^{(Simple Calendar Plugin)}

Simple Calendar показва вашите събития по седмица, месец или в списък. Лесно се настройва, мобилно реагира и може да се персонализира според вашите нужди.

Други функции включват: 

• Управлявайте събития в Google и ги актуализирайте автоматично в WordPress
• Събития с цветни кодове
• Интуитивен и лесен за конфигуриране
• Допълнителна функционалност с добавки^{( add-ons)}

Този плъгин е отличен избор за опитни потребители на Google Календар^{(Google Calendar)} . Една уникална функция е възможността за прехвърляне на цветно кодирани събития.

Dan's Embedder за Google Calendar^{(Dan’s Embedder for Google Calendar)}

Показвайте^{(Display Google)} календарите на Google в списък или пълен изглед с Dan's Embedder за Google Calendar .

Няма нужда да управлявате или импортирате събития в WordPress . Нуждаете се само от един или повече обществени календари на Google^{(Google Calendars)} . Други функции включват:

• Конфигурирайте опции с кратки кодове
• Посочете колко артикула да се показват
• Вграждане на множество календари 

Този плъгин изисква API ключ. Следвайте стъпките по-долу, за да получите своето:

• Посетете Google Developers Console
• От страничното меню проверете APIs и auth^{(APIs and auth)} > Credential
• Щракнете върху бутона Създаване на нов ключ^{(Create new key)} от секцията за достъп до публичен API^{(Public API)}
• Изберете ключ за браузъра^{(Browser key)} и оставете празно Ограничение за препращане^{(Referrer Limitation)}
• Поставете този ключ на страницата с настройки на приставката

Календар на събитията WD^{(Event Calendar WD)}

Създайте^(Create) промоция на събитие и управлявайте или добавяйте събития към вашия блог на WordPress с Календар на събития WD^{(Event Calendar WD)} .

Предоставете подробно описание на вашите събития с помощта на редактора на WordPress , прикачете тагове и задайте категории към всяко от тях. Някои други функции включват:

• Удобен за потребителя интерфейс за пълен контрол върху начина, по който показвате календари и събития на вашия уебсайт
• Лесно персонализирайте и управлявайте вашите календари
• Неограничен брой календари и събития
• Оптимизирайте всяко събитие за по-добра видимост на SEO и търсачките
• Активирайте бутоните за споделяне в социалните мрежи, за да разпространите информацията за вашите събития

WP прост календар за резервации^{(WP Simple Booking Calendar)}

Бързо^(Quickly) и лесно инсталирайте и вграждайте Google Календари^{(Google Calendars)} във вашия уебсайт.

Безплатната версия на WP Simple Booking Calendar ви дава достъп до основните функции, от които се нуждаете, като проследяване на вашите събития. Акцентите на безплатната версия включват:

• Отзивчиво оформление
• Архивиране^(Backup) и възстановяване на данни и календари
• Покажете наличността си 

За по-разширени функции за публикуване и редактиране можете да надстроите до Premium версията.

Потребителите, които искат да управляват и показват наличността си за услугите си на своя уебсайт или да обявят предстоящи събития, ще се възползват много от вграждането на Google Календар^{(Google Calendar)} в сайта си.

Интегрирането на календар директно във вашия уебсайт ще задържи посетителите на сайта ви и ще увеличи шансовете им да си уговорят среща или да се запишат за събитие.

Всичко, от което се нуждаете, е интернет връзка, уеб браузър и акаунт в Google , за да създадете и покажете професионално изглеждащ календар на вашия сайт.

How To Embed Google Calendar On Your Website

Do you need a professional-looking live calendar on your website to let vіsitоrs know about upcoming events or tо schedule an appointment? Instead of buildіng something from scratch оr using ѕome custom calendar aрp that might not get future updates, why not use something that millions of others are using on a dailу 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

• Как да вградите Google формуляри във вашия уебсайт

• Как да използвате Google Календар: 10 професионални съвета

• Как да използвате семейния календар на Google, за да поддържате семейството си навреме

• 2 преки пътища в адресната лента на Chrome за създаване на събития в Google Календар

• Методи за изследване на потребителите на Google Analytics за увеличаване на трафика на уебсайтове

• Не получавате известия от Gmail? 10 начина за поправяне

• Как да премахнете изпращането на имейл в Gmail

• Липсва джаджа на лентата за търсене на Google? Как да го възстановите на Android

• Как да филтрирате в Google Таблици

• Как да прегледате вашата история на търсене в Google Maps

• Как да използвате падащи списъци на Google Sheets

• Как да вмъкнете подпис в Google Документи

• Добавете упътвания за шофиране на Google Maps към вашия уебсайт

• Как да поправите Gmail, когато не получава имейли

• 3 начина за създаване на граници в Google Документи

• Как да настроите гласова поща в Google Voice

• Как да промените Google акаунта по подразбиране

• Как да използвате Google Tasks – Начално ръководство

• 9 скрити функции в Google Maps, които трябва да проверите

• Как да изключите Google SafeSearch