Skip to main content

Google Calendar Integration

Google Calendar Integration on RnB Plugin



info

Google calendar integration only works on a live server. It's impossible to use or test the feature on your localhost. After deploying your site in the server, then connect google calendar integration. We recommend you to change to monthly displaying setting for showing all the product orders.

Step 1: Go To Google Developers Console

To use this integration, go to the Google Developers Console.

Step 2: Create Project On Google Calendar

Go to: Projects > Create Project button. A popup should appear and ask for Project Name and Project ID. Enter your preferences.

For example

GoogleCalendarProject.jpg

After creating the project, you'll get the project name in the dashboard.

CreateProject.jpg

Then change the project dashboard to your created project.

ChangeProject.jpg

Step 3: Enable the Calendar API

Then from the sidebar,

Go to API & Services -> Enable APIs & Service

EnableServices.jpg

Then Go To Library and Enable Google Calendar API

GoToLibrary.jpg EnableGoogleAPI.jpg

Step 4: Create Calendar Credentials

After enabling the API, you've to create the credentials for your API. To do that, go to,

  • APIs & Services -> Credentials -> Create Credentials -> oAuth Client ID

GoToCredentials.jpg

GoToOAuth.jpg

It'll ask for you to configure consent.

ConfigureConsent.jpg

Use external

External.jpg

Fill out the form with your website information

ConsentForm1.jpg

ConsentForm2.jpg

Then again, click on oAuth

GoToOAuth.jpg

It'll redirect to you an application form, where you've to fill the form with your website credentials.

CreateOAuth.jpg

You'll get the redirect URL from your website wp-admin -> Settings -> Integration -> Google Calendar

GetWebSite.jpg

After filling out the form it'll provide you a prompt for credentials,

Credentials.jpg

After that, publish the app.

PublishApp.jpg

Then fill the credentials on,

  • WP-admin -> WooCommerce -> Settings -> Integration -> Google Calendar

FillCredentials.jpg

Step 5: Get Calendar ID

Create the calendar you will use in Google Calendar, if you haven’t already. Then navigate to My Calendars on the left, and select Calendar Settings.

CalendarSettings.jpg

Then Create new calendar

CreateGoogleSettings.jpg

CreateNewCalendar.jpg

After that, on your created calendar, you'll get an ID

GoogleID.jpg

Step 6: Integrate These Credentials into WooCommerce Settings Panel In Your Site

Go to: WooCommerce > Settings > Integrations, and enter the Calendar ID.

Finally, select Save changes

FillID.jpg

Once you’ve entered your credentials and saved your settings.

After that, click on Connect With Google and access all the permissions.

ConnectWithGoogle.jpg Permissions.jpg

Now check your wooCommerce order into your google calendar.

OrderDetails.jpg