Website Creator

Support Center

Embedding Google Calendar / 30Boxes Calendar

Last Updated: Oct 11, 2016 01:32PM EDT

Using the HTML snippet you can easily display Google Calendars or 30Boxes Calendars on your site.
 

Google Calendar

1. Create / sign into your Google Calendar account.

2. Embed on your website

Here's how to embed your calendar on your website:

  • In the calendar list on the left, click the down-arrow next to the calendar you want to embed, and select Calendar settings. (Alternatively, click the Settings link at the bottom of the calendar list, then click the name of the calendar.)
  • Copy the iframe code displayed in the Embed This Calendar section.


Paste this code into your website to embed your calendar.

If you'd like to customize your embedded calendar, click the Customize the color, size, and other options link above the iframe field to access the Google Embeddable Calendar Helper. Carefully select your options in the Calendar Helper and paste the customized iframe code in your website.

 

To display events from multiple calendars in the same embedded calendar, simply follow the instructions above to access the Google Embeddable Calendar Helper. Then, select the checkbox next to each calendar you wish to display, in the section Calendars to Display. Keep in mind that because the Weather Calendar pulls data based on your own settings, information from this calendar will not display if embedded on your website.

Please note that you can change the amount of information available on your calendar's address by clicking the Change sharing settings link in the Calendar Address section.



 

 

30Boxes Calendar

After you sign up at 30 Boxes it's time to start creating your calendar! You may choose to start by using the personalization wizard or instead just skip right into making your calendar.


Add Events

You can type your event date, time and event name (e.g 'Lunch with Dave Wed 1pm') in the box on top. Click Add. The event name will automatically get mapped to the specified date and time in your calendar.


     

Click on a day in your calendar and in the popup displayed type your event name. Click Add.

 

 
Click the detailed entry link above the box at the top of your calendar. A popup will open asking you to define a number of settings for your calendar entry.

 



How to  Edit or Delete an Event
From your main calendar, right-click (or CTRL-click for Mac) on any event that you have created and select Edit or Delete.
Or, double click on some day from the calendar to open the events scheduled for that day, and edit or delete using the options to the left of each event.


How to Invite someone to an Event
Invitations can be made in any Add Event box by typing the plus sign "+" and then a person's email address. For example:
 

  • Birthday Party sunday 12pm +joe@gmail.com


The entry above will trigger an email to that person allowing them to accept, decline, or learn more about the event. If they are also using 30 Boxes the invitation will automatically appear on their calendar.
You can also send invitations from the "detailed entry" form.

Learn more about the different features and customizations of your 30boxes Calendar.


Add the calendar to your website
1. Click the Share button (1) from the top left side of your calendar and select Share By Tag Options (2)

   

   

2. From the Settings page select Calendar Widget.


 


3. Copy the HTML code from the box displayed.


 
 
4. Paste the code in an HTML snippet on your website. 


 

Publish the page and your calendar will look similar to this:

Liquid error: undefined method `gsub' for nil:NilClass

assistly@premium-webhelp.com
http://assets1.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete