Including a Calendar in embed code?

Hi, Can anybody help?

I’m currently re-designing a website for a client. On their B&B room page I have existing code embedded to check availability. The client now wants to introduce a calendar when selecting Arrival and Departure dates.

Anyone have any ideas on how to do this? Or can give me a cost to achieve this?

http://irton-hall.webflow.io/bedroom-one

https://preview.webflow.com/preview/irton-hall?preview=4cab9c23874300fc291e222f9dfcb948

regards
David Lewis
1960Creative

Yep there are lots of ways to add this. The first thing to decide before using a ‘Calendar Embed/Widget’ is:

VIEW

  1. Do you want a full monthly view, list view, weekly view?
  2. The ability to have all view choices?
  3. Ability to add events, dynamically from a back office admin?

EVENTS

  1. Will events be clickable to view from, an screen overlay or pop-up lightbox, shows a new page, shows a new window over calendar that can close back to calendar?

MANAGEMENT

  1. Do you want to have full control or use another company’s platform?
  2. Are you okay with installing to your own server, and managing the back end yourself?

These are key functionality issues you’ll want to ask the software company you choose. (Make sure they tell you upfront it’s available) Ironically, monthly views are hard to come by. List views are the standard. They’re not as cool, and don’t look very current in styling, so it’s a sacrifice. As far as management goes, this is where you’ll choose to pay a monthly fee or DIY (price may feel is steep) But you’re not having to worry about updates and time managing code.

I’ve used both, and I had time, therefore options were about equal. If you want to set it and let a client add events and be done. Do not purchase a calendar product/script at all!!

FINAL
I have an exhaustive list compiled from a previous project. Review them all before commitment. For one, I actually purchased Tiva to manage on my own server, and paid monthly from Timely for another.

Tiva Events Calendar Preview | codecanyon.net
Tiva Timetable by tiva_theme | codecanyon.net
Time.ly - Website Calendar | time.ly
Event Calendar App - Widget | eventcalendarapp.com
Fruux | https://fruux.com
Calendy | https://calendly.com
BusinessCalendar | http://www.businesscalendar.de
Zoho | Shared online calendar for your business | Zoho Calendar
Calendar Wiz | Shared calendar software pricing
Robertguss/CSS-Responsive-Calendar | https://github.com/robertguss/CSS-Responsive-Calendar
JQuery | Creating A Pretty Event Calendar with jQuery | Free jQuery Plugins
eM Client | http://www.emclient.com
SuperSaas | https://www.supersaas.com
Commingly | https://commingly.com
UpTo | https://upto.com
BookWhen | https://home.bookwhen.com
Membership Works | Event Calendar & Event Registration - MembershipWorks
GZ Scripts | Web Application Development | PHP Scripts | GZ Script
Kwik Event Calendar | codecanyon.net
Modern Events Calendar | codecanyon.net
Simply Book Me | Prices & Sign Up - SimplyBook.me booking system
Resurva | https://resurva.com/platforms/
Book That App | https://www.bookthatapp.com/
PHP Scripts Mall | Booking Script – PHP Scripts Mall
Caledonian PRO | codecanyon.net
YouCanBook | https://youcanbook.me/
10 to 8 | Appointment scheduling software that’s better for business | Sign In Scheduling
Myhub Pro | https://www.myhubapp.com

These are the final choices I researched and very good in comparison.

MY CALENDAR SCREENSHOT
Tiva was easiest to install and manage. Had a full month view with small css file, and overlay for events. It had the cleanest look you will find, without anything hard coded.

Hope this helps!

2 Likes

WOW! That’s a great help Gary. I’ll take a more detailed look and see if I can utilise one of your suggestions.

regards
David

Sure thing, not a problem! Have fun :grinning: Shoot me a message if you need advice after researching. Happy to be available.

Hi Gary,

Just had a quick look at some of your suggestions. Not sure it’s what I need as I already have embedded code to link to a booking site the client has already signed into. I was hoping I could adapt the existing code to display the monthly calendar on the page?

cheers
David

Oh sure, that’s not a problem. I was just offering these options, because I’ve researched for specifically embedding with admin functionality. If they have one already, use it with a Div as wrapper, Div to embed code into. It’ll work if they have an account where you can generate the embed code.

Which page has the calendar?

Hi @1960creative @garymichael1313

Is it that you need a small visual calendar to show, and the user clicks a date for start and end - then in turn that populates the fields ?

Stu

Hi Stu, that’s exactly what I need as it will then connect to the existing site as it does now.

David

Hi @1960creative

It’s not something i’ve personally used but @Revolution came up with this implementation:

Also fixed a related issue here:

Hope those help

Stu

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.