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:

Embed CalendarWiz into eCatholic Website

Article ID: 221
Last updated: 25 Nov, 2016

It's easy to add your CalendarWiz calendar or upcoming events list to an eCatholic website.  These instructions will make your calendar "responsive" to the desktop, tablet, or phone that's viewing it.  


Let's start by logging into your CalendarWiz calendar and your eCatholic website.

Here's how it looks...

responsive calendar on dektop and phone image


Here's how it works...


Step 1: Open eCatholic and login.  We need to add new webpage to eCatholic where your calendar will reside.  

You can do this via the "Pages and Navigation" section. Simply, drag a new page to where you want it listed in your website.  Label it "parish-calendar" or something similar. 

 


Step 2:  Let's add CalendarWiz to that new "parish-calendar" web page.  Go to the new webpage and click [Add Content] in the lower left of eCatholic screen.

Next, click on the Social Media menu and then select the "Custom Embed" module.


Step 3:  Drag the "Custom Embed" module over to your new calendar web page.  Here you'll paste the following code when prompted.

Important:  insert your calendar name where is says "yourcalendaridentifier" in code below. 

 

If you want to make adjustments, here are the values you can tweak.

crd= calendar name
calwidth= sets full calendar iframe width
calheight = sets full calendar iframe height
theme = upcoming events list theme, you can have more than one events list, if you like.
mobilepref = list (only the upcoming events list view is available. Mini Calendar coming soon:)


Step 4:   The coding is all done:-) Save and publish the calendar web page in eCatholic.   

Go to your calendar page on your phone to view the display of the upcoming events list.  


Step 5:  Customize and optimize your Upcoming Events List to match your site.  It's kind of fun:-)

Go to Admin Menu > under Website Plugins > Upcoming Events List

  • Script tab: select all categories you want displayed.
  • List tab: set width to 100% and adjust colors or styles.
  • Events tab: control the number of events and days ahead and more.
  • Themes tab: use this tab if you want to create a 2nd upcoming events list.


Note: If you find that your calendar page is narrow with a bunch of links on right side, these links can easily be removed with a quick email to your wonderful eCatholic support team.  Kindly request that your eCatholic support person make your new calendar page a "full-width" page.

If you have any questions at all, email our support team at support@calendarwiz.com

Others in this category
document How do I embed the calendar into a web page using an iframe?
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 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