Back to Home

Embeddable Events Widget

Add live DTLA community events to any website with a single line of code. Events update automatically as new ones are posted.

Live Preview

This is exactly what the widget looks like on your site:

1Custom HTML Widget (No Plugin Needed)

In WordPress, add a Custom HTML widget block to your sidebar and paste this:

<div id="dtla-events"></div>
<script src="https://dtweeklypresents.base44.app/functions/embedEventsScript"></script>

2Shortcode (Tockify-Style)

Add this to your theme's functions.php file:

// Add to your theme's functions.php
add_shortcode('dtla_events', function() {
    return '<div id="dtla-events"></div><script src="https://dtweeklypresents.base44.app/functions/embedEventsScript"></script>';
});

Then use this shortcode anywhere on your site:

[dtla_events]

Good to know

  • • Shows the next 5 upcoming events with a "Load more" button
  • • Events update automatically — no need to re-embed when new events are added
  • • Clicking an event opens its details page on dtweeklypresents.com in a new tab
  • • The widget adapts to your sidebar width (recommended: 280–350px)
  • • To send clicks to a different domain, add data-link-base="https://yourdomain.com" to the container div, or set window.DTLA_EMBED_LINK_BASE before the script loads