Да ли вам је потребан календар уживо професионалног изгледа на вашој веб локацији да бисте посетиоце обавестили о предстојећим догађајима или да бисте заказали састанак? Уместо да направите нешто од нуле или користите неку прилагођену апликацију календара која можда неће добити будућа ажурирања, зашто не користите нешто што милиони других користе свакодневно?

Идући тим путем, можете да уградите Гоогле календар^{(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) уређивач. Копирајте код за уградњу^(Embed) из свог Гоогле^(Google) календара и налепите га на страницу.

Кликните на картицу Визуелно^{(Visual )} да видите како календар изгледа на вашој страници. Такође можете да изаберете Преглед^(Preview) да бисте га видели на предњем крају своје веб локације.

Налепите ХТМЛ^{(Calendar HTML)} код Календара на било коју веб страницу на коју вам је дозвољено да уграђујете објекте.

Ако вам се свиђају Гоогле-ова подразумевана подешавања формата за календар, спремни сте. Да бисте променили боју, величину и друге опције свог календара, можете да прилагодите његова подешавања.

Прилагодите подешавања Гоогле календара^{(Customize Google Calendar Settings)}

Кликните на дугме Прилагоди^(Customize) које се налази директно испод кода за уграђивање. Ово ће отворити нови прозор.

Уредите или додајте наслов свом календару тако што ћете га откуцати под насловом календара^{(Calendar title)} . Ако желите да се наслов прикаже, омогућите оквир поред Наслов^(Title) .

Одредите^(Specify) које елементе желите да прикажете у свом календару тако што ћете проверити следећа подешавања у оквиру Прикажи^(Show) :

• Наслов
• Дугмад за навигацију
• Подаци
• Икона за штампање
• Табс
• Листа календара
• Временска зона

Подразумевана величина Гоогле календара^{(Google Calendar)} је 800 пута 600. Промените величину померањем стрелица нагоре и надоле поред ширине^(Width) и висине^(Height) .

На пример, ако желите да уградите календар на бочну траку, смањите ширину^(Width) на мању величину, на пример 300.

Остала подешавања која можете прилагодити укључују:

• Боја позадине^(Background) која одговара боји вашег бренда
• Временска зона и језик
• Граница (укључена или искључена)
• Подразумевани месец
• Први дан у недељи

Након што прилагодите опције, погледајте свој коначни календар уживо на својој веб страници. Када промените догађај у календару, он ће се аутоматски ажурирати.

Испод^(Below) је снимак екрана месечног приказа.

Такође можете да видите свој календар по недељама.

Ако желите да унесете било какве промене, увек се можете вратити на подешавања Гоогле календара^{(Google Calendar)} и прилагодити их.

Обавезно копирајте и налепите нови ХТМЛ^(HTML) код након било каквих ажурирања форматирања како би се одразиле нове промене.

Како дозволити посетиоцима да сачувају догађај у календару^{(How to Let Visitors Save a Calendar Event)}

Да бисте омогућили посетиоцима да сачувају ваш догађај у свом Гоогле календару^{(Google Calendar)} , додајте дугме на своју веб локацију. Уверите^(Make) се да је ваш календар јаван.

Отворите свој Гоогле календар^{(Google Calendar)} . Имајте на уму да промене могу да се изврше само са рачунара, а не са мобилне апликације.

Да бисте додали догађај, изаберите дан у који желите да га додате и кликните на Креирај^(Create) у горњем левом углу.

Унесите^(Fill) детаље вашег догађаја у искачући прозор и кликните на Сачувај^(Save) .

Да бисте отворили догађај у свом календару, двапут кликните на њега. Затим кликните на три тачке у горњем десном углу да бисте отворили Опције^(Options) и изаберите Објави догађај^{(Publish event)} .

Уградите ХТМЛ^(HTML) код из искачућег прозора на вашој веб локацији да бисте омогућили посетиоцима да додају догађај у свој Гоогле календар^{(Google Calendar)} .

Вратите се на своју веб локацију и налепите код из изворног или ХТМЛ^(HTML) приказа где желите да се прикаже дугме догађаја.

Када посетилац кликне на дугме Гоогле календар^{(Google Calendar)} , отвориће његов календар и додати догађај у њега. Такође можете позвати људе на свој догађај користећи везу приказану у истом искачућем прозору.

Уградите Гоогле календар у ВордПресс помоћу додатака^{(Embed Google Calendar into WordPress Using Plugins)}

Као и код већине функција у ВордПресс-^(WordPress) у , постоји додатак за то. Уградња Гоогле календара^{(Google Calendar)} у ВордПресс^(WordPress) веб локацију није изузетак. Испод је неколико ВордПресс^(WordPress) додатака које можете користити. 

Једноставан додатак за календар^{(Simple Calendar Plugin)}

Једноставан календар^{(Simple Calendar)} приказује ваше догађаје по седмици, месецима или на листи. Једноставан је за подешавање, прилагодљив за мобилне уређаје и прилагодљив вашим потребама.

Остале карактеристике укључују: 

• Управљајте догађајима у Гоогле^(Google) -у и аутоматски их ажурирајте у ВордПресс -у^(WordPress)
• Догађаји код боја
• Интуитиван и једноставан за конфигурисање
• Додатна функционалност са додацима^{( add-ons)}

Овај додатак је одличан избор за напредне кориснике Гоогле календара^{(Google Calendar)} . Једна јединствена карактеристика је могућност преноса догађаја означених бојама.

Дан'с Ембеддер за Гоогле календар^{(Dan’s Embedder for Google Calendar)}

Прикажите Гоогле^{(Display Google)} календаре на листи или у целости са Дан'с Ембеддер^(Embedder) за Гоогле календар^{(Google Calendar)} .

Нема потребе за управљањем или увозом догађаја у ВордПресс^(WordPress) -у . Потребан вам је само један или више јавних Гоогле календара^{(Google Calendars)} . Остале карактеристике укључују:

• Конфигуришите опције са кратким кодовима
• Одредите колико ставки желите да прикажете
• Уградите више календара 

Овај додатак захтева АПИ^(API) кључ. Пратите доле наведене кораке да бисте добили своје:

• Посетите Гоогле Девелоперс Цонсоле^{(Google Developers Console)}
• У бочном менију проверите АПИ-ји и аутх^{(APIs and auth)} > Акредитив^(Credential)
• Кликните на дугме Креирај нови кључ^{(Create new key)} у одељку Приступ јавном АПИ- ју^{(Public API)}
• Изаберите тастер претраживача^{(Browser key)} и оставите Ограничење упућивача^{(Referrer Limitation)} празно
• Ставите овај кључ на страницу са подешавањима додатка

Календар догађаја ВД^{(Event Calendar WD)}

Направите^(Create) промоцију догађаја и управљајте или додајте догађаје на свој ВордПресс^(WordPress) блог помоћу Календара догађаја ВД^{(Event Calendar WD)} .

Наведите детаљан опис ваших догађаја користећи ВордПресс^(WordPress) едитор, приложите ознаке и доделите категорије сваком од њих. Неке друге карактеристике укључују:

• Корисничко сучеље за потпуну контролу над начином на који приказујете календаре и догађаје на вашој веб локацији
• Лако прилагодите своје календаре и управљајте њима
• Неограничен број календара и догађаја
• Оптимизујте сваки догађај за бољу видљивост СЕО^(SEO) и претраживача
• Омогућите дугмад за дељење на друштвеним мрежама да бисте проширили вест о својим догађајима

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

Брзо^(Quickly) и лако инсталирајте и уградите Гоогле календаре^{(Google Calendars)} на своју веб локацију.

Бесплатна верзија ВП Симпле Боокинг Цалендар^{(WP Simple Booking Calendar)} вам даје приступ основним функцијама које су вам потребне, као што је праћење ваших догађаја. Најважније карактеристике бесплатне верзије укључују:

• Одговарајући Распоред
• Прављење резервних копија^(Backup) и враћање података и календара
• Прикажите своју доступност 

За напредније функције објављивања и уређивања, можете надоградити на Премиум^(Premium) верзију.

Корисници који желе да управљају и прикажу своју доступност за своје услуге на својој веб локацији или најављују предстојеће догађаје имаће велике користи од уградње Гоогле календара^{(Google Calendar)} на своју веб локацију.

Интегрисање календара директно на вашу веб локацију ће задржати посетиоце на вашој веб локацији и повећати шансе да закажу састанак или се пријаве за догађај.

Све што вам је потребно је интернет веза, веб прегледач и Гоогле^(Google) налог да бисте направили и приказали календар професионалног изгледа на вашој веб локацији.

How To Embed Google Calendar On Your Website

Do you need a professional-looking live calendar on your website to let visіtorѕ know about upcoming еvents or to schedule an appoіntment? Instеad of building something from sсratch or using some custom calendar apр that might not get future updates, why not use something 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

• Како да уградите Гоогле формуларе на своју веб локацију

• Како се користи Гоогле календар: 10 професионалних савета

• Како да користите Гоогле породични календар да ваша породица буде на време

• 2 пречице у Цхроме адресној траци за креирање догађаја у Гоогле календару

• Методе истраживања корисника Гоогле аналитике за повећање саобраћаја на веб локацији

• Шта је Гоогле апликација и како је користити

• Како уметнути потпис у Гоогле документе

• Како функционише ИоуТубе алгоритам?

• Како користити СУМИФ у Гоогле табелама

• Како да искључите Гоогле СафеСеарцх

• Како да поправите Гмаил када не прима е-пошту

• Шта је побољшана заштита у Гоогле Цхроме-у и како је омогућити

• Како отказати или паузирати ИоуТубе Премиум претплату

• Како направити резервну копију историје Гоогле Цхроме-а

• Како направити визит карту на Гоогле диску

• Како направити линијски графикон у Гоогле табелама

• Како опозвати слање е-поште у Гмаил-у

• 7 најбољих додатака за Гмаил

• Како користити више заустављања у Гоогле мапама

• Гоогле Моја активност: Зашто би требало да бринете