Hai bisogno di un calendario dal vivo dall'aspetto professionale sul tuo sito web per far conoscere ai visitatori gli eventi imminenti o per fissare un appuntamento? Invece di creare qualcosa da zero o utilizzare un'app di calendario personalizzata^{(custom calendar app)} che potrebbe non ricevere aggiornamenti futuri, perché non utilizzare qualcosa che milioni di altri utilizzano quotidianamente?

Seguendo quel percorso, puoi incorporare un Google Calendar sul tuo sito. È anche gratuito e facile da usare. Tutto ciò che serve per iniziare è un account Google^{(Google account)} .

^(Get)Inizia accedendo al tuo account Google^{(Google account)} , fai clic sulla griglia delle app accanto all'immagine del tuo profilo e fai clic^{(picture and click)} su Calendario^(Calendar) .

Ottieni il codice di incorporamento^{(Get the Embed Code)}

Apri Opzioni facendo^{(Options by )} clic sui tre punti adiacenti al calendario che desideri incorporare.  

Fai clic su Impostazioni e condivisione^{(Settings and sharing)} dal popup.

Scorri^(Scroll) verso il basso la pagina delle impostazioni del calendario fino a trovare la sezione ^(Calendar)Integra calendario^{(Integrate calendar)} .

Per rendere il tuo calendario visibile a tutti e non solo a coloro con cui lo condividi, dovrai renderlo pubblico^{( make it public)} .

A tale scopo, abilita la casella accanto a Rendi disponibile al pubblico^{(Make available to public)} in Autorizzazioni di accesso^{(Access permissions)} .

Incorpora il codice nella sezione HTML^{(HTML section)} di una pagina web o di un post^{(page or post)} . Ad esempio, se stai utilizzando WordPress , crea una nuova pagina.

Fare clic su Testo^{(Text )} per passare all'editor HTML^{(HTML editor)} . Copia il codice di incorporamento^{(Embed code)} dal tuo calendario di Google e incollalo^{(Google calendar and paste)} nella pagina.

Fai clic sulla scheda Visuale^{(Visual )} per vedere come appare il calendario sulla tua pagina. Puoi anche selezionare Anteprima^(Preview) per vederlo sul front-end del tuo sito web.

Incolla il codice HTML del calendario^{(Calendar HTML code)} in qualsiasi pagina Web in cui ti è consentito incorporare oggetti.

Se ti piacciono le impostazioni di formato predefinite di Google per il calendario, sei a posto. Per modificare il colore, le dimensioni e altre opzioni del tuo calendario, puoi personalizzarne le impostazioni.

Personalizza le impostazioni di Google Calendar^{(Customize Google Calendar Settings)}

Fai clic sul pulsante Personalizza^(Customize) che si trova direttamente sotto il codice di incorporamento. Questo aprirà una nuova finestra.

Modifica o aggiungi un titolo al tuo calendario digitandolo in Titolo del calendario^{(Calendar title)} . Se desideri visualizzare il titolo, abilita la casella accanto a Titolo^(Title) .

Specifica^(Specify) quali elementi vuoi mostrare sul tuo calendario controllando le seguenti impostazioni in Mostra^(Show) :

• Titolo
• Pulsanti di navigazione
• Dati
• Icona di stampa
• Schede
• Elenco del calendario
• Fuso orario

La dimensione predefinita^{(default size)} di Google Calendar è 800 per 600. Modifica la dimensione spostando le frecce su e giù accanto a Larghezza^(Width) e Altezza^(Height) .

Ad esempio, se desideri incorporare un calendario su una barra laterale, riduci la Larghezza^(Width) a una dimensione più piccola, ad esempio 300.

Altre impostazioni che puoi personalizzare includono:

• Colore di sfondo^{(Background color)} per abbinare il colore del tuo marchio^{(brand color)}
• Fuso orario e lingua
• Confine (attivato o disattivato)
• Mese predefinito
• Primo giorno della settimana

Dopo aver personalizzato le opzioni, visualizza il tuo calendario live^{(live calendar)} finale sulla tua pagina web. Quando modifichi un evento nel tuo calendario, questo si aggiornerà automaticamente.

Di seguito^(Below) è riportato uno screenshot della visualizzazione mensile.

Puoi anche visualizzare il tuo calendario per settimana.

Se desideri apportare modifiche, puoi sempre tornare alle impostazioni di Google Calendar e modificarle..

Assicurati di copiare e incollare il nuovo codice HTML^{(HTML code)} dopo aver apportato eventuali aggiornamenti di formattazione per riflettere le nuove modifiche.

Come consentire ai visitatori di salvare un evento del calendario^{(How to Let Visitors Save a Calendar Event)}

Per consentire ai visitatori di salvare il tuo evento sul proprio Google Calendar , aggiungi un pulsante al tuo sito web. Assicurati^(Make) che il tuo calendario sia pubblico.

Apri il tuo Google Calendar . Tieni presente che le modifiche possono essere apportate solo da un computer e non da un'app mobile.

Per aggiungere un evento, seleziona il giorno in cui vuoi aggiungerlo e fai clic su Crea^(Create) nell'angolo in alto a sinistra.

Inserisci^(Fill) i dettagli del tuo evento nel popup e fai clic su ^{(popup and click)} Salva^(Save) .

Per aprire un evento nel tuo calendario, fai doppio clic su di esso. Quindi fai clic sui tre punti nell'angolo in alto a destra^{(right-hand corner)} per aprire Opzioni^(Options) e seleziona Pubblica evento^{(Publish event)} .

Incorpora il codice HTML^{(HTML code)} dalla finestra popup^{(popup window)} sul tuo sito web per consentire ai visitatori di aggiungere l'evento al proprio calendario di Google^{(Google Calendar)} .

Torna al tuo sito Web e incolla^{(website and paste)} il codice dalla visualizzazione sorgente o HTML^{(source or HTML)} in cui desideri visualizzare il pulsante dell'evento^{(event button)} .

Quando un visitatore fa clic sul pulsante Google Calendar^{(Google Calendar button)} , aprirà il suo calendario e vi aggiungerà l'evento. Puoi anche invitare persone al tuo evento utilizzando il link visualizzato nella stessa finestra popup^{(popup window)} .

Incorpora Google Calendar in WordPress usando i plugin^{(Embed Google Calendar into WordPress Using Plugins)}

Come con la maggior parte delle funzioni in WordPress , esiste un plug-in per questo. L'incorporamento di un calendario di Google^{(Google Calendar)} in un sito Web WordPress^{(WordPress website)} non fa eccezione. Di seguito sono riportati diversi plugin di  WordPress che puoi considerare di utilizzare.^(WordPress)

Plugin semplice calendario^{(Simple Calendar Plugin)}

Calendario semplice^{(Simple Calendar)} mostra i tuoi eventi per settimana, mese o in un elenco. È facile da configurare, mobile responsive e personalizzabile in base alle tue esigenze.

Altre caratteristiche includono: 

• Gestisci gli eventi in Google e aggiornali automaticamente in WordPress
• Eventi di codice colore
• Intuitivo e semplice da configurare
• Funzionalità aggiuntive con componenti aggiuntivi^{( add-ons)}

Questo plugin è una scelta eccellente per gli utenti esperti di Google Calendar^{(Google Calendar power)} . Una caratteristica unica è la capacità di trasferire eventi con codice colore.

Embedder di Dan per Google Calendar^{(Dan’s Embedder for Google Calendar)}

Visualizza i^{(Display Google)} calendari di Google in un elenco o in una visualizzazione completa con Dan's Embedder per Google Calendar .

Non è necessario gestire o importare eventi in WordPress . Hai solo bisogno di uno o più calendari Google^{(Google Calendars)} pubblici . Altre caratteristiche includono:

• Configura le opzioni con gli shortcode
• Specifica quanti articoli mostrare
• Incorpora più calendari 

Questo plugin richiede una chiave API^{(API key)} . Segui i passaggi seguenti per ottenere il tuo:

• Visita la Console per gli sviluppatori di Google^{(Google Developers Console)}
• Dal menu laterale, controlla API e auth^{(APIs and auth)} > Credential
• Fare clic sul pulsante Crea nuova chiave^{(Create new key)} dalla sezione Accesso API pubblico^{(Public API access)}
• Seleziona la chiave del browser^{(Browser key)} e lascia vuota la limitazione del referrer^{(Referrer Limitation)}
• Inserisci questa chiave nella pagina delle impostazioni del plug-in

Calendario eventi WD^{(Event Calendar WD)}

Crea^(Create) una promozione di un evento e gestisci^{(event promotion and manage)} o aggiungi eventi al tuo blog WordPress^{(WordPress blog)} con Event Calendar WD .

Fornisci una descrizione dettagliata dei tuoi eventi utilizzando l' editor di WordPress^{(WordPress editor)} , allega tag e assegna categorie a ciascuno di essi. Alcune altre caratteristiche includono:

• Interfaccia intuitiva per il pieno controllo su come visualizzare i calendari e gli eventi sul tuo sito web
• Personalizza e gestisci facilmente i tuoi calendari
• Un numero illimitato di calendari ed eventi
• Ottimizza ogni evento per una migliore visibilità SEO e sui motori di ricerca^{(SEO and search engine visibility)}
• Abilita i pulsanti di condivisione social per spargere la voce sui tuoi eventi

Calendario di prenotazione semplice WP^{(WP Simple Booking Calendar)}

Installa^(Quickly) e incorpora Google Calendars nel tuo sito web in modo facile e veloce.

La versione gratuita di WP Simple Booking Calendar ti dà accesso alle funzionalità di base di cui hai bisogno come tenere traccia dei tuoi eventi. I punti salienti della versione gratuita includono^{(version include)} :

• Disposizione reattiva
• Backup e ripristino di dati e calendari
• Mostra la tua disponibilità 

Per funzioni di pubblicazione e modifica più avanzate, puoi eseguire l'aggiornamento alla versione Premium^{(Premium version)} .

Gli utenti che desiderano gestire e visualizzare la propria disponibilità per i propri servizi sul proprio sito Web o annunciare^{(website or announce)} eventi imminenti trarranno grandi vantaggi dall'incorporamento di un calendario di Google^{(Google Calendar)} nel proprio sito.

L'integrazione di un calendario direttamente sul tuo sito Web manterrà i visitatori sul tuo sito e aumenterà le possibilità che fissino un appuntamento o si iscrivano a un evento.

Tutto ciò di cui hai bisogno è una connessione Internet, un browser web^{(web browser)} e un account Google^{(Google account)} per creare e visualizzare un calendario dall'aspetto professionale sul tuo sito.

How To Embed Google Calendar On Your Website

Do yоu need a professional-looking live сalendar on your websitе to let visitors know about upcoming events or to schedυle an appointment? Instead of building something from scratch or using ѕome custom calendar app that might not get future uрdates, why not υse something that milliоns of others are υsing on a daily basiѕ?

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

• Come Embed Google Forms su Your Website

• Come usare Google Calendar: 10 Pro Tips

• Come utilizzare Google Family Calendar per mantenere il tuo Family su Time

• 2 scorciatoie della barra degli indirizzi di Chrome per creare eventi di Google Calendar

• Metodi di ricerca degli utenti di Google Analytics per aumentare il traffico del sito web

• Perché Google Calendar è il miglior servizio di calendario online

• Cos'è un errore "unusuale traffico" di Google e come risolverlo

• Qual è la Google App & How di usarlo

• Come Export and Import Chrome Bookmarks

• 10 suggerimenti di Google Calendar per ridurre lo stress del tuo programma

• Come visualizzare il tuo Google Maps Search History

• Google Search Bar Widget Missing? Come ripristinarlo su Android

• Come condividere un calendario di Google

• Come utilizzare Google Task - Guida introduttiva

• Come annullare o mettere in pausa un YouTube Premium Subscription

• Come modificare lo Default Google Account

• 9 Hidden Caratteristiche in Google Maps Dovresti controllare

• Come Fix Gmail Quando non riceve e-mail

• È possibile cancellare tutte le email da Gmail in una volta?

• Come Filter in fogli Google