How to Add a Website Calendar of Specials & Events to your Website
Customers that visit your website are doing so because they are clearly interested in learning more about your business, band, store, brand or service. If you have daily and weekly specials and events like happy hours, lunch / dinner specials, trivia nights, live music, sales and other promotional events, itâs important you keep your website visitors up-to-date on these happenings.
One easy way is to add UPlanMeâs free, embeddable website calendar. Â Our calendar has all the following capabilities that most others, like Google Calendar do not:
Add a beautiful, social calendar to your website that updates automatically as you make changes
Publish specials & events to Facebook pages & Twitter feed all at once
Customers can save specials & events directly to Google Calendar, Outlook and iCal!
Customers can map your event location with one-click directions
Reach millions of potential new customers*
Create recurring daily and weekly specials & events*
Combine multiple calendars into one (for multiple locations)*
* Denotes premium tools (only $15 per month)
To get started, create your businessâs calendar of specials and events at UPlanMe. Below weâll provide you with instructions on how to add your UPlanMe calendar to your website. If youâve built your website with simple website builders like Wix, Weebly, GoDaddy or Squarespace, itâs not that difficult.
(Sample UPlanMe Website Calendar with Event Details)
 Getting Started on UPlanMe
1.      Create Your Account at http://www.UPlanMe.com/for-businesses
Â
2.      After your account is set-up go ahead and create your first special or event at http://www.uplanme.com/events/add
Â
3.      Now head to your Account Page to grab your  calendar code: http://www.uplanme.com/professionals/edit
Customize your website calendar by choosing the number of columns you want (1 through 5)
Copy your calendar code from the Account Settings Page. Save this code for later when we give you instructions on how to place onto your website.
Customize the Website Calendar Border and Primary Font Color/ links (Color 1) and your Secondary Border Color (Color 2) by dropping the desired six-letter Hex color code into its respective location. Hereâs a great tool you can use to find your perfect colors. Be sure to grab the Hex code. http://widget.colorcodehex.com/color-picker.html.
 And thatâs it, Voila! You now have your own free calendar for your website. Take a look below at how to get your calendar added to your website depending on how your website was built.
Wixâs powerful technology makes it simple for everyone to go online with a beautiful, professional and functional web presence. No creative limits, no coding â just
complete freedom to express yourself and manage your entire business online. Wixâs websites are designed to work on any size screen: across computers, phones and tablets. If your website is built on Wix, add your website calendar with the following steps:
Head to your Wix Editor. You can either create a new page solely dedicated to your calendar, or you can add it in to an existing page. If you create a new page, I would suggest calling it âEventsâ, âSpecialsâ, or âCalendarâ
Once youâve decided where your website calendar will go, click on the â+ Addâ on the vertical dashboard on the left. Select Apps from the list and then HTML
Wix will drop a box onto your website. In the setting tab, change the Mode dropdown to HTML and paste your UPlanMe customized calendar code directly into the box. When youâre finished, click Update.
You can readjust the size of the website calendar within your HTML box by adjusting the width and height within the calendar code. Our defaults are width of 400 and height of 400. More columns require using a larger width. More events require using longer height.
Weeblyâs simple website creator has given millions of people a surprisingly easy and affordable way to create a website. With a Weebly site, people can start their own business, communicate with their clients, showcase their achievements, and be an authority on personal and professional interests. Weebly gives everyone the freedom to start a site, blog or online store that works brilliantly across computers, phones and tablets. If your website is built on Weebly, add your website calendar with the following steps:
Head to your Weebly Editor. You can either create a new page solely dedicated to your calendar, or you can add it in to an existing page. If you create a new page, I would suggest calling it âEventsâ, âSpecialsâ, or âCalendarâ
Once youâve decided where your website calendar will go, scroll all the way down to to the bottom of the vertical Element Bar and drag the âEmbed Codeâ to your work area.Â
Double-click on the box to âEdit Custom HTMLâ and paste your UPlanMe customized calendar code directly into the box. Â It looks best if you Center the Custom HTML.
You can readjust the size of the website calendar within your HTML box by adjusting the width and height within the calendar code. Our defaults are width of 400 and height of 400. More columns require using a larger width. More events require using longer height.
If youâve built your website with one of GoDaddyâs custom templates, itâs actually quite easy to add in your UPlanMe website calendar code.
Head to the control panel for your website builder. You can either create a new page solely dedicated to your calendar, or you can add it in to an existing page. If you create a new page, I would suggest calling it âEventsâ, âSpecialsâ, or âCalendarâ
Once on your new page and editing the design, go to your vertical tool bar on the loft and scroll all the way down until you see </> HTML Code and click on the tool.Â
Readjust the width and height and position the box to where youâd like it on your page
Once finished, double-click on the box and place your UPlanMe website calendar code directly in between the <p> and </p>. To center the website calendar, change the first <p> to <p align="center">.  Note: the calendar wonât be viewable to you until click âPublishâ. After youâve done this, head to your website and take a look at the calendar.
Readjust the height and size to your specifications and re-publish until itâs perfect! You can readjust the size of the website calendar within your HTML box by adjusting the width and height within the calendar code. Our defaults are width of 400 and height of 400. More columns requires using a larger width. More events requires using longer height.
 Squarespace Instructions
Much like Wix and Weebly, Squarespace allows you to easily create a site, blog or online store that works brilliantly across computers, phones and tablets. If your website is built on Squarespace, add your website calendar with the following steps:
Head to your Squarespace Navigation bar. You can either create a new page solely dedicated to your calendar, or you can add it in to an existing page. If you create a new page, I would suggest calling it âEventsâ, âSpecialsâ, or âCalendarâ
Once youâve decided where your website calendar will go, select + Add Block from the top right and choose Code underneath More.
In the Edit Code box,paste your UPlanMe customized website calendar code between <p> and </p>. Â To center the website calendar, change the first <p> to <p align="center">.
You can readjust the size of the website calendar within your HTML box by adjusting the width and height within the calendar code. Our defaults are width of 400 and height of 400. More columns require using a larger width. More events require using longer height.
To preview the website calendar in action, you must Save and Publish your website.
Need any help at all, please do not hesitate to reach out to us at [email protected]!