How to Add Events to WordPress
Embed EventCompletion progress bars in WordPress for real-time event tracking.
ET
EventCompletion Team 1 min read
# How to Add Events to WordPress
Add dynamic progress tracking to your WordPress site in minutes.
## Method 1: Embed Block (Easiest)
1. **Create event** on EventCompletion
2. **Copy the event URL**
3. **In WordPress editor**, add an **Embed** block
4. **Paste URL** and click "Embed"
Done! The progress bar appears on your page.
## Method 2: HTML Embed
For more control, use Custom HTML:
```html
```
## Method 3: Shortcode
Add to `functions.php`:
```php
function eventcompletion_shortcode($atts) {
$slug = $atts['slug'] ?? '';
return '';
}
add_shortcode('eventcompletion', 'eventcompletion_shortcode');
```
Use: `[eventcompletion slug="your-event-slug"]`
## Page Builders
**Elementor:** HTML widget with iframe code
**Divi:** Code module with iframe code
**Gutenberg:** Embed or Custom HTML block
## Responsive Design
```css
@media (max-width: 768px) {
iframe { height: 300px !important; }
}
```
## Use Cases
- Product launches with countdown
- Event registration progress
- Campaign tracking
- Webinar countdowns
That's it! Your WordPress site now has visual progress tracking.
## Related
- [Notion integration](/blog/how-to-add-events-to-notion)
- [Countdown timers](/blog/creating-countdown-timers)
[Create your event](https://eventcompletion.com/create)