Add Your Occasion Calendar to Your Website (Video)

We have made it easy for your to add your Occasion calendar to your website. Simply copy the appropriate embed code and paste it at the right place within the Calendar page of your website.

In this article, you will learn more specific instructions for popular website builders.

Adding Your Occasion Calendar to Your Website

To find the embed code for the calendar you'd like to add to your website

  1. Go to Settings > Website calendars.
  2. Click on Embed for the calendar you'd like to add to your website and copy the code.

Once you have the embed code simply add it to the page of your website where you'd like your Occasion calendar to appear.

Squarespace

  1. On the Squarespace dashboard, click on the page you wish to edit.
  2. Click "Edit" at the top left side of the page.
  3. Click "+ Add Block" in the section where you want to add your calendar.
  4. Click the “</> Code” icon button.
  5. Click the pencil icon to edit the code block.

  1. Copy the Calendar embed code from the Occasion website and paste it into the box.
  2. Click outside the content box and adjust the border lines as needed.
  3. Click "Save" at the top left side of your screen.

In addition to the steps above, here is an article that can help you.

Wix

  1. After login to your Wix dashboard, select the page where you would like to add Calendar.
  2. Select "site and mobile app" from the sidebar menu and click on "website"
  3. Click on the Page you wish to edit.
  4. Click on the "+" icon, select "embed code" under element and then choose "Embed HTML"

  1. You will see a gray box added to your page. Resize and locate the widget on your page.
  2. Click on the gray box, and then select "Code" where you are asked, "What do you want to add".
  3. Copy the Calendar embed code from the Occasion website and paste it into the greybox section.
  4. Click the "Apply" button to close the window.
  5. Publish your page to save your changes.

In addition to the steps above here is an article that can help you.

Weebly

  1. Once in the website builder, go to the section where you’d like to add your Occasion Calendar.
  2. From the toolbar on the left, find “Embed Code” and drag and drop it into the page. 
  3. Click "Edit Custom HTML".

  1. Copy the Calendar embed code from the Occasion website and paste it into the module.
  2. Click outside the module.
  3. Publish the page to save your changes.

In addition to the steps above here is an article that can help you.

Shopify

Adding to the Home Page

  1. From your Shopify website builder, click "Online Store" (left menu), and then, click "Themes".
  2. From the top-right corner, click "Customize Theme'.
  3. In the left menu list, double check to see if there's already a "Custom HTML" section. If not, you will need to add it by clicking "Add Section", select "Custom HTML", and then, click "Add".
  4. From the left menu list - click "Custom HTML".
  5. Select any code that's in the box and delete it.
  6. Copy the Calendar embed code from the Occasion website and paste it into this box.
  7. Click "Save" to publish your changes.

In addition to the steps above here is an article that can help you.

Adding to a Specific Page

  1. Once you login to the website builder, click "Online Store" which is on the left menu and then, select "Pages" from the list.
  2. You can either select an existing page or add a new page for the calendar.
  3. In the text editor section of the page, look for the code icon "< >" which is at the top-right corner of the content box.
  4. Delete any code that is currently in the box, and replace it with the Calendar embed code from the Occasion website.
  5. Click "Save" to publish your changes.

Wordpress

  1. Find the page you wish to add the calendar and click "Edit".
  2. On the page editor, find the "Text" tab. Usually, this is located on the top-left corner of the section in which you add content.
  3. Copy the Calendar embed code from the Occasion website and paste it in "Text Editor".
  4. Click "Publish" to save your changes.

Still need help? Contact Us Contact Us