It's easy to add a CalendarWiz calendar or upcoming events list to your WordPress website.  Start by logging into your calendar and your WordPress website.

Step 1: Once logged in to Wordpress, navigate to the "Pages" tab. Click to edit your existing calendar web page, or click "Add New" to create a new page.
 

Step 2: Click the + icon to add a new block, and select "Custom HTML".
 


 
 

Step 3: If you're using a Responsive WordPress Template, paste this code to show the full calendar on desktop devices and the upcoming events list on phones.

<!--Responsive Calendar Code -->
<script type="text/javascript" src="//www.calendarwiz.com/cwlist/cwresponsive.js?crd=yourcalendaridentifier&calwidth=100%&calheight=1200&mobilepref=list&theme=Master%20Theme"></script>



Important:  be sure to replace "yourcalendaridentifier" with your unique calendar name.


If you want your full calendar open to a specific category or view, use the Website Integration tool:

Admin Menu > under Website Plugins > Website Integration

The Website Integration tool lets you set options and it automatically generates the code for you.  When you're ready, just copy and paste the code into your WordPress website.

Here's the complete list of parameters that can be adjusted:

crd= calendar identifier name
calwidth= sets full calendar iframe width
calheight= sets full calendar iframe height
theme= upcoming events list theme displayed on phones
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
cid[]= category id can be set to all or specific category ids
view= by default it's set to month view but may also be set to week, list, or day view.
skiptitle=1 to hide headline area with title and logos.  Recommended for embedded calendars.


If you prefer to embed the full desktop calendar into your web page, or your WordPress installation doesn't allow JavaScript, use this HTML iframe code below:
 

Step 4: Save Draft or Preview Changes.  Make adjustments to height, width, etc.  To test the mobile display or mobilepref, go to your calendar web page on your phone.  Learn how to optimize your upcoming events list.


Email us at support@calendarwiz.com if you have any questions at all.  We're here to help.