New Mobile Calendar App

CalendarWiz offers mobile app for iOS and Android
We love making the CalendarWiz experience better for you.   That’s why we’re excited to announce some awesome updates to the CalendarWiz Mobile App.

Here’s what’s new…

  • Category Colors displayed alongside each event, making it easy to associate an event with its category.
  • List View lets you scroll to see what’s coming up in the schedule or locate a particular event in the past or future.
  • Category Filter lets you select specific category or categories for viewing.
  • Events Below Date just tap a date to see what’s going on a day.
  • And More… numerous tweaks and bugs fixes geared toward making your mobile experience even better:)

Here’s how it works…

  • Gray dots indicate days with events.
  • Tap a day number to view events for that day.
  • Add events by tapping the + icon.
  • Edit events by tapping event and click Edit in upper right.
  • Filter events by tapping the icon.
  • Refresh calendar by tapping the icon.
  • View events as a list by tapping the icon.
  • Sideways swipe calendar to move month to month.
  • Tap event to view details and description.

Looking to add the mobile calendar to your phone? Click here for step by step instructions.
We welcome any feedback or questions you may have.  Email support@calendarwiz.com

Easy Website Calendar Integration

Our Website Integration tool makes it easy to add your calendar to any website and look great on any device. Get started by going to: Admin Menu > under Website Plugins > Website Integration

Introduction:

The Website Integration tool lets calendar administrators create code to embed into any website or website builder such as SquareSpace, WordPress, Weebly, Wix, and more.  In each tab, set options to to create code.  Note: settings & code on this page are not saved.

Here are the 5 types of code:

  • Responsive: JavaScript snippet to show full calendar on large screens and a mobile-friendly upcoming events list or mobile calendar on phones. See how it looks.
  • IFrame: Basic HTML code to frame your full calendar on your web page
  • Text Link: Creates a text link to your calendar
  • Image Link: Creates a graphic link to your calendar
  • Plain Link: Basic link to your calendar to share on the web, by email, etc.

Categories:

Select the categories you want to display on your website.  Select “Always show all categories” if you want all category events displayed.  Otherwise, “Select individual categories” to check an individual category or specific combination of categories.  If you “Select individual categories” and do not select any categories the default category setting in the options menu will be used.

 

Options:

In each code tab, you’ll notice a set of options available.   Select the options you want.  You’ll notice the code below adjusts to the changes you make.

  • Width & Height: only pertains to Responsive & IFrame code.  100% width is good for most websites,
  • Upcoming Events List Theme: upcoming events list shown when calendar viewed on a phone.  Update events list width, colors & styles via: Admin Menu > Upcoming Events List.  TIP: set list width to 100% to fit perfectly on phones.
  • Calendar View: calendar view displayed pick from a month, week, list, or day view.
  • Mobile Preference: set to upcoming events list mobilepref=list or mobile calendar mobilepref=mobile
  • Hide Login Button: This option will cause the calendar to open without the login button in the calendar navigation bar.
  • Open link in:  Select how the calendar will open for text and image links, either in the same window or a new window.
  • Enter text to display in text link: This is the text that will be used to create the code for the text link you can put on your web page.
  • Select styles for text link: For text links, set the font, style, size and whether you want the link to have an underline decoration. The program will automatically create the style code for you.
  • Enter URL of hosted image: only pertains to image link tab. The value shown when you first open this screen is the URL to a graphic on the calendarwiz.com web server. To use a different graphic, enter the full URL to a graphic on your web server to be used in the code for your image link.

Copy & Paste Code:

At the bottom of each tab, you’ll see “Paste this code on your site” section.  Copy the entire code and then paste into your web page where you want your calendar.  In many cases, you’ll want to create a new web page just for your calendar.  If you use a website builder, in many cases, they have something called an “embed block” or “custom embed module” where you can add your calendar code.  Here are some help articles with screenshots for specific website builders:

Link Your Shared Calendar to Dropbox

If your team or group uses Dropbox to share files, it may make sense to include a link to your CalendarWiz shared calendar in Dropbox.  This article provides the steps to link your Dropbox to your CalendarWiz calendar:

Step 1:  Go to https://www.dropbox.com in a browser like Chrome or Internet Explorer and Login.
Please note that going to your local computer’s Dropbox will not work.  Once you’ve logged in, navigate to the Dropbox folder where you want to put your calendar link.

login-dropbox2

 

Step 2: Next, open a new window in your browser, not a new tab.  This is important.  Click the settings menu in upper right of browser and select New Window.

Go to your CalendarWiz calendar, using your standard calendar link, in this format:

https://www.calendarwiz.com/yourcalendaridentifier

Step 3: Here’s the trick, you’re going to “drag” your CalendarWiz calendar link from one window and “drop” it into your Dropbox folder that’s in the 2nd window.  Ok, start dragging.

 

drag-shared-calendar-link

Step 4: Drag the link over to your Dropbox and drop it where you want it.

drop-calendar-link

Step 5:  You’re done!  Your team or group will now see the link appear in their Dropbox on their computer.  Just a double click will launch your shared calendar.

link-calendarwiz-dropbox