How To Display Google Calendar On Visual Composer?

In this post, you will learn how to display a Google Calendar on your Visual Composer website. Do you use Google Calendar? Do you have a website built using Visual Composer? If you answered YES to both questions, this tutorial is for you!

Steps for SociableKIT

  1. Go to SociableKIT.com and click Sign up. You will be automatically logged in after you sign up.
  2. On the dashboard, click the "+ Create Solution" button on the upper right corner.
  3. Select "Google Calendar" on the dropdown.
  4. Enter your Google calendar ID.

  5. Click the "NEXT" button. This will show you the customization options.
  6. Click the "Embed on website" button on the upper right corner. Copy the JavaScript code.

Steps for Visual Composer

    1. Download the "Visual Composer" plugin. Add the "Visual Composer" to the WordPress plugins and then install it.
    2. Add the "Raw HTML" element. Click the blue "+" sign on the upper left and then find the "Raw HTML" element.
    3. Paste the Javascript code you copied from SociableKIT. Drag and drop the element wherever you want to display your widget and then paste the Javascript embed code you copied earlier.
    4. Save or publish your page.
    5. View it in your web browser. Done!

If you think this post about how to display Google Calendar on Visual Composer is helpful, please share it with your friends! Thank you and we appreciate your kind support!

Related solutions

Responsive support

Need further help? Email our team at [email protected] or go to the SociableKIT.com website.