Create animated flip box cards in an interactive carousel layout.
Install Flip Box Carousel Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Flip Box Carousel”
- Hover over the widget in the search results and click install
- Add your Flip Box Carousel widget to any Elementor Page
General Settings #
Loop
Infinity loop. Duplicate last and first items to get loop illusion.
Center
Margin Between Slides
The margin between the items set in pixels.
Autoplay
Plays the slides automatically
Autoplay Hover Pause
Pause on mouse hover.
Autoplay Interval
The time between each autoplay interval timeout.
Transition Speed
The speed it takes the slides to slide.
Dots Navigation
Show bullets to navigate carousel.
Arrows Navigation
Show arrows to navigate carousel.
Number of Items
The number of items you want to see on the screen.
Stage Padding
Padding left and right on stage (can see neighbours). Creates an offset carousel effect.
Flip Box Settings #
Height
The height of the flip box cards.
Border Radius
Add rounded corners to the flip box cards.
Trigger
Activate effect on hover, click or trigger icon.
Effect
Flip, Flip Alternative, Slide, Push, Swap, Fade, Zoom In, Zoom Out
Effect Direction
Left, Right, Up, Down
Duration
Animation duration in milliseconds.
Add 3D Depth
Give 3D perspective to elements in the content boxes..
Arrow Settings #
Set the arrow icons of the arrow navigation when turned on.
Connected Widget Settings #
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
The name will be used to connect and controls this widget by other widgets.
Sync
Connect between two diffrent item based widgets and sync them together.
Sync Group
Select the same group for two or more item based widgets for them to sync together.
Show Debug
Show information about remote widgets that are connected to thhis widget.
Items #
Manage the slides of the carousel using the repeater.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Item - Front #
Edit the front side content of the carousel item.
Item - Back #
Edit the back side content of the carousel item.
Item - Color Overrides #
Override the colors for a specific item.
Item - Background Image Overrides #
Override the backgrounds image for a specific item.
Widget Styling #
Various styling options are included to control every design aspect of the widget. Modify the colors to match your site’s look and feel. Customize the text, icons, fonts and layout to make the widget look and work exactly how you want it too.
Usage Examples #
Flip Box Carousel with 3D depth on flip effect.
Flip Box Carousel with slide effect on hover.
Two Flip box Carousels synced together with Remote Control Bullets.
Flip Box Carousel with Remote Control Arrow Navigation and Remote Counter.