Templates and Elementor

WPKoi Templates for Elementor Premium is the paid edition of a WordPress addon that requires Elementor. The base library lists more than 400 ready-to-import page templates, and Premium adds further templates, elements, and effects. The addon capabilities work with the free Elementor Website Builder.

Prepared layouts can give a personal blog, portfolio, or business site a starting point. Edit the imported content and design in Elementor, using the available widgets to organize information, present pictures, or add interaction.

Import and edit a template

1. Install and activate Elementor and WPKoi Templates for Elementor.
2. Open the Templates tab, choose a page template, and choose IMPORT. The template is added to Elementor’s Template Library, and a page is created with its content.
3. Find the new page in the Pages section. Adjust settings in the default WordPress editor if needed, such as page width or margins, then use Elementor to edit the content and design.

When a template is imported, Elementor’s template library functions retrieve its JSON content from the template provider. The provider states that personal data is not stored after the request. Imported content can be changed or removed.

Widgets for content and images

Advanced Tabs organize related content in a tabbed layout. Call To Action elements prompt users to take a specific action, Circle Progress displays progress or statistics, and Data Table presents information in rows and columns. Content Ticker, Pricing Table, Team Member, Testimonial, Unfold, and View More provide additional ways to show page content.

For image-led layouts, Filterable Gallery lets visitors browse visual content, while Flipbox reveals content through an interactive flip. Hotspots call attention to areas of an image; Image Accordion and Image Comparison provide other ways to explore or compare visuals. These components can be used for portfolios, product presentations, and before-and-after comparisons.

Other widgets include Advanced Accordion, Advanced Heading, Animated Text, Button, Countdown, Darkmode, Lottie Animations, QR Code, Scrolling Text, and Scrolling Images. Lottie Animations include playback controls. Scrolling Images can form horizontal or vertical marquees with hover effects and speed controls; Scrolling Text presents moving text without interaction.

Motion, effects, and styling

Premium Element Effects include mouse move effects. The wider effects collection includes scroll, rotation, and pulse effects for Elementor elements. Particles can create dynamic, interactive backgrounds, and a Sticky Container can stay fixed relative to the viewport or its parent container. Custom CSS can be added to an Elementor widget or container for more precise styling.

Interactive tools include custom cursor experiences with text, icons, animations, and hover interactions. Interactive Image uses Three.js effects with distortion modes and animation settings. Interactive Text applies animated typography and distortion effects; Interactive Liquid Reveal uses cursor-responsive liquid image effects powered by WebGL. Interactive Particle Drift makes image effects from particles that respond to user interaction.