Halloween 40% off every Pro plan. Lifetime from $51, pay once.40% off Pro Vanishes in Claim40% off
Get Animation Addons Pro
Classic Elementor widget · Free

Video Posts Tab for Elementor Tabbed video posts over a large banner

Show your video posts as tabs. This Elementor video tabs widget reads the posts that use the Video format and puts a large banner with a play icon above a row of post tabs. A click on a tab fades in that post’s banner. Choose the title, excerpt, author, date and button, then style it. This video posts tab widget for Elementor makes a clean Elementor video blog layout without code.

Try it free See the live demos
  • Free in Animation Addons
  • Banner with play icon
  • Click a tab to switch
  • Reads Video format posts

Classic widget · Elementor 3 and 4Updated

Live demos

Video tabs, live

A video page for a design studio: a big banner and a strip of video posts with a View All link. Click a post to switch the banner.

ArolaxWorkVideosContact
Arolax Videos

Watch how we work

A bright studio with plants, desks and soft daylight
Five people around a desk in a bright studio, planning a website
Colleagues reviewing a case study on large screens in an open office

Inside our studio in one minute

A quick walk through the desks, the plants and the room where every project starts.

Written by Mara Quinn

Watch now

How we run a design workshop

Five people, one desk and a whiteboard. See how a homepage takes shape in an afternoon.

Written by Leo Hart

Watch now

Reviewing a case study together

We open the screens, read the draft aloud and fix what slows the story down.

Written by Ines Moreau

Watch now
View All
Studio video page

Video tabs under a big banner

A tall banner shows the featured image of the active video with a ringed play icon. A strip at the bottom lists the video posts side by side, each with a bold-start title, an excerpt, a category, a date and the author. The active tab is highlighted. A click fades the banner to the matching image. On phones the tabs stack under the banner.

Click a video tab

Set Posts Per Page to 3 and switch on Show Excerpt, Show Date, Show Author and Show Taxonomy. Type Watch now in Read More Text and keep View All on.

Features

Key features of Video Posts Tab

Every item below is a setting in the widget panel. No code needed.

Tabs from your video posts

The widget queries posts with the Video format and shows one tab and one banner image for each. Set Posts Per Page to choose how many video posts to show in Elementor.

Banner with a play icon

The banner shows the featured image with a play icon that links to the post. Style it in Banner and Play Icon: Height, Color, Icon Size and Circle Size.

Click to switch

Only the first banner image shows at first. A click on a post fades the banner out and fades in the matching image.

Choose what each tab shows

Turn Show Title, Show Excerpt, Show Date, Show Comment, Show Author, Show Taxonomy and Read More on or off.

Titles with a bold start

Set Title Length and the Title HTML Tag. Highlited Title bolds the first words, and you set how many.

Query and order

Sort with Order By and Order, and use Ignore Sticky Posts to leave sticky posts out.

Responsive columns

In Layout, set Columns from 1 to 6 per device, plus Columns Gap and Rows Gap.

View All button

Add a View All link with your own View Text, Link and Icon, and style it in its own section. Point it at an Elementor video archive page.

Step by step

How to add video tabs in Elementor

How to show video posts in Elementor, in five steps and with no code. The bold names are the labels in WordPress and the Elementor panel.

  1. Install Animation Addons for Elementor from WordPress.org, then turn on Video Posts Tab in the plugin’s Widgets list.

  2. Create your video posts and set the post format to Video, with a featured image on each.

  3. Open your page in Elementor, search the panel for Video Posts Tab and drag it onto the page.

  4. Under Query and Settings, set Order By, Posts Per Page and what each tab shows, such as Show Excerpt and Show Author.

  5. Style the Banner, Play Icon and Layout, check it on mobile and publish.

Try it free Free on WordPress.org · Works with Elementor Free
FAQ

Questions about Video Posts Tab

How do I show video posts as tabs in Elementor?

Install the free Animation Addons plugin, turn on Video Posts Tab and drag it onto your page. Add posts with the Video format and a featured image. They appear as tabs under a large banner.

Is the Video Posts Tab widget free?

Yes. It is part of the free Animation Addons for Elementor plugin on WordPress.org and works with Elementor Free. There is no free Elementor video tabs widget in Elementor itself.

Which posts does it show?

Only posts that use the Video post format in WordPress, the Elementor video post format this widget reads. Posts in other formats are not listed, so set the format on each video post.

Does it play the video inside the banner?

No. The banner shows the featured image with a play icon, and the icon links to the post. The video plays on the post page. Elementor Pro’s Video Playlist plays videos in the widget instead.

How does the banner change?

Click a post in the strip. The current banner image fades out and the image of that post fades in.

Can I build video gallery tabs or showcase tabs?

Yes. Use it as Elementor video gallery tabs on a channel page or as Elementor video showcase tabs for a reel. Each tab is one video post.

Can I change the number of tabs?

Yes. Set Posts Per Page, and use Columns in the Layout section to control how many sit in a row on each device.

Can I add a View All link?

Yes. Switch on View All, then set the text, link and icon. It is useful for linking to your Elementor video archive page.

What is the difference from Elementor Video Playlist?

Video Playlist belongs to Elementor Pro and plays videos inside the widget. Video Posts Tab is free, reads your video posts and links each play icon to the post.

Does it work in Elementor 4?

Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets and it works on the same page as atomic elements.

Animation Addons Pro · Elementor 4

Give your videos a stage

Free video tabs for Elementor, part of Animation Addons.

Get Animation Addons Pro Try it free

Halloween deal40% off every Pro planEnds 5 Nov

  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license