Events embed options

We invite partner organizations, school districts, and community hubs to feature our comprehensive SciTech Institute Events Calendar directly on their websites.

By adding our embed code or sidebar badge, your visitors can explore upcoming science, technology, engineering, and math events across Arizona without ever leaving your site.

Choose the integration option that best fits your site’s layout.

For security purposes, the Full-Page calendar embed will only render on pre-approved website domains. If you are embedding the full calendar on your site, please send your domain URL

Option 1: small sidebar

Best for website footers, sidebars, or resource link sections.

This compact badge features the SciTech Institute logo, a brief callout, and a direct link to the full calendar. It is ideal for sites with limited space that still want to connect visitors to statewide STEM opportunities.

Instructions:

  1. Copy the provided badge code snippet.
  2. Paste it into any sidebar, widget area, or footer column on your website.
SciTech Institute lizard logo

STEM Event Calendar

Discover upcoming science and technology events across Arizona at SciTech Institute Events calendar.

Explore Calendar →
🌐
SciTech-sidebar-calendar-embed.html 
<!-- SciTech Institute Sidebar Badge -->
<div style="border: 1px solid #e0e0e0; padding: 15px; border-radius: 8px; text-align: center; max-width: 250px; font-family: sans-serif; background: #fafafa;">
  <a href="https://scitechinstitute.org/calendar/" target="_blank"><img src="https://scitechinstitute.org/wp-content/uploads/2024/03/Section-7.png" style="width:100%;border:0;vertical-align:top;" alt="SciTech Institute lizard logo" /></a>
  <h4 style="margin: 1rem 0 .5rem 0; font-size: 1rem; color: #333;">STEM Event Calendar</h4>
  <p style="font-size: 13px; color: #555; margin: 0 0 12px 0;">Discover upcoming science and technology events across Arizona at SciTech Institute Events calendar.</p>
  <a href="https://scitechinstitute.org/calendar/" 
     target="_blank" 
     rel="noopener" 
     style="display: block; background-color: #EF7724; color: #ffffff; font-weight: bold; padding: 8px 16px; text-decoration: none; border-radius: 4px; font-size: 14px;">
     Explore Calendar →
  </a>
</div>

Option 2: Full page calendar embed

Best for a dedicated Events page on your website. Note: Domain approval required.

This option embeds the complete SciTech Institute event calendar, formatted without our site’s header or footer, so it integrates seamlessly into your site’s main content area.

Instructions:

  1. Copy the provided embed code snippet.
  2. Paste it into the HTML or Custom HTML block of a wide or full-width page layout on your website.
  3. Optional: You can adjust the height=”700″ value in the snippet to better fit your page’s design.
🌐
SciTech-calendar-embed.html 
<!-- SciTech Calendar Embed Code for Partners -->
<iframe 
  src="https://scitechinstitute.org/events-share/" 
  width="100%" 
  height="700" 
  style="border: 0;" 
  scrolling="auto" 
  sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-forms">
</iframe>