Best Online Calendar

Support

Knowledge Base

Browse knowledge base categories or search with keyword related to your question.

Email Support

Can't find your answer?

Contact Support or Contact Sales
Search:     Advanced search
Browse by category:

How do I embed the calendar into a web page using an iframe?

Article ID: 7
Last updated: 20 Nov, 2014

The Website Link Wizard makes it easy to create HTML code to embed your full calendar into a web page using an iframe.  An iframe frames your calendar on your web page.  To access the Website Link Wizard:

Login as Administrator > Go to Admin Menu >  Website Plugins > Website Link Wizard

  1. Once you enter the Website Link Wizard, click on the "iFrame tab" at the bottom of the page to generate code for an iFrame. 
  2. Optionally, select categories to build the link to open the calendar showing only those selected categories.  Leaving categories unselected will cause the calendar to open showing either "all" categories or the default category set in your calendar's options menu.
  3. Optionally, select to "do not show login button" and/or select calendar view.  The iframe code below will adjust to reflect your selections.
  4. iframe width and height: enter the width and height of the iframe you want to embed in a webpage.
  5. Copy the entire iFrame code from the bottom of the screen and paste the code into your webpage using a web page editor in code view. 
  6. Settings on this page are not saved.  Create your HTML code for your iframe and paste it into your web page using your web page editor in code view.

Note: for smaller width iframes - widths less than 710px: it is recommended that you not display the mini calendars for the previous and next months.  To not show mini calendars in the main calendar view go to:

Admin Menu > under Calendar Settings > Calendar Options > check to "not show mini calendars" > Save

You may also consider hiding buttons (e.g. login, go to date, export) from the calendar display to help accomodate a smaller width on your webpage.  Here is the link that provides the steps to hide buttons:

https://www.calendarwiz.com/knowledgebase/entry/118/

For more on iframes and html usage we recommend visiting http://www.w3schools.com

Others in this category
document How to hide the calendar login button
document Can I embed my calendar into a PowerPoint presentation?
document How to create a desktop shortcut to your calendar?
document Do I need a website in order to use CalendarWiz?
document Create a link that automatically logs into the calendar
document Can search engines like Google find my calendar?
document How to link back to a website?
document Create a direct link that displays a single category or specific combination of categories.
document Add a Mini Calendar to a Web Page
document How to open your calendar automatically when you start your computer?
document RSS Feeds - Offer Automatic Delivery of Calendar Events
document How do I put a link to my calendar in a Microsoft Word document
document Browser RSS icon not showing for framed calendar
document Add an Upcoming Events List into my WordPress Blog?
document How to fix the Upcoming Events list to remember scroll position on refresh of Internet Explorer browser
document Track Visits to Your CalendarWiz Calendar with Google Analytics
document Create more than one Upcoming Events List for a website
document Add a Mini Calendar Plugin to a WordPress Blog
document Fix Upcoming Events List Causing Webpage To Scroll Down
document Create Code to Integrate Your Calendar Into Your Website:
document Link to an email address in your event description:
document Add an Upcoming Events List to your Wix Website
document Add a Mini Calendar or Search Plugin to your Wix Website
document Add CalendarWiz to your Wix Website
document Feed CalendarWiz Events into your WordPress.com Blog
document Link a Wordpress.com Blog to a Full Calendar:
document Add CalendarWiz To Your 1and1 Website - It's Simple!
document Add the Full CalendarWiz Calendar to a 1&1 Webpage
document Is CalendarWiz compatible with Constant Contact?
document Embed CalendarWiz Upcoming Events list into SquareSpace
document Embed Calendar into Websitebuilder.com
document Embed Your Calendar into SquareSpace
document Embed Your Calendar into Weebly
document Embed Your CalendarWiz into WordPress
document Add Your Church Calendar to CloverSites Website
document Responsive Calendar & Upcoming Events List
document Embed CalendarWiz into eCatholic Website
document Embed Your Calendar into Wix
document Squarespace for category specific full calendar
document Mini Calendar: Add Color to Days With Events
document Add CalendarWiz to Your Wild Apricot Website