WordPress Integration

Embed Zidi videos directly into your WordPress posts and pages using the Custom HTML block.

How to Embed

1. Open your video in Zidi and click Share.
2. Copy the embed code (iframe snippet).
3. In WordPress, open the page or post editor (Gutenberg).
4. Add a Custom HTML block.
5. Paste the embed code into the block.
6. Click Preview to verify, then Publish.

Embed Code

<iframe
  src="https://app.zidi.ai/v/your-video-slug"
  width="640"
  height="360"
  frameborder="0"
  allowfullscreen
  style="border: none; border-radius: 8px;"
></iframe>

Responsive Embed

To make the video responsive, wrap it in a container:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe
    src="https://app.zidi.ai/v/your-video-slug"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 8px;"
    allowfullscreen
  ></iframe>
</div>

Classic Editor

If you're using the WordPress Classic Editor:

1. Switch to the Text tab (not Visual).
2. Paste the embed code where you want the video.
3. Switch back to Visual to preview.

WordPress.com

WordPress.com Business and eCommerce plans support custom HTML. Free and Personal plans may have restrictions on iframe embeds.

Tips

• Use the responsive wrapper for mobile-friendly layouts.
• The embed supports password-protected videos — viewers will see a password prompt.
• Add tracking pixels to your Zidi videos for analytics on embedded views.
• CTAs and engagement tracking work inside embedded videos.