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:

Add Your Church Calendar to CloverSites Website

Article ID: 218
Last updated: 08 Mar, 2019

It's easy to add CalendarWiz to your church CloverSites website.  These instructions will make your CalendarWiz calendar "responsive" on desktop, tablet, and phones, which just means that it looks great on both desktop and mobile devices.  Let's start by logging into your CloverSites website.
 

Step 1.  Go to the CloverSites webpage where you want to insert your calendar. 
You may also add a new page, in which case a basic "Text/Photo" with "List" layout is best. 
You may use the "Edit Sections" tool to delete unwanted sections in the page. 

 

Step 2.  It's a cinch to add insert code into your CloverSites web page. 
Click into the section where you want your calendar.  Next click the </> icon.

 


 

Our responsive code offers two options.  Both options display the full calendar on desktop devices, the only difference is what we display on phones, either the upcoming events list or mobile calendar.

Option A) Responsive Code for full calendar on desktop and upcoming events list on phones:
Be sure to insert your unique calendar name where is says yourcalendaridentifer in the code.  



Option B) Responsive Code for
a full calendar on a desktop and mobile calendar on phones
Be sure to insert your unique calendar name where is says 
yourcalendaridentifer in the code. 

I

Important Note: if you'd like to display specific categories or a specific upcoming events list theme, you can generate custom code for your calendar using our Website Integration Tool.
  
Go to Admin Menu > Website Integration > Responsive tab >
If you want to make other adjustments, here are the values you can tweak.

crd = calendar identifier name
calwidth= sets full calendar iframe width
calheight = sets full calendar iframe height
theme = upcoming events list theme
mobilepref= value may be set to list or mobile

  • mobilepref=list displays the upcoming events list on phones.  
  • mobilepref=mobile displays our mobile calendar on phones.

nolog=1 to hide the login button on full calendar.  Insert &nolog=1 into script URL
skiptitle=1 to hide headline area with title and logos.  Recommended for embedded calendars.


Step 3.  Paste Code in between the paragraph tags. For example  <p>paste code here</p>

  After pasting code, it will look like this.  You're almost done.


 

Step 4Click the "Close" button.  Publish your calendar page. 

Important Note: You may use the "Preview" to see the full calendar but to view the mobile upcoming events list or mobile calendar you must publish and view on your phone

Step 5Test and make any adjustments to the upcoming events list to get the look you want.

Email CalendarWiz Support support@calendarwiz.com with any questions or issues.  We are happy to help. 

Others in this category
document How do I embed the calendar into a web page?
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 private calendar
document Can search engines like Google find my calendar?
document How to link back to a website?
document Share a calendar link that displays a specific category or 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 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 Responsive Calendar & Upcoming Events List
document Embed CalendarWiz into eCatholic Website
document Embed Your Calendar into Wix
document Mini Calendar: Add Color to Days With Events
document Add CalendarWiz to Your Wild Apricot Website
document Add CalendarWiz to GoDaddy Website