Paste the following code anywhere in your HTML where you want the calendar to appear:
<iframe
src="https://chsbc.co"
width="100%"
height="800"
style="border: none; border-radius: 12px;"
title="Charleston Build & Connect Calendar"
loading="lazy"
></iframe>
- Open the page or post where you want the calendar
- Add a Custom HTML block (click + → search "Custom HTML")
- Paste the code below into the block
- Click Publish or Update
<iframe
src="https://chsbc.co"
width="100%"
height="800"
style="border: none; border-radius: 12px;"
title="Charleston Build & Connect Calendar"
loading="lazy"
></iframe>
- Edit the page where you want the calendar
- Click Add Block (+) and choose Code
- In the code block editor, paste the code below
- Make sure "Display Source" is turned OFF
- Click Save
<div style="position: relative; padding-bottom: 75%; height: 0; overflow: hidden;">
<iframe
src="https://chsbc.co"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 12px;"
title="Charleston Build & Connect Calendar"
loading="lazy"
></iframe>
</div>
- Open the Wix Editor for your site
- Click Add Elements (+) → Embed Code → Embed HTML
- Select "Code" mode in the HTML settings panel
- Paste the code below and click Update
- Resize the element on the page as needed
<iframe
src="https://chsbc.co"
width="100%"
height="800"
style="border: none; border-radius: 12px;"
title="Charleston Build & Connect Calendar"
loading="lazy"
></iframe>