Get Started with Mobile App

We’ve just added some awesome updates to our mobile app, making now the perfect time to start using CalendarWiz on your phone.  The mobile calendar is compatible with any smartphone, Android, iPhone, etc.

Here’s how to get started…

Step 1: There’s nothing to download.  Simply open your phone browser, which is Safari or Chrome in most cases.

Step 2: Type in your calendar link.  Replace “yourcalendarname” in the link with your unique calendar name.

www.calendarwiz.com/yourcalendarname

Step 3: Select “Mobile” when prompted.

Step 4: Log in with your regular login information.

Step 5: Add CalendarWiz to your phone home screen.

Here’s how it works…

  • Add events by tapping the + icon.
  • Edit events by tapping event and click Edit in the upper right.
  • Filter events by category, just tap the icon.
  • Category Colors displayed alongside each event.
  • Refresh calendar by tapping the icon.
  • Gray dots indicate days with events.
  • Tap a day number to view day’s events below.
  • View events as a list by tapping the icon.
  • Sideways swipe calendar to move month to month.
  • Tap event to view details and description.

 

Trouble Shooting:  If the link above doesn’t offer “Mobile” option, use this direct link to the mobile calendar.
Replace “yourcalendarname” in the link below with your unique calendar name.

www.calendarwiz.com/mobile.html?crd=yourcalendarname

Learn more about options for viewing events on your iPhone or Android phone.

If you have any questions at all please email us at support@calendarwiz.com

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.

    Note:
    If you’re logged into your calendar you will see options to edit events and other account information in the Embedded Calendar, but visitors will not.

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: