RapidWeaver FAQ - Calendar
How can I add a calendar to my RapidWeaver website?
Adding a calendar to your site so that everybody could see your upcoming appointments is quite easy:
You can embed a calendar into a Rapidweaver page using an iFrame or simply link it by using a textlink or imagelink. Here you will find how to embed it into a page...
CHAPTER 1: On MobileMe
CHAPTER 2: On not-MobileMe servers
CHAPTER 3: Plugin (costs 15$)
CHAPTER 4: Using google calendar
CHAPTER 1: On MobileMe
1.Open iCal
2.Select the calendar you want to publish
3.Go to Calendar
4.Publish...
5.Give it a title
6.Select MobileMe (set by default)
7. There are a lot of check boxes to check or uncheck depending on what you want
8. Hit Publish
9. Hit visit and copy the url of the calendar (or simply copy the “Be viewed at”)
10. Go to RapidWeaver, and create a new page
11. Add the following code on it
<iframe src="http://ical.me.com/username/TitleOfTheCalendar" width="750" frameborder="1" height="1100"></iframe>
12. Change the
http://ical.me.com/username/TitleOfTheCalendar
to your calendar.
13. Change the width and height settings to fit your page.
Once you added the code to RapidWeaver select it all and go to “< >” (Apply HTML markup) and choose “Code”.
CHAPTER 2: On not-MobileMe servers
It’s possible using PHP iCalendar which works only if your hosting supports php, what should be the case for most of you.
1. Go to http://phpicalendar.net/documentation/index.php/Main_Page and “Jump to: Download”
2. Download and uncompress the file and you will find a folder called
phpicalendar-version (example. phpicalendar-2.2.4)
3. Open it and you will find another folder called "phpicalendar"
4. Move the "phpicalendar" folder where you keep your website files
5. Open iCal and select the Calendar you want to publish on the web
6. Choose File and Export
7. Choose the location where you want to export it to, this location will be
The Folder where you keep your website files in /phpicalendar/calendars/ (thus in other words export it to the calendars folder you find phpicalendar folder)
8. Once you exported the calendar go back to the phpicalendar folder and open the config.inc-dist.php file in an html editor or in a full text editor
9. Search for the following line in it:
$default_path= ''; // The HTTP URL to the PHP iCalendar directory, ie. http://www.example.com/phpicalendar
10. Between the '' you have to type default path of the phpicalendar folder, thus the url at which the phpicalendar folder can be reached on the web once you published.
If you will put phpicalendar to the root location of your server it will be http://yourbaseurl.com/phpicalendar/
For me it's http://alyeska.atervista.org/phpicalendar/ thus the whole line will look like this
$default_path= 'http://alyeska.altervista.org/phpicalendar/'; // The HTTP URL to the PHP iCalendar directory, ie. http://www.example.com/phpicalendar
11. Once this is done save the document and close it. Change it's name to config.inc.php
config.inc-dist.php => config.inc.php
12. Upload the phpicalendar folder to your server
13. Open your Browser (ex. Safari) and enter
yoururl.com/phpicalendar/
In the legend you will see your calendar appearing
(of course you can delete the other example-caledars that have a .ics extension)
If you're not sure about what application to use to edit the config.inc-dist.php file have a look at TextWrangler which people recommend for editing html codes (it's free).
You can now simply link it from your website or embed it into your website using an iFrame. To use an iFrame paste the following code on one of your pages<iframe src="http://urlofthecalendar" width="750" frameborder="1" height="1100"></iframe>
14. Change http://urlofthecalendar to your calendar’s url
15. Change the width and height settings to fit your page.
Once you added the code to RapidWeaver select it all and go to “< >” (Apply HTML markup) and choose “Code”.
CHAPTER 3: Plugin (costs 15$)
To use iCal and RapidWeaver you could also use a Plugin called RapidCal which can be found here. While the other solutions are free this one costs 15$.
CHAPTER 4: Using google calendar
1. Go to RapidWeaver, and create a new page
2. Add the following code on it<iframe src="http://urlofthecalendar" width="750" frameborder="1" height="1100"></iframe>
3. Change http://urlofthecalendar to your calendar’s url. This information about your calendar’s web adress (url) is provided by Google.
4. Change the width and height settings to fit your page.
Once you added the code to RapidWeaver select it all and go to “< >” (Apply HTML markup) and choose “Code”.
RapidWeaverFAQ.org - Tutorials, Tips & Tricks is made with RapidWeaver and for RapidWeaver.
It’s presented by Cédric and hosted by HostExcellence.com
I would like you to give me feedback on this page by commenting in the appropriate section of the Forum. Tell me if it's been helpful. If it wasn’t please tell me why. If you think something is missing please tell me what. If you have questions about it post them there and I will probably try to give you an answer.
Thank you for visiting and supporting my website.
- Cédric -