Facebook Pixel

How to Embed the Diversity Calendar in Workvivo

WorkvivoYou can easily display your Diversity Calendar within your Workvivo platform using an iFrame. Here’s how:

1. Get Embed Code

• Open Calendar
• Click Share > Add to Intranet
•
Copy iFrame code

2. Open Workvivo Editor

• Log into Workvivo (Must be System Admin, Editor, Global Pages Editor, or Space Owner/Admin)
• Go to Page or News Article

3. Open Source Code

• Click Tools in editor
• Select Source Code

Open Source Code

4. Paste iFrame

• Paste code where you want calendar
• Adjust width / height if needed
• Use data-mobile-width / data-mobile-height for mobile

5. Save + Preview

• Click OK or Save
• Preview to check display

6. Publish

• Click Publish or Update
• Calendar now live on desktop + mobile

Sign In

Sign in to Diversity Resources