Har du brug for en professionelt udseende live-kalender på din hjemmeside for at fortælle besøgende om kommende begivenheder eller for at planlægge en aftale? I stedet for at bygge noget fra bunden eller bruge en brugerdefineret kalenderapp, der måske ikke får fremtidige opdateringer, hvorfor så ikke bruge noget, som millioner af andre bruger dagligt?

Går den vej, kan du integrere en Google-kalender^{(Google Calendar)} på dit websted. Det er også gratis og nemt at bruge. Alt du behøver for at komme i gang er en Google- konto.

Kom^(Get) i gang ved at logge ind på din Google -konto, klik på apps-gitteret ud for dit profilbillede og klik på Kalender^(Calendar) .

Hent Embed-koden^{(Get the Embed Code)}

Åbn Indstillinger ved^{(Options by )} at klikke på de tre prikker ved siden af ​​den kalender, du vil integrere.  

Klik på Indstillinger og deling^{(Settings and sharing)} fra pop op-vinduet.

Rul^(Scroll) ned på siden med kalenderindstillinger^(Calendar) , indtil du finder afsnittet Integrer kalender^{(Integrate calendar)} .

For at gøre din kalender synlig for alle og ikke kun dem, du deler den med, skal du gøre den offentlig^{( make it public)} .

For at gøre dette skal du aktivere feltet ud for Gør tilgængelig for offentlig^{(Make available to public)} under Adgangstilladelser^{(Access permissions)} .

Integrer koden i HTML -sektionen på en webside eller et indlæg. For eksempel, hvis du bruger WordPress , skal du oprette en ny side.

Klik på Tekst^{(Text )} for at skifte til HTML -editoren. Kopiér Embed -koden fra din Google - kalender, og indsæt den på siden.

Klik på fanen Visuelt^{(Visual )} for at se, hvordan kalenderen ser ud på din side. Du kan også vælge Preview for at se det på forsiden af ​​dit websted.

Indsæt Kalender HTML^{(Calendar HTML)} -koden på en hvilken som helst webside, hvor du har tilladelse til at indlejre objekter.

Hvis du kan lide Googles standardformatindstillinger for kalenderen, er du godt i gang. For at ændre farve, størrelse og andre muligheder for din kalender kan du tilpasse dens indstillinger.

Tilpas Google Kalender-indstillinger^{(Customize Google Calendar Settings)}

Klik på knappen Tilpas^(Customize) , som er placeret direkte under indlejringskoden. Dette åbner et nyt vindue.

Rediger eller tilføj en titel til din kalender ved at skrive den under Kalendertitel^{(Calendar title)} . Hvis du ønsker, at titlen skal vises, skal du aktivere feltet ud for Titel^(Title) .

Angiv^(Specify) hvilke elementer du vil vise i din kalender ved at markere følgende indstillinger under Vis^(Show) :

• Titel
• Navigationsknapper
• Data
• Udskriv ikon
• Faner
• Kalenderliste
• Tidszone

Standardstørrelsen for Google Kalender^{(Google Calendar)} er 800 gange 600. Skift størrelsen ved at flytte op- og nedpilene ud for Bredde^(Width) og Højde^(Height) .

For eksempel, hvis du vil integrere en kalender på en sidebjælke, skal du reducere bredden^(Width) til en mindre størrelse, såsom 300.

Andre indstillinger, du kan tilpasse, omfatter:

• Baggrundsfarve^(Background) , der matcher din mærkefarve
• Tidszone og sprog
• Kant (til eller fra)
• Standard måned
• Ugens første dag

Når du har tilpasset mulighederne, kan du se din endelige live-kalender på din webside. Når du ændrer en begivenhed i din kalender, opdateres den automatisk.

Nedenfor^(Below) er et skærmbillede af den månedlige visning.

Du kan også se din kalender efter uge.

Hvis du vil foretage ændringer, kan du altid gå tilbage til dine Google Kalender-^{(Google Calendar)} indstillinger og justere dem.

Sørg for at kopiere og indsætte den nye HTML -kode, efter at du har foretaget formateringsopdateringer for at afspejle de nye ændringer.

Sådan lader du besøgende gemme en kalenderbegivenhed^{(How to Let Visitors Save a Calendar Event)}

For at give besøgende mulighed for at gemme din begivenhed i deres egen Google-kalender^{(Google Calendar)} , skal du tilføje en knap til dit websted. Sørg^(Make) for, at din kalender er offentlig.

Åbn din Google Kalender^{(Google Calendar)} . Bemærk, at ændringer kun kan foretages fra en computer og ikke en mobilapp.

For at tilføje en begivenhed skal du vælge den dag, du vil tilføje den til, og klikke på Opret^(Create) i øverste venstre hjørne.

Udfyld^(Fill) detaljerne for din begivenhed i pop op-vinduet, og klik på Gem^(Save) .

For at åbne en begivenhed i din kalender skal du dobbeltklikke på den. Klik derefter på de tre prikker i øverste højre hjørne for at åbne Indstillinger^(Options) , og vælg Udgiv begivenhed^{(Publish event)} .

Integrer HTML -koden fra pop op-vinduet på dit websted for at gøre det muligt for besøgende at tilføje begivenheden til deres egen Google-kalender^{(Google Calendar)} .

Gå tilbage til dit websted, og indsæt koden fra kilde- eller HTML - visningen, hvor du ønsker, at begivenhedsknappen skal vises.

Når en besøgende klikker på Google Kalender-^{(Google Calendar)} knappen, åbner den deres kalender og tilføjer begivenheden til den. Du kan også invitere folk til din begivenhed ved at bruge linket, der vises i det samme popup-vindue.

Integrer Google Kalender i WordPress ved hjælp af plugins^{(Embed Google Calendar into WordPress Using Plugins)}

Som med de fleste funktioner i WordPress , er der et plugin til det. Indlejring af en Google-kalender^{(Google Calendar)} i et WordPress- websted er ingen undtagelse. Nedenfor er flere WordPress -plugins, som du kan overveje at bruge. 

Simpelt kalenderplugin^{(Simple Calendar Plugin)}

Simpel kalender^{(Simple Calendar)} viser dine begivenheder efter uge, måned eller på en liste. Det er nemt at konfigurere, mobilresponsivt og kan tilpasses til dine behov.

Andre funktioner omfatter: 

• Administrer begivenheder i Google og få dem opdateret automatisk i WordPress
• Farvekodehændelser
• Intuitiv og ligetil at konfigurere
• Yderligere funktionalitet med tilføjelser^{( add-ons)}

Dette plugin er et glimrende valg for superbrugere af Google Kalender^{(Google Calendar)} . En unik funktion er muligheden for at overføre farvekodede begivenheder.

Dan's Embedder til Google Kalender^{(Dan’s Embedder for Google Calendar)}

Vis Google^{(Display Google)} -kalendere i en liste eller fuld visning med Dan's Embedder til Google Kalender^{(Google Calendar)} .

Der er ingen grund til at administrere eller importere begivenheder i WordPress . Du behøver kun en eller flere offentlige Google-kalendere^{(Google Calendars)} . Andre funktioner omfatter:

• Konfigurer muligheder med shortcodes
• Angiv, hvor mange elementer der skal vises
• Integrer flere kalendere 

Dette plugin kræver en API- nøgle. Følg nedenstående trin for at få din:

• Besøg Google Developers Console
• Fra sidemenuen skal du kontrollere API'er og godkendelse^{(APIs and auth)} > legitimationsoplysninger^(Credential)
• Klik på knappen Opret ny nøgle^{(Create new key)} i sektionen Offentlig API-^{(Public API)} adgang
• Vælg Browser-nøgle,^{(Browser key)} og lad Referrer Limitation være tom
• Sæt denne nøgle på siden med plugin-indstillinger

Begivenhedskalender WD^{(Event Calendar WD)}

Opret^(Create) en begivenhedskampagne og administrer eller tilføj begivenheder til din WordPress - blog med Event Calendar WD .

Giv en detaljeret beskrivelse af dine begivenheder ved hjælp af WordPress- editoren, vedhæft tags, og tildel kategorier til hver enkelt. Nogle andre funktioner omfatter:

• Brugervenlig grænseflade til fuld kontrol over, hvordan du viser kalendere og begivenheder på din hjemmeside
• Tilpas og administrer nemt dine kalendere
• Et ubegrænset antal kalendere og begivenheder
• Optimer hver begivenhed for bedre SEO og søgemaskine synlighed
• Aktiver sociale delingsknapper for at sprede budskabet om dine begivenheder

WP Simple Booking Kalender^{(WP Simple Booking Calendar)}

^(Quickly)Installer og integrer Google Kalendere ^{(Google Calendars)}hurtigt og nemt på dit websted.

Den gratis version af WP Simple Booking Calendar giver dig adgang til de grundlæggende funktioner, du har brug for, såsom at holde styr på dine begivenheder. Højdepunkter i den gratis version inkluderer:

• Responsive layout
• Sikkerhedskopier^(Backup) og gendan data og kalendere
• Vis din tilgængelighed 

For mere avancerede publicerings- og redigeringsfunktioner kan du opgradere til Premium - versionen.

Brugere, der ønsker at administrere og vise deres tilgængelighed for deres tjenester på deres websted eller annoncere kommende begivenheder, vil have stor gavn af at indlejre en Google-kalender^{(Google Calendar)} på deres websted.

Integrering af en kalender direkte på dit websted vil holde besøgende på dit websted og øge chancerne for, at de laver en aftale eller tilmelder sig en begivenhed.

Alt hvad du behøver er en internetforbindelse, en webbrowser og en Google -konto for at oprette og vise en professionelt udseende kalender på dit websted.

How To Embed Google Calendar On Your Website

Do you need a professional-looking live сalendar on уour website to let visitors know about upсomіng events or to schedule an appointment? Instead of building something from scratch or υsing some custom calendar app 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

• Sådan indlejrer du Google Forms på dit websted

• Sådan bruger du Google Kalender: 10 Pro-tip

• Sådan bruger du Google familiekalender til at holde din familie til tiden

• 2 Chrome-adresselinjegenveje til oprettelse af Google Kalender-begivenheder

• Google Analytics-brugerforskningsmetoder til at øge webstedstrafik

• Kan du slette alle e-mails fra Gmail på én gang?

• 8 Google Søgetip: Find altid det, du leder efter

• Sådan kommer du til Inbox Zero i Gmail

• Hvad er en Google "usædvanlig trafik"-fejl, og hvordan man løser det

• Sådan bruger du Google Tasks – Kom godt i gang-vejledning

• Sådan sletter du YouTube-historik og søgeaktivitet

• Sådan sender du private e-mails i Gmail

• Sådan ændres standard Google-kontoen

• Sådan rettes Gmail, når det ikke modtager e-mails

• Sådan laver du en Google-formular: En komplet vejledning

• Sådan annulleres afsendelsen af ​​en e-mail i Gmail

• Sådan får du vist din Google Maps-søgehistorik

• Får du ikke Gmail-meddelelser? 10 måder at rette på

• De 7 bedste Gmail-tilføjelser

• Hvad er en metrik og dimension i Google Analytics?