FeaturesHow it worksPricingBlog
All articles
Tutorial2025-05-15 · 10 min read

How to Embed YouTube Videos on WordPress with EmbedShorts

WordPress powers over 40% of the web, making it the ultimate platform for bloggers, publishers, and content creators. If you're running a WordPress site, adding a dynamic YouTube video feed is one of the easiest ways to boost engagement and keep readers on your pages longer.

EmbedShorts works seamlessly with WordPress—no plugins required, no coding knowledge needed. In just a few minutes, you can embed beautiful, responsive video feeds anywhere on your site.

Why Embed Videos on Your WordPress Site?

  • Increase time-on-page: Readers spend more time browsing when videos are present
  • Boost engagement: Video content is 80x more likely to be shared
  • Improve SEO: Fresh, dynamic content sends positive signals to Google
  • Reduce bounce rate: Video keeps visitors from leaving your site
  • Build authority: Showcase expertise with how-to videos or case studies
  • Easy to manage: Auto-pull new videos from YouTube without manual updates

What You'll Need

  1. A WordPress site (WordPress.org or WordPress.com with custom code)
  2. Admin access to your WordPress dashboard
  3. A YouTube channel or playlist with videos to showcase
  4. An EmbedShorts account (free to start)

Step 1: Create Your EmbedShorts Widget

  1. Visit embedshorts.com and sign up (free, takes 2 minutes)
  2. Click "Create New Widget"
  3. Select your content type:
    • Shorts: Best for TikTok/Reels-style vertical videos
    • Videos: Better for longer content, tutorials, vlogs
  4. Choose a template:
    • Minimal: Clean, text-focused (great for blogs)
    • Magazine: Professional publication style
    • Publisher: Optimized for news/media sites
    • News: Breaking story format
    • Featured: Big main video + sidebar (case studies)
  5. Configure your widget:
    • Select "YouTube Channel" or "Playlist"
    • Paste your YouTube URL or playlist ID
    • Set max videos (5-10 recommended)
    • Choose portrait or landscape
  6. Customize colors & styling:
    • Match your WordPress theme colors
    • Set accent color, background color
    • Adjust spacing and rounded corners
  7. Save & Publish

Step 2: Get Your Embed Code

  1. Click "Share" in your EmbedShorts dashboard
  2. Click "Embed Code"
  3. Copy the code block:
    <script src="https://embed.embedshorts.com/widget.js" data-widget-id="YOUR_WIDGET_ID"></script>
    <div id="embedshorts-YOUR_WIDGET_ID"></div>
    
  4. Keep this handy—you'll paste it into WordPress next

Step 3: Add to Your WordPress Site

Method 1: Using WordPress Block Editor (Recommended for Recent WordPress)

The easiest approach if you're using WordPress 5.0+:

  1. Go to your WordPress dashboard
  2. Create or edit a post/page
  3. In the content editor, click the "+" button to add a block
  4. Search for "Custom HTML" block
  5. Paste your EmbedShorts code into the Custom HTML block
  6. Preview to make sure it looks right
  7. Publish

That's it! The video feed is now live on your post.

Method 2: Using a Custom Block Plugin (Alternative)

If you prefer a visual interface:

  1. Install a plugin like "Advanced Custom Fields" or "Blocks Plugins"
  2. Go to Plugins → Add New
  3. Search for "custom blocks"
  4. Install and activate
  5. Use the plugin's interface to add your EmbedShorts code as a custom block
  6. Add to your page and save

Method 3: Using a Shortcode Plugin (Classic Editor)

If you're using the Classic Editor:

  1. Install the "Shortcode Manager" or "Code Snippets" plugin
  2. Create a new shortcode and paste your EmbedShorts embed code
  3. Assign it a name (e.g., [my_video_feed])
  4. In your post, add the shortcode where you want the videos
  5. Publish

Method 4: Adding to Your Theme (Advanced)

If you want the feed on every page (e.g., sidebar, footer):

  1. Go to Appearance → Theme Code (or Theme File Editor)
  2. Find the template file where you want videos (e.g., sidebar.php, functions.php)
  3. Add this code:
<!-- EmbedShorts Video Feed -->
<script src="https://embed.embedshorts.com/widget.js" data-widget-id="YOUR_WIDGET_ID"></script>
<div id="embedshorts-YOUR_WIDGET_ID"></div>
  1. Save and preview your site

⚠️ Tip: Create a child theme first so your changes aren't lost during theme updates.

Best WordPress Placements

Blog Posts

Add a video feed near the end of relevant blog posts:

  • Post about "How to Film Videos?" → Embed tutorial videos
  • Post about your niche → Embed related content
  • "Top 10 [Topic]" → Embed those videos

Placement strategy: After the main content, before comments. Keeps readers engaged without disrupting reading flow.

Sidebar

Create a "Featured Videos" or "Latest Tutorials" widget:

  1. Go to Appearance → Widgets
  2. Add a Custom HTML widget to your sidebar
  3. Paste your EmbedShorts code
  4. Set the max height (300-400px recommended)

Homepage

Make a statement with a featured video section:

  1. Use the "Featured" or "Slider" layout for visual impact
  2. Add above your blog posts
  3. Great for showcasing your best content

About Page

Build trust with your audience:

  • Embed "Meet the Team" videos
  • Share your brand story
  • Showcase customer testimonials

Archive/Category Pages

Help readers find related content:

  • Filter videos by topic
  • Create separate widgets for different categories
  • Embed on each category archive page

WordPress-Specific Customization

Responsive Layout on Mobile

WordPress automatically responds to screen sizes, but here's how to optimize:

  1. In your EmbedShorts dashboard, choose a layout that works on mobile:

    • Scroll layout: Single column, perfect for mobile
    • Featured: Adjusts to single column on mobile
    • Grid: Responsive, adapts to available space
  2. On desktop, your site width usually maxes out at 800-1200px

  3. EmbedShorts scales to fit automatically

Matching Your Theme Colors

  1. Get your WordPress theme's primary color (check Appearance → Customize)
  2. Go to your EmbedShorts dashboard
  3. Set the accent color to match
  4. Set background color to match your page background
  5. Republish

Adding Custom CSS (Optional)

If you want to fine-tune spacing or styling:

  1. Go to Appearance → Additional CSS
  2. Add custom rules:
/* Add margin around video feed */
div[id*="embedshorts"] {
  margin: 30px 0;
  border-radius: 8px;
}

/* On mobile, reduce margins */
@media (max-width: 600px) {
  div[id*="embedshorts"] {
    margin: 15px 0;
  }
}
  1. Save

Plugins That Play Well with EmbedShorts

These don't conflict and work great together:

  • Yoast SEO (doesn't interfere with embeds)
  • WP Rocket (caches and loads fast)
  • Jetpack (analytics compatible)
  • MonsterInsights (GA tracking works fine)
  • Akismet (comment spam protection)

Troubleshooting on WordPress

Videos aren't showing?

  • Make sure you used a "Custom HTML" block, not a regular text block
  • Check that your YouTube channel is public
  • Clear your WordPress cache (if using caching plugin)
  • Try a different browser or clear your browser cache

Embed looks broken in the editor?

  • This is normal! The WordPress editor doesn't always render embeds perfectly
  • Check the Preview tab to see how it will look on your live site
  • If it looks good in preview, it's fine

Conflict with my theme?

  • EmbedShorts uses Shadow DOM (isolated styling) so conflicts are rare
  • If there is an issue:
    • Deactivate all plugins and test
    • Switch to a default WordPress theme temporarily
    • Contact EmbedShorts support

The embed isn't responsive on mobile?

  • Make sure your WordPress theme is responsive (most modern themes are)
  • Test on actual mobile device (not just browser resize)
  • The EmbedShorts widget is fully responsive

My post is running slow?

  • EmbedShorts widget is <15 KB and uses CDN (won't slow you down)
  • Check for other heavy plugins: Install a performance plugin like "WP Rocket" or "Autoptimize"
  • Review images on the post (they're usually the culprit)

The embed code isn't showing, just plain text?

  • Make sure you used a Custom HTML block, not a text block
  • Don't add the code inside a text editor or paragraph block
  • It must be in a "Custom HTML" block specifically

SEO Benefits

Embedding videos on WordPress has measurable SEO benefits:

Google ranks pages with video higher:

  • 52% of marketers say video has helped increase conversion rates
  • Pages with video are 53x more likely to rank on page 1

EmbedShorts helps because:

  1. Dynamic content: Fresh videos signal active site maintenance
  2. Longer time-on-page: Reader stays longer = better ranking signal
  3. Lower bounce rate: Video keeps people from leaving
  4. Engagement: Shared videos mean backlinks
  5. Freshness: YouTube videos update regularly, keeping your page fresh

Performance Impact

EmbedShorts is optimized for WordPress:

  • Ultra-lightweight: 14 KB minified (no performance hit)
  • Lazy loading: Videos only load when visible (faster page load)
  • CDN delivery: Videos served from global CDN (fast anywhere)
  • No external dependencies: Doesn't load jQuery, React, or other libraries
  • Google PageSpeed: Won't impact your score

Advanced: Using REST API (Developers)

If you're building a custom solution, EmbedShorts widgets can be integrated via API:

# Get widget data
curl https://api.embedshorts.com/embed/YOUR_WIDGET_ID

# Returns JSON with videos, settings, and config

Contact support for API documentation.

Pricing & Getting Started

EmbedShorts is free to start:

  • 1 widget
  • 1,000 monthly views
  • Full customization
  • No credit card required

Upgrade as you grow:

  • Starter: $19/mo (3 widgets, 10K views)
  • Pro: $99/mo (10 widgets, 100K views)
  • Agency: $499/mo (unlimited, white-label)

Ready to add videos to your WordPress site?

  1. Sign up free
  2. Create your widget (2 minutes)
  3. Copy the embed code
  4. Paste into a Custom HTML block on your WordPress page
  5. Publish

FAQs

Will this work with my WordPress theme? Yes, EmbedShorts works with any WordPress theme (Divi, GeneratePress, Kadence, etc.)

Do I need to install a plugin? No! EmbedShorts works with just the embed code. No plugin required.

What if I'm on WordPress.com? You need WordPress.com Business plan or higher to add custom code. For free/basic plans, use a third-party plugin.

Can I add multiple video feeds to one page? Yes, create separate widgets and add them to different sections.

What if I want the feed to update automatically? It does! Select "YouTube Channel" as your source, and new videos appear automatically.

Can I hide specific videos? Yes, blacklist video IDs in your EmbedShorts settings without deleting from YouTube.

Is the embed mobile-responsive? Completely. Works on phones, tablets, and desktops automatically.

What about SEO? Video embeds are good for SEO—they increase time-on-page and add fresh content.


Start embedding YouTube on WordPress today. Create your free EmbedShorts account and add dynamic video to your next post or page.

Ready to embed YouTube videos?

Free plan available. No credit card. 5-minute setup.

Start for free →