Welcome to WPBeginner and thanks for
watching.
In this video we'll take a look at how
to add Google Calendar in your WordPress
website. So if you're ready let's get
started. The first thing we want to go
ahead and do is login to your WordPress
dashboard and the first thing we want to
add is a plugin so we will go to our
plugins area, add new, and under the
search plugins area we want to type in
simple calendar and hit enter to search.
And we're looking for this one the
simple calendar Google Calendar plugin.
So let's go ahead install that now. After we install it we also need to activate the plugin.
And when we do, you can see a settings area here
you can also come over here and go to
Settings. We need to set some things up
so you want to make sure that you are logged
in to the Google account that you want to
set this up with, and then you're
going to want to go to the developers
console for Google because we need to
sign up and get a Google API key.
So I know that I'm under my WPBeginner account
and this is the home page so we want to
enable and manage APIs. You can name
this, this is for your reference
and then you can tell them what you want
and you need to agree to their terms.
Now it will bring you over to all of their API area and what we're specifically looking for
is over here the Google Apps API. We want
the Google Calendar API so I'm gonna click on that
And we want to enable it here
and as you see it says that it's enabled but you need to create some
credentials for it so let's go ahead and
go to credentials. So just take you over here.
We want to make sure that you are doing the
Google Calendar API. We're going to be calling it
from the web server.
name it again
Here you can leave the IP address blank
so we're going to just click Create and then it'll
give you your API key, we want to copy that right now and then let's go back to our
settings and input the API key there and
click Save Changes.
Alright what they did was allow WordPress
to talk to the Google Calendar so the
next thing we need to do is we also need
to set up a calendar that we're sharing.
So we need to share our calendar our Google
Calendar with the world so we'll do that
next. Let's go to our Google Calendar and under my
calendars you can either create a new
calendar so then you, you could say have your own personal calendar that you still
use for your own appointments and things
and then create a new calendar for the website.
Let's go ahead and do that.
We can set up all this information, the
defaults are fine so we'll create that calendar.
Under the public calendar I want to click on the drop down because I need
to share this calendar.
And then I want to click make it public
when I'm doine with that I'll click save and it gives us a little warning so
we're okay with that, say yes.
Alright now I also need to grab the URL of the calendar
So I'm gonna click on the drop down again and I want to go to calendar settings. From there I need
to go to calendar details,
scroll all the way down and we're looking for the calendar address. That's the calendar ID and I wanna
grab that. Make sure you get the whole
thing but not the...
Once we copy that let's go ahead and copy that information.
Let's go to our settings, back to our settings and from down here we want to add new calendar.
Here we need to add a title and down here you have all of this you can leave that blank.
Alright once you fill all this
information out you're gonna go ahead and
scroll down here we wanna go to Google
Calendar tab and we need to paste that
calendar ID that we had in there. You
can leave everything else blank.
Once you fill that in you can leave all that blank,
go to appearance and even set up more,
change the effect make it more
personalized to your site. We'll leave it like that
Over here you see the calendar shortcode that you can use in a post or a page to show that off.
I'm gonna click publish. Alright once we've published that we also need to grab the shortcode down here
so I'm gonna copy that.
And now we need to add a new
page I'm gonna go to add new under pages give
it a title and then add the shortcode
that I just copied and click Publish
and then now I can take a look at the
calendar on my site, see what it looks like and as you
see this is it you can see that we
already have an event under here because I
put it in the calendar. So now you have
that on your page.
Aside from adding it to a page you can
also add the calendar to your sidebar or
to a widget area so we're gonna go over to appearance widgets and I'm gonna scroll down to find
simple calendar and I'm gonna drag it over here to
my sidebar. From here you can give it a title
if you have multiple calendars you can
choose that from the drop down we have just
that one so we'll do that and we'll click
save. Now when I go to my site
go to the front page of my site you can see
that I have a calendar here and that's how
you had a Google Calendar to your WordPress
website.
If you like this video click on the like button
and go ahead and leave us a comment there, we'd love to hear from you.
And subscribe to our YouTube channel to get the latest videos.
