Embed google calendar in wordpress

New Page

google calendar

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

Contents

  1. google calendar block
    1. Add a Google Calendar block
    2. Enable permissions and generate embed code
    3. Example of an integrated calendar
  2. Embed Google Calendar with HTML
  3. Integrate a Google calendar into your sidebar
  4. Sync iCal with Google Calendar
  5. Additional information

google calendar block

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

Add a Google Calendar block

To add the Google Calendar block , click the Add block button .

markup-2020-09-10-au-11

Alternativamente, puede escribir /google-calendarun nuevo bloque y presionar enter.

markup-2020-09-10-au-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-au-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. Go to the Access Permissions section and make your calendar public by checking the checkbox called Make available to public. 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

↑ Índice ↑

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 calendar: 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.

↑ Índice ↑

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.

↑ Índice ↑

Sincroniza iCal con Google Calendar

Bien que nous n’offrions pas actuellement de moyen d’intégrer iCal, vous pouvez synchroniser iCal avec votre compte Google Agenda et faire apparaître vos événements dans l’agenda Google intégré.

↑ Index ↑

Information complémentaire

  • Lorsque vous ajoutez Google Calendars à votre site WordPress.com, N’OUVREZ PAS manuellement le shortcode comme vous le faites normalement avec d’autres services (c’est-à-dire ne commencez pas à taper le shortcode puis collez le code du calendrier). Cela ne fonctionnera pas.
  • Pour personnaliser votre calendrier, cliquez sur le lien Personnaliser sous Intégrer le calendrier à votre calendrier Google (lors de l’étape 3 ci-dessus).

Google Calendar - CustomizePersonnalisez votre agenda Google

Vous pouvez contrôler la couleur, les boutons, la largeur, la hauteur et plus :

calendar-customizeCustomize a Google Calendar

Versatile plans and pricing

  • Free

    plan-free-circle

    the best for students

  • Personal

    circle-of-personal-plan

    The best for fans

  • Prime

    plan-premium-circle

    The best for freelancers

  • Company

    plan-business-circle

    Best for Small Business

choose a package

Am I still confused?

Contact support.

Help us improve:

We are always looking to improve our documentation. If this page didn’t answer your question or made you want to know more, let us know! We love to hear your comments. For help, use the forums or contact the support form. Thanks!

name

E-mail

Website

Δ


Video Embed google calendar in wordpress

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…