WordPress google calendar integration

New Page

icon-256x256

To download

Calendar of events for Google

ByComplementos azules

  • Details
  • Resenas
  • Facility
  • Apoyo
  • Desarrollo

Description

Events Calendar for Google: List all events in Google’s public calendar on the WordPress website. Le ayuda a proporcionar a su usuario la best experiencia visual mientras enumera sus programas. Useful to enumerate music concerts, educational ferias, health awareness programs, live transmission of social redes and much more that adapts to our business needs.

For using Google Calendar

El calendario de Google se usa ampliamente para reservar citas, configurar events y su notification, agregar invitados, enviar recordatorios, etc. Todos los propietarios de negocios lo usan según sus necesidades. For a web site is a positive factor tener sus anuncios, events or programs listed so that the usuarios can participate or contribute voluntarily. Of predetermined form, you can embed an iframe to include your calendario in any website. This completes the visual appearance of the calendar, which is easy to use, more connective and much more personalized options.

Siga los steps of water installation

Read the documentation

Test the Pro version

Compra aqui | Read the documentation

A video guide

Features

  • List all events in a public calendar from Google
  • 3 Lista de designers incorporated, cuadrícula, calendario de Google
  • Option of style personalized for botones, colors of encabezados y muchos más
  • Show and hide options for each section
  • Pagination for longer events
  • Shortcode based implementation
  • Mobile friendly

What’s new in the Pro version

  • 4 exclusive layouts launched in Pro
  • Search for events using advanced filters/searches
  • List your upcoming events in the sidebar
  • Revised date format option
  • Random and custom color scheme
  • Custom links For anchor and button styles

Screenshot

screenshot-1List view

screenshot-2Grid view

screenshot-3Calendar display

screenshot-4control panel

List view

Vista in cuadrícula Calendar view control panel

Facility

  1. Install and activate “Events Calendar for Google” from the wordpress directory.
  2. Accédez aux paramètres du plug-in et soumettez la clé d’api Google et l’identifiant du calendrier.
  3. Enregistrez vos paramètres.
  4. Maintenant, implémentez le shortcode [ECFG_calender_events] n’importe où sur votre site Web.

Please read the documentation for any other details.

Reviews

d510b194f729ea1e07b7121c860cd57c

Easy Peasy Lemon Squeezey

valleeman October 2, 2022

The basic functions are all I need and I’m very pleased with Events Calendar For Google. There was one bug early on but I think it has since been resolved. The calendar is very eye-catching and allows a viewer to drill down into the details. Thank you to the developers for keeping up with the fixes and the improvements.

b89e9315b9e7186a9fb06d85686b4754

Hard to use

María Castro Calzada September 27, 2022

Hard to use and sync. Once it works it is great, but it is prone to errors.

b112915cd00e12c6ace1cfae2f4a3f13

One time zone makes the plugin worthless

hutchmedia September 20, 2022

Having all menus in UTC only takes away all the good. The plugin would be perfect…but customers/viewers can’t be expected to manually calculate from UTC to EST. I see a lot of comments on support about this very issue.

fefa011a49c28c7a8a474ce67457a0ac

Meilleur plugin google cal que j’ai trouvé

ximénia 30 juillet 2022

J’ai essayé plusieurs plugins de calendrier google et celui-ci est mon préféré, il fonctionne bien, il est facile à configurer et l’équipe de support est très bonne et répond rapidement ! Excellent plug-in.

532dbaa5f70aa2b8bd005569865766bc

Cela fonctionne bien pour afficher les événements d’un calendrier

zekecato 19 juillet 2022

I like the focus and simplicity of this plugin. Very easy to set up and then use a shortcode. What I would really like is to be able to do different calendars on different pages, with different shortcodes. I can get away with this, but multiple calendars would make this a 5 star plugin for me.

f1ae52254b06df416f315becdf080928

Best Calendar Plugin for Google Calendar

Comida Truck MayoKechu July 17, 2022

Best calendar plugin for Google Calendar. My only wish is that it be updated more frequently.

Read all 12 reviews

Contributors & Developers

“Events Calendar for Google” is open source software. The following people have contributed to this plugin.

Contributors

  • 46bbcfa8044315a5fd313487e99edb41Rupinder Kaur
  • d0b485ded04161f204d8c1dbff044e88blue plugins

Translate “Calendar of Events for Google” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the dev diary via RSS.

Change log

Version 2.0.2| August 25, 2022

Improvement: Removed timezone error message for empty timezone id. Improvement: error notice for no event. Improvement: time format changed to 24 hour format.

Release 2.0.1| July 30, 2022

Improvement: incorrect date issue for the first sorted grid.

Release 2.0.0| July 18, 2022

Improvement: Replace attribute files with a hook for better access. Improvement: Improvements to the presentation of Google calendar views. Improved: Mobile responsive up to 479 for better device range.

Release 1.9.0| July 07, 2022

Improvement: Removed numeric paging list issue. Improved: Date section time zone matches event time zone.

Release 1.8.0| June 23, 2022

Improved: Recurring events issue sorted. Improvement: current date filter to list events.

Release 1.7.0| June 17, 2022

Improvement: Version compatibility. Improvement: Updated notification.

Release 1.6.0| June 06, 2022

Improvement: Version compatibility. Improved: Added rating and rating widget. Improvement: Added translations for Spanish, Chinese and French. Improvement: Removed “headers already sent” activation error. Improvement: Remove cmb2/languages ​​folder. Improvement: Removal of activation and deactivation files.

Release 1.5.0| April 20, 2022

Improvement: Version compatibility. Improvement: event status confirmed condition added.

Release 1.4.0| March 17, 2022

Improvement: Added show/hide timezome section. Improvement: Removed:seconds from time . Improvement: Show on map if location is given. Improved: Customizing header tags for SEO. Improvement: CSS tweaks. Improvement: Added Ajax pagination. Improvement: Updated Cmb library to remove deprecated function.

Release 1.3.0| Jan 30, 2022

Improvement: capture of h4 tags. Improvement: Removed title cleanup issue.

Release 1.2.0| Jan 10, 2022

Improvement: the time is displayed according to the events of the selected time zone. Improvement: Time zone section is added. Improvement: Fixed font icon issues.

Release 1.0.0| 08 NOVEMBER 2021

Improvement: title, description and list of Read more buttons. Improvement: Events sorted by date.

First exit

Meta

  • Version: 2.0.2
  • Last update: 2 months ago
  • Active installs: 1,000+
  • WordPress Version: 4.5 or higher
  • Tested up to: 6.0.2
  • PHP Version: 5.6 or higher
  • Tags:

    calendario Evento calendario of eventos eventos calendario of google

  • AdvancedView

Calificaciones Ver todo

  • 5 stars 8
  • 4 stars 2
  • 3 stars 1
  • 2 stars 0
  • 1 star 1

Inicie sesión para enviar una reseña.

contributors

  • 46bbcfa8044315a5fd313487e99edb41Rupinder Kaur
  • d0b485ded04161f204d8c1dbff044e88BluePlugins

Support

Issues resolved in last two months:

4 out of 11

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin

How to Add a Google Calendar in WordPress (Step by Step)

Last updated on October 6th, 2021 by Editorial Staff | Reader DisclosureDisclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

Comparte 689 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

Do you want to add a Google Calendar in your WordPress site?

Google Calendar is a useful app to use for your website, since it makes it easy to share your in-person and virtual events for all your visitors to see.

In this article, we will show you how to add a Google Calendar in WordPress, step by step.

How to aggregate Google Calendar in WordPress (step by step) Comment ajouter Google Calendar dans WordPress (étape par étape)

Why Add Google Calendar to WordPress

Google Calendar is one of the most widely used free Google Tools. By adding Google Calendar to WordPress, you can easily display upcoming events to your visitors.

This lets you show upcoming webinars, virtual retreats, online sermons, coaching calls, and more.

Plus, when you make changes to your Google Calendar, your website calendar will update automatically with no added work on your end.

That being said, let’s show you how to add a Google Calendar to your WordPress site.

Adding Google Calendar in WordPress Using a Plugin

First thing you need to do is install and activate the Simple Calendar – Google Calendar Plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Calendars » Settings to setup the plugin.

Then, click the ‘Google Developers Console’ link.

Haga clic en el enlace Consola de desarrollador de Google Click Google Developer Console link

This will bring you to the Google Cloud Platform, where you can connect the plugin to your Google Calendar. This requires giving the plugin access to your calendar data with a Google API key.

To do this, click the ‘Create Project’ button.

Google Cloud haga clic en crear proyecto Google Cloud click create project

This brings you to a screen where you need to provide a name for your project and choose the ‘Organization’ and ‘Location’.

The name can be anything you want, but we recommend using something that helps you identify the project. For the other two fields, you can simply enter the URL for your website.

Then, click the ‘Create’ button.

Nombre y cree un nuevo proyecto de API Name and create new API project

After that, you’ll be redirected to your project dashboard.

Here, you need to click the ‘Enable APIs and Services’ option.

Habilitar API y servicios Enable APIs and services

This brings you to a page that shows all of Google’s APIs.

You need to select the ‘Google Calendar API’ in the ‘Google Workspace’ section to continue.

Seleccione la API de Google Calendar Select Google Calendar API

Next, click the ‘Enable’ button.

This activates the API so that you can generate an API code.

Enable Google Calendar API Enable Google Calendar API

On the next screen, click the ‘Create Credentials’ button.

Then, select ‘API key’ from the drop down list.

Create credentials for API key Create credentials for API key

This will bring up a popup that contains your API key.

You need to copy this and paste it into your favorite text editor.

Copy API key Copy API key

After that, head back to the plugin settings screen in your WordPress dashboard and enter your API key.

Then, click the ‘Save Changes’ button.

Enter API key and save Enter API key and save

Now you have successfully connected your WordPress website with Google Calendar, and are ready to add your calendar to your website.

Making Your Google Calendar Public

If you want to share a Google Calendar, then first you’ll need to change the calendar settings to make it public.

To do that, first you need to open up the Google Calendar you want to add to your WordPress site.

Then, click the ‘Gear’ icon and select ‘Settings’ from the drop down list.

Google Calendar settings Google Calendar settings

After that, click on the name of the calendar you want to share in the ‘Settings for my calendars’ section.

This will open up the individual calendar settings on a new page.

Click on Google Calendar Click on Google Calendar

Next, check the ‘Make available to public’ box in the ‘Access permissions for events’ section.

Then, click ‘Okay’ in the popup box.

Check make available to public box Check make available to public box

Once you’ve done that, scroll down to the ‘Integrate calendar’ section.

Here you’ll need to copy the ‘Calendar ID’ and paste it into your preferred text editor, so you can have it handy for a later step.

Copy calendar ID Copy calendar ID

Adding Your Google Calendar to WordPress

Next, you need to use the Simple Calendar plugin to create a new calendar that you will embed into your site.

From your WordPress dashboard, simply go to Calendars » Add New to bring up the calendar editor.

Add new calendar Add new calendar

First, enter a title for your calendar. You will notice that the plugin has already added some shortcodes and text in the text area. You can leave that as it is and scroll down to the ‘Calendar Settings’ box below the text editor.

Then, click on the ‘Google Calendar’ tab and paste the Calendar ID you copied into your text editor earlier.

Add Google Calendar ID Add Google Calendar ID

You can also click on other tabs in the calendar settings box to customize how the calendar will display on your WordPress site.

When you’re done, simply click the ‘Publish’ button to save your calendar.

Display Google Calendar on Your WordPress Site

The calendar you just created isn’t visible on your WordPress blog yet. You still need to add the calendar to a WordPress post or page.

To add your calendar to a page, simply go to Pages » Add New, and give your page a name.

Then, click the ‘Plus’ icon to bring up the blocks menu and select the ‘Shortcode’ option.

Create new Google Calendar page Create new Google Calendar page

After that, you need to enter the shortcode for your new calendar.

You can find this by going to Calendars » All Calendars and finding the associated shortcode.

Find calendar shortcode Find calendar shortcode

Once you’re done making changes to your calendar page, simply click the ‘Publish’ button.

You can add this shortcode to any area of your website, including widgets, to simply display your new calendar.

Your new calendar will now be live on your WordPress site. It will automatically update as you add new events.

When your users mouse over an event it will display the event details.

Google Calendar events example Google Calendar events example

If you want to let users book appointments through Google Calendar, then see our guide on how to add Google Calendar events from your WordPress contact form.

We hope this article helped you learn how to add Google Calendar in WordPress. You may also want to see our comparison of the difference between a domain name and web hosting and our expert picks of the best payroll software for your small business.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Comparte 689 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

Google Calendar

Google Calendar is a free calendar application from Google that makes it easy to keep track of life’s important events all in one place.

Table of Contents

  1. Google Calendar Block
    1. Add the Google Calendar Block
    2. Enable Permissions and Generate the Embed Code
    3. Example of an Embedded Calendar
  2. Embed a Google Calendar with HTML
  3. Embed a Google Calendar into your Sidebar
  4. Sync iCal with Google Calendar
  5. Additional Info

Google Calendar Block

You can use the Google Calendar Block to add your calendar directly into a post or a page.

Add the Google Calendar Block

In order to add the Google Calendar Block, click on the Add Block button.

markup-2020-09-10-at-11

Alternatively, you can type /google-calendar in a new block and press enter.

markup-2020-09-10-at-11

For more, visit our detailed instructions on adding blocks.

Once you add the block, it will ask you to enable permissions for the calendar and to copy the calendar embed code:

markup-2020-09-10-at-11

Enable Permissions and Generate the Embed Code

You can embed a Google Calendar into your WordPress.com site by using the Google Calendar embed code. To generate your embed code, please follow these steps:

In Google Calendar

  1. Click the three dots next to your calendar name and select the Settings and Sharing link. Google Calendar - Settings and Sharing
  2. Vaya a la  sección Permisos de acceso  y haga público su calendario marcando la casilla de verificación  Poner a disposición del público . Google Calendar - Make Public
  3. Vaya a la sección Integrar calendario y copie el código de inserción para pegarlo en el bloque. El código de inserción contiene el nombre de su cuenta de Google, así que asegúrese de que está de acuerdo con hacer público ese nombre. google-calendar-integrate-calendar-1
Ejemplo de un calendario incrustado

↑ Table of Contents ↑

Incrustar un calendario de Google con HTML

Estos son los pasos para incrustar un calendario de Google con HTML:

  1. Edite la página o publicación a la que desea agregar el calendario de Google.
  2. Agregue un nuevo bloque HTML . Google Calendar - HTML Block
  3. Pegue el código de inserción que copió de su calendario de Google. Google Calendar - HTML Embed Code
  4. Publicar o Actualizar su página o publicación.
  5. La próxima vez que edite su página o publicación, notará que el código de inserción se ha convertido en código abreviado.

Google Calendario: converted to shortcode Código de inserción convertido a Shortcode

Si está utilizando el Editor clásico , puede cambiar a la pestaña HTML en el editor para pegar el código de inserción.

↑ Table of Contents ↑

Incruste un calendario de Google en su barra lateral

  1. Siga los pasos 1-5 anteriores y copie el código abreviado del paso 5.
  2. Vaya a Personalizar → Widgets y seleccione el área de widgets en la que desea que aparezca su calendario.
  3. Agregue un widget HTML personalizado a su barra lateral.
  4. Agrega un título a tu widget (si quieres uno).
  5. Pegue el código abreviado en el widget HTML personalizado.
  6. Haga clic en el botón Publicar y vaya a su sitio y admire su nuevo y asombroso calendario.

↑ Table of Contents ↑

Sincroniza iCal con Google Calendar

Aunque actualmente no ofrecemos una forma de integrar iCal, puede sincronizar iCal con su cuenta de Google Calendar y hacer que sus eventos aparezcan en el Google Calendar incorporado.

↑ Table of Contents ↑

Additional Info

  • Al agregar Calendarios de Google su site de WordPress.com, NO abra manualmente el código abreviado como lo hace normally con otros servicios (es decir, no commeience a escribir el código abreviado and luego pegue el código del calendario). Esto no funcionará.
  • To personalize the calendar, click on the link Personalize debajo de Integrar calendario en su Calendario de Google (during the previous step 3).

Google Calendario - PersonalizationGoogle Calendar Customization

Podrás controlar el color, los botones, el ancho, alto y más:

calendar-customizeCustomizing a Google Calendar

Versatile plans and pricing

  • Free

    plan-free-circle

    Ideal for students

  • Personal

    plan-personal-circle

    Ideal for hobbyists

  • Prime

    plan-premium-circle

    Ideal for freelancers

  • Company

    plan-business-circle

    Ideal for small businesses

Choose a package

Still confused?

Contact support.

Ayúdanos has improved:

Siempre buscamos to improve new documentation. If this page no respondió a su pregunta o lo dejó con ganas de más, ¡háganoslo saber! Our encanta escuchar sus comentarios. To obtain assistance, use the forums or póngase in contact with the form of assistance. Thanks !

Last name

E-mail

Website

Δ


Video WordPress google calendar integration

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…