The “Repeater Tabs widget” for Elementor empowers you to create dynamic tabbed content using repeater fields from ACF, JetEngine, Meta Box, or Toolset. Designed for displaying structured information with ease, this powerful widget transforms each repeater entry into an interactive tab, each with its title and content. Ideal for showcasing services, product features, FAQs, or segmented details, the Repeater Tabs widget brings clarity and organization to your layouts.
Let’s explore the features and customization options available in the “Repeater Tabs widget” for Elementor below.
Add a Free Repeater Tabs to Elementor
Add a Free Repeater Tabs to an Elementor Page
Elementor Repeater Tabs Widget General Settings
Repeater Source
Defines the data source for your repeater content.
- Meta Fields
This option pulls data directly from a repeater field created using ACF (Advanced Custom Fields) plugin. - JSON / CSV
This allows you to manually add repeater data inside a field provided in the widget settings. - Google Sheets
This option fetches data live from a Google Sheet. You need to provide the Spreadsheet ID and publish it so it can be accessed.
ACF Field Name
The exact name of the ACF repeater field storing the repeated items.
ACF Field Location
Specifies where the ACF field is located.
Current Post
Parent Post
Select Post
Current Term
Parent Term
Current User
Show Debug Data
Enables display of raw repeater data for debugging purposes.
Show Debug Meta
Displays metadata related to each repeater item.
Title Field Name
Field used as the main title for each repeated tab/item.
Content Title Field Name
Field used as a secondary heading or title within the tab content.
Content Field Name
Field used as the main body/content of each repeated item.
Image Field Name
Field used to display an image for each repeater item.
Button Text Field Name
Field that provides the text shown on a button in each item.
Button Link Field Name
Field that sets the URL for the button in each repeated item.
Alignment
Controls the horizontal alignment of the tabs.
Left
Center
Right
Direction
Sets the text direction for the content.
Content Number of Characters
Limits the number of characters shown in the tab content area.
Tab Layout
Determines the visual structure or style of the tabs.
Make Tabs Equal
Stretches tabs to equal width for uniform appearance.
Scroll To Head
Enables automatic scrolling to the top of the widget when a tab is clicked.
Off
Desktop
Mobile
Desktop + Mobile
Set URL Hash
Enables linking directly to a specific tab using a unique URL hash.
Close Active Tab On Click
Allows the active tab to close when it's clicked again.
Widget Overflow
Manages how overflow content inside the widget is displayed or hidden.
Show Image
Toggles the visibility of the image for each tab item.
Fallback Image
Sets a default image to display if no image is provided for a tab item.
Show Title
Toggles the visibility of the title for each tab item.
Title Tag
Specifies the HTML tag used for the tab title, which affects the structure and styling.
Show Content
Toggles the visibility of the main content area for each tab item.
Show Button
Toggles the visibility of a button for each tab item.
Show Increment
Toggles the visibility of an increment for each tab item.
Elementor Repeater Tabs Widget Style Settings
Tabs Container Radius
Adjusts the corner roundness of the entire tab container.
Tabs Container Padding
Sets inner spacing between the content and edges of the tab container. Padding can be adjusted individually (Top, Right, Bottom, Left) or linked for uniform spacing.
Tabs Container Border Type
Defines the style of the border around the tab container.
Default
None
Solid
Double
Dotted
Dashed
Groove
Tab Bar Background
Sets the background color or image for the entire tab bar area.
Tab Bar Padding
Sets inner spacing between the tab content and edges of the tab bar. Padding can be adjusted individually (Top, Right, Bottom, Left) or linked for uniform spacing.
Tab Bar Border Radius
Controls the corner roundness of the tab bar.
Tab Bar Border Type
Defines the border style around the tab bar.
Default
None
Solid
Double
Dotted
Dashed
Groove
Tab Typography
Controls font family, size, weight, line height, and other text styling for tab titles.
Tab Radius
Adjusts the corner roundness of each tab item.
Tab Item Margin
Sets external spacing around each tab item. You can adjust Top, Right, Bottom, and Left individually or link them for uniform spacing.
Tab Item Padding
Sets inner spacing between content and edges of each tab item. Padding can be adjusted per side or linked.
Tab Box Shadow
Adds a shadow effect around each tab item.
Justify Title
Controls the horizontal alignment of the tab title within the tab item.
Start
Center
End
Align Title
Controls the vertical alignment of the tab title within the tab item.
Normal / Hover / Active Tabs
These are styling states for tab items:
Normal: Default appearance when not interacted with.
Hover: Styles shown when the mouse hovers over a tab.
Active: Styles applied to the currently selected tab.
Tab Background
Sets the background color or image for the tab item in its Normal, Hover, or Active state.
Tab Title Color
Sets the title text color for each tab item depending on its state (Normal, Hover, or Active).
Tab Border Type
Defines the border style around each tab item per state.
Default
None
Solid
Double
Dotted
Dashed
Groove
Content Padding
Sets inner spacing between the content and the edges of the content area. Padding can be adjusted per side (Top, Right, Bottom, Left) or linked for uniform spacing.
Content Background
Sets the background color or image for the content area of each tab.
Tabs and Content Spacing
Controls the vertical spacing between the tab bar and the content area.
Content Radius
Adjusts the corner roundness of the content area.
Border Type
Defines the border style around the content area.
Default
None
Solid
Double
Dotted
Dashed
Groove
Box Shadow
Adds a shadow effect around the content area for visual depth.
Image Padding
Sets inner spacing between the image and its container. Padding can be adjusted per side (Top, Right, Bottom, Left) or linked for uniform spacing.
Image Height
Defines a fixed height for the image.
Image Border Type
Specifies the style of the border around the image.
Default
None
Solid
Double
Dotted
Dashed
Groove
Image Border Radius
Controls the corner roundness of the image. Radius can be adjusted per corner or linked for uniform roundness.
Box Shadow
Adds a shadow effect around the image for visual depth.
Image Gap
Sets spacing between the image and nearby content, like the title or description.
Image Layout
Defines the image's position relative to other content (e.g., on top, left, right).
Image Fit
Controls how the image is scaled or cropped within its container (e.g., cover, contain, fill).
Title Color
Sets the color of the title text for each tab item.
Title Typography
Controls the font family, size, weight, style, and other typography settings for the title.
Title Spacing
Adjusts the vertical spacing between the title and the content below it.
Text Shadow
Adds a shadow effect to the title text for enhanced visual styling.
Typography
Controls the font, size, weight, and other text styling for the button’s label.
Button Padding
Sets the inner spacing between the button text and its edges. Padding can be adjusted individually (Top, Right, Bottom, Left) or linked for uniform spacing.
Button Spacing
Adjusts the vertical spacing between the button and surrounding elements (e.g., content above or below).
Button Radius
Controls the corner roundness of the button.
Button Style
Defines how the button is displayed (e.g., Inline means it takes up only as much width as needed).
Normal / Hover Tabs
These are visual states for button styling:
Normal: Default button appearance.
Hover: Appearance when the mouse hovers over the button.
Button Background Color
Sets the background color of the button for each state.
Button Text Color
Sets the color of the button’s text for each state.
Button Border Type
Defines the border style around the button for each state.
Default
None
Solid
Double
Dotted
Dashed
Groove
Repeater Tabs Widget Design Examples For Elementor
Here are some live use cases for the Repeater Tabs Widget.
Chevynne City Repeator Tab.
Team Member Repeater Tab.
Thank you for using the Repeater Tabs Widget for Elementor! Seamlessly compatible with ACF, JetEngine, Meta Box, and Toolset, it’s the ideal solution for displaying dynamic content in a clean, tabbed layout. Whether you’re showcasing services, product details, or FAQs, this widget makes organizing repeater field data simple and engaging. If you need any assistance or have questions, please don’t hesitate to contact us. For ideas and live previews, don’t forget to explore the demo on our website.
