Elementor Integration
Vimeify provides native Elementor widgets for displaying Vimeo videos and galleries with full design control and live preview.
Available Widgets
Vimeify Video
Display a single Vimeo video with Elementor's styling system.
Key Features:
- Visual video selector
- Live preview in editor
- Player customization
- Elementor styling controls
- Responsive settings
- Motion effects support
Vimeify Gallery
Display video galleries with Elementor's design tools.
Key Features:
- Gallery selector
- Two display styles (slider/playlist)
- Full style customization
- Navigation controls
- Responsive layouts
- Animation support
Quick Start
Adding a Video Widget
- Open Elementor editor on your page
- Search for "Vimeify Video" in widgets panel
- Drag widget to your desired section
- Click Select Video in the Content tab
- Choose your video from the library
- Customize settings and styling
- Click Update to publish
Adding a Gallery Widget
- Open Elementor editor
- Search for "Vimeify Gallery" in widgets panel
- Drag widget to your section
- Select gallery from dropdown
- Choose display style (Slider or Playlist)
- Customize appearance in Style tab
- Update to publish
Video Widget Settings
Content Tab
Video Selection:
- Select/change video
- Preview thumbnail
- Video information display
Player Settings:
- Autoplay: Auto-start playback
- Loop: Repeat video
- Muted: Start without sound
- Controls: Show/hide player controls
- Title: Display video title
- Byline: Show video author
- Portrait: Show author avatar
- Color: Player accent color
Link:
- Link entire widget (optional)
- Open in lightbox
- Custom URL
Style Tab
Video Container:
- Width and height
- Alignment
- Padding and margins
- Background color
- Border and shadow
- Border radius
Hover Effects:
- Overlay color
- Transition effects
- Transform animations
Advanced Tab
Layout:
- Custom CSS ID
- Custom CSS classes
- Z-index control
Motion Effects:
- Entrance animation
- Scrolling effects
- Mouse effects
Responsive:
- Hide on desktop/tablet/mobile
- Custom settings per device
Gallery Widget Settings
Content Tab
Gallery Selection:
- Choose gallery
- Preview selected gallery
- Gallery information
Display Settings:
- Style: Slider or Playlist
- Autoplay: Enable auto-advance (slider)
- Loop: Continuous playback
- Speed: Transition speed (slider)
- Navigation: Show/hide arrows
- Pagination: Show/hide dots (slider)
Playback:
- Default player settings for all videos
- Override per-video settings
Style Tab
Gallery Container:
- Background and spacing
- Border and radius
- Shadow effects
Video Items (Slider):
- Item spacing
- Thumbnail styling
- Hover effects
Navigation:
- Arrow style and color
- Arrow size and position
- Hover states
Pagination Dots:
- Dot size and color
- Active dot style
- Spacing and position
Player (Playlist):
- Main player styling
- Thumbnail list styling
- Active video highlight
Advanced Tab
Same options as Video Widget (Layout, Motion Effects, Responsive).
Display Styles Explained
Slider Style
Horizontal carousel with navigation arrows and pagination dots.
Best for:
- Video showcases
- Portfolio displays
- Featured content
Customization:
- Arrow design and placement
- Dot style and position
- Slide transition effects
- Autoplay timing
Playlist Style
Vertical layout with main player and thumbnail list.
Best for:
- Course modules
- Tutorial series
- Video libraries
Customization:
- Player size and position
- Thumbnail list layout
- Active video styling
- Scroll behavior
Responsive Design
Elementor's responsive mode works seamlessly with Vimeify widgets:
Device-Specific Settings:
- Click device icons (desktop/tablet/mobile)
- Adjust settings per device
- Hide widgets on specific devices
- Different layouts per breakpoint
Common Responsive Adjustments:
- Stack slider items on mobile
- Reduce gallery columns
- Adjust player dimensions
- Hide navigation on small screens
Theme Builder Integration
Use Vimeify widgets in Elementor's Theme Builder:
Single Post Template:
- Add Video widget to display featured video
- Pull video from custom field
- Style consistently across posts
Archive Template:
- Use Gallery widget for category archives
- Filter videos by taxonomy
- Consistent gallery layout
Header/Footer:
- Add promotional videos
- Background video sections
- Video announcements
Next Steps
- Video Management - Organize videos
- Galleries - Create galleries
- Gutenberg Integration - Use with Gutenberg
- Bricks Integration - Use with Bricks
- Video Upload - Add more videos