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 Your Calendar into Weebly

Article ID: 216
Last updated: 10 Jun, 2016

It's easy to add your CalendarWiz calendar or upcoming events list to a Weebly website.  These instructions will make your Calendarwiz calendar "responsive" to the desktop, tablet, or phone device that is viewing it.  Let's start by logging into your CalendarWiz calendar and your Weebly site.

1. Click to edit the Weebly webpage where you want to insert your full calendar. 

Quick Tip: If you need to add a new "Calendar" or "Events" page, simply click "Pages" and the + button.  If you're adding a new page, we'd suggest picking a "Standard Page" with "No Header."
 

2.  Go to the Build tab and drag an "Embed Code" block to Calendar Webpage
 


3. Now we'll add your full calendar to the web page.  Copy and paste the code below.  Be sure to insert your unique calendar identifier name.  You'll see you calendar appear.  Publish changes if you like.
 


4. Next, we're going to make your calendar page "responsive" so that the full calendar shows on desktop devices and the upcoming events list shows on phones. 

Drag another embed block </> directly underneath your full calendar.  Like this

Here's the code to paste for the upcoming events list.  Again, insert your unique calendar identifier name.  You will need to navigate to your calendar page outside "Edit" mode to view the upcoming events list.


Important Note: Be sure that you've selected the categories that you want to display in your upcoming events list. Click here for tips on how to optimize your upcoming events list on phones.


5.  Great work!  Next, we are going to add a little code to the header of the page.  Go to "Settings" then SEO section.


6. In the "Header Code" section, paste the following and Save.


7.  Next, navigate to your calendar page while NOT in edit mode.
Adjust your browser to a narrow width to see the upcoming events list appear.  Test and make any adjustments necessary.

We welcome you to contact us with any questions at  support@calendarwiz.com  We are here to help.

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 Create Web Page Link to Calendar Suggest Event Form
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 CalendarWiz into WordPress
document Add Your Church Calendar to CloverSites Website
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