Sr. Content Developer at Microsoft, working remotely in PA, TechBash conference organizer, former Microsoft MVP, Husband, Dad and Geek.
151880 stories
·
33 followers

How to Embed an Instagram Reel in WordPress

1 Share

Instagram Reels are short, attention-grabbing videos that can add visual energy to your site. Whether you’re sharing content from your own account or featuring a popular clip, WordPress makes it easy to embed Reels on your pages or posts.

In this guide, you’ll learn the best ways to add Instagram Reels to your WordPress site. We’ll cover options for both the block and Classic editors, how to embed manually, and how to troubleshoot common problems.

1. Using the Instagram block in the block editor

The Instagram Embed block that supports most types of posts, including Reels. To add this block to a page or post, simply:

  1. Open Instagram in your browser and go to the Reel you want to share. Copy the Reel’s URL.
  2. In your WordPress editor, click the plus (+) sign to add a block.
  3. Search for “Instagram” and click on the Instagram Embed block.
  4. Paste the URL of the Reel into the block.
  5. Click Embed.
adding an Instagram Embed block

If the Reel is public, it should load right away. You’ll see a preview directly in your editor.

2. Pasting the Instagram Reel URL directly

You can also simply paste the Instagram Reel URL onto a new line in the block editor.

  1. Copy the Reel’s URL from your browser.
  2. In the editor, paste the link on a line by itself.
  3. WordPress will automatically convert it into an embedded post.

This works well for quick updates or when you’re adding a few links at once.

3. Embedding an Instagram Reel in the Classic editor

The Classic editor doesn’t include Instagram-specific tools, but you can still embed Reels using the embed code.

  1. On the Reel, click the three dots at the top right, then choose Embed.
  2. Copy the full embed code.
  3. In the Classic Editor, switch to the “Code” tab.
  4. Paste the code where you want the video to appear.
  5. When you switch back to the Visual tab, the Reel should appear.
an Instagram video embedded on a page

4. Embedding Instagram Reels with a Custom HTML block

There may be times that you want to use a Custom HTML block to add an Instagram Reel to specific areas of your site. For example, you might want to include a Reel in one off product page template or sidebar. While there are different ways to do this depending on your theme and goal, here’s how to add a Reel into a template using a block theme:

  1. Go to Appearance → Editor → Templates. Open a template, such as “Single Posts.”
  2. Click the + icon at the top left and search for “HTML.” 
  3. Drag the Custom HTML block where you’d like it to live on the page.
  4. Now, navigate to the Instagram Reel and click the three dots at the top right.
  5. Select Embed and copy the embed code.
  6. Paste the code you copied into the Custom HTML block.
  7. Select Preview above the block to see how the Reel looks.
embedding a reel with a Custom HTML block

5. Using plugins to embed an Instagram Reel

There are plugins made specifically for embedding Instagram content in WordPress, including:

WIth plugins, you can add special features like filters and lazy loading. Plus, you can customize fonts, spacing, and other visual features.

What to do if Instagram Reels don’t embed

Sometimes, Reels won’t show up after embedding. Here’s how to fix common issues:

The embed shows an error or blank space:

  • Make sure the Reel is from a public account. Private content won’t display.
  • Check that the URL is pasted on a separate line with no extra formatting.
  • Refresh the editor and clear your browser cache.

The embed code doesn’t appear on the front end:

  • Make sure you’re pasting it into a block or widget that supports HTML.
  • If using a theme builder, test the code in a plain post first.
  • Ensure that ad blockers or privacy settings aren’t hiding the embed.

The Instagram Embed block isn’t working:

  • Try using the Custom HTML block instead.
  • Make sure that WordPress core and all themes of plugins are updated to avoid bugs or conflicts.

Take your video experience even further

If you regularly embed videos or want a faster, more reliable way to deliver content, there’s an easier path than relying on third-party content.

Jetpack VideoPress is built specifically for WordPress and gives you full control over your video experience, from how it looks to how it performs.

What makes VideoPress different:

  • Speed and performance: Videos are hosted on Jetpack’s fast, global content delivery network. That means lightning‑quick load times on any device, with no buffering or delays. 
  • High-quality playback: VideoPress automatically adjusts resolution for each viewer, so your videos always look sharp, whether someone’s on WiFi or mobile data.
  • A simple, flexible video player: The built-in player is clean, responsive, and customizable. You can change the color, size, and controls to match your theme. There’s no branding or watermarks, so your content stays the focus.
  • No distractions or external links: Viewers stay on your site without being sent to other platforms. This helps you keep traffic where it matters most: on your own site.
  • Private video options: You can mark videos as private or unlisted, making it a smart solution for membership sites, course content, or internal use.

If you’re looking for a way to make video a core part of your site, without relying on external platforms, VideoPress gives you a clean, secure, and professional solution. It works seamlessly inside the WordPress editor, with no extra setup required.

Whether you’re embedding short clips, tutorials, or full walkthroughs, VideoPress helps your videos look great and load fast, every time. Learn more about Jetpack VideoPress here.





Read the whole story
alvinashcraft
32 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

Take Action: Go Fast with GitHub

1 Share
From: VisualStudio
Duration: 1:07:36
Views: 89

In this recorded Live! 360 session, Esteban Garcia shows how to go from “it works on my machine” to repeatable, production-style deployments using GitHub Actions—then layers in GitHub Copilot and agentic workflows to help you build, debug, and evolve CI/CD faster.

Starting with a simple .NET web app, Esteban walks through the core structure of Actions, generates workflows with Copilot inside VS Code, and expands from CI to full CI/CD deployments to Azure using OpenID Connect. Along the way, you’ll see how Copilot agent mode can refactor pipelines into reusable workflows, how Model Context Protocol (MCP) can bring GitHub issues/PR context into your dev flow, and how custom agents can specialize Copilot for DevOps tasks like workflow optimization and best practices.

🔑 What You’ll Learn
• GitHub Actions fundamentals: workflows, triggers, jobs, steps, runners, and YAML structure
• How to create CI workflows (restore/build/test) and speed them up with caching
• How to expand CI into CI/CD deployments to Azure (including dev vs prod branching)
• Using OpenID Connect for secure Azure deployments (no long-lived credentials)
• Managing environments, approvals, and protected production deployments
• How Copilot helps with YAML: generation, explanation, troubleshooting, and optimization • How agent mode can make multi-step workflow edits and introduce reusable patterns
• Using MCP to pull GitHub issue/PR context into your Copilot workflow
• Creating custom Copilot agents (e.g., an “Actions specialist”) for repeatable DevOps automation

⏱️ Chapters
00:00 Intro + why CI/CD is harder (and more necessary) than ever
02:05 Session roadmap: Actions + Copilot + agent mode + MCP + custom agents
04:30 What is GitHub Actions? YAML, triggers, jobs, steps, runners
08:10 Demo setup: sample web app + repo structure
10:15 Build your first CI workflow from GitHub (push/PR triggers)
12:45 Why Copilot for YAML: context-aware workflow generation + debugging failures
15:20 Generate CI in VS Code with Copilot (restore/build/test + NuGet caching)
18:30 Run the workflow in GitHub + read logs and failures
22:40 Copilot Agent Mode: expand CI into CI/CD Azure deployment (OIDC)
26:20 Add dev + prod deployments with branch-based triggers
29:00 Secrets + variables in GitHub Actions
32:15 Making pipelines reusable + avoiding over-engineering
40:20 MCP overview + connecting Copilot to GitHub for issues/PR context
48:00 Custom agents in GitHub Copilot: creating an “Actions specialist”
53:10 Demo: agent-generated PR with workflow optimization + docs
58:10 Quick UI improvement demo + end-to-end deploy with approvals
1:02:45 Production approvals (environment gates) + deploy to prod
1:05:04 Wrap-up: going from laptop → GitHub → Azure reliably

👤 Speaker: Esteban Garcia Head of GitHub AI Solutions, Lantern | Microsoft MVP | Microsoft Regional Director

🔗 Links
• Access the repo: https://repotocloud.com
• Download Visual Studio 2026: http://visualstudio.com/download
• Explore more Live! 360 sessions: https://aka.ms/L360Orlando25
• Join upcoming VS Live! events: https://aka.ms/VSLiveEvents

#GitHubActions #GitHubCopilot #DevOps #dotnet #Azure #AI

Read the whole story
alvinashcraft
32 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

Coffee and Open Source Conversation - Jan De Dobbeleer

1 Share
From: Isaac Levin
Duration: 1:22:21
Views: 2

Jan combines the precision of his background in luxury watchmaking with deep experience in platform engineering and open source. As a GitHub Star and Microsoft MVP, he has demonstrated impact in the community and with companies worldwide. He led teams of dozens of engineers at NIKE EMEA, built the popular cross-platform prompt theme engine Oh My Posh, and guides organizations in their transformation toward AI-native software development. Jan helps companies scale, modernize, and align their technical strategy with business goals—always with craftsmanship and attention to detail.

You can follow Jan on Social Media
https://bsky.app/profile/jan.ohmyposh.dev
https://www.linkedin.com/in/jandedobbeleer
https://github.com/JanDeDobbeleer

Also be sure to check out OhMyPosh
https://ohmyposh.dev

PLEASE SUBSCRIBE TO THE PODCAST

- Spotify: http://isaacl.dev/podcast-spotify
- Apple Podcasts: http://isaacl.dev/podcast-apple
- Google Podcasts: http://isaacl.dev/podcast-google
- RSS: http://isaacl.dev/podcast-rss

You can check out more episodes of Coffee and Open Source on https://www.coffeeandopensource.com

Coffee and Open Source is hosted by Isaac Levin (https://twitter.com/isaacrlevin)

Read the whole story
alvinashcraft
33 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

2026 - A New Year

1 Share

I’ve been writing about AI over the past few months. Building MCP servers, learning now to effectively use AI to build and maintain software, and more.

I’m at the point now where I no longer have doubt that AI is useful in software development. To get there requires some learning, the “vibe coding” thing is hype, but once a human understands how to work collaboratively with AI the productivity boost can be 2x up to 20x depending on the task.

(that 2-20x is not just from my experience, but is also from the experiences of numerous other developers I have polled)

I was recently in a conversation about why AI seems to have such a powerful boost for software development, and yet seems anemic in many other scenarios.

My personal thought is that this is yet another example, like so many over my career, where software developers are able to apply technology to our own domain because we understand our own domain and so we have intimate knowledge of how we’d want to change or improve it.

If history is any guide, we’ll use the lessons learned in recreating our own problem domain to apply AI to other domains in the future. I very much suspect this is what will happen.

Just look at the radical improvement of models and related tooling for software development over the past few months. We’ve had new models that are substantially better at understanding and creating code and related assets. Perhaps more important is the improvement in the tooling that enables the LLM models to interact with code, understand context, and assist developers in a more meaningful way.

The model improvements should impact all domains, and probably do. The deficit is in the tooling that would allow a model to interact with a Powerpoint deck, or a spreadsheet, or whatever external apps or systems a user might be working with.

Most tools have been written to be used by humans. And they often also have APIs that are designed for use by other software. None of the existing interfaces or tooling is designed for use by an AI, and that limits the ability of AI to use those systems like it can interact with modern software development tooling like VS Code.

I hope this happens in 2026, that we take the lessons learned in building so many different software development tools like VS Code and Cursor and apply them to other domains, enabling AI to interact with a wider range of tools and systems in a meaningful way.

At the very least, I wish I could have AI create and modify Powerpoint decks at a level similar to what it can do with code today.

Read the whole story
alvinashcraft
33 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

My Year in the Tech Community

1 Share
I've travelled far in 2025: presenting, event staffing, and even travelling to the USA for MVP Summit! Read my look back at a year in the tech community.
Read the whole story
alvinashcraft
33 minutes ago
reply
Pennsylvania, USA
Share this story
Delete

How Do I Use ChatGPT for Sales Prospecting?

1 Share
Unlock sales prospecting with ChatGPT! Learn how to use AI to research smarter, personalize outreach, and build stronger connections. Avoid common pitfalls & boost efficiency.
Read the whole story
alvinashcraft
33 minutes ago
reply
Pennsylvania, USA
Share this story
Delete
Next Page of Stories