Impeka comes with the WPBakery Page Builder (formerly Visual Composer), a visual layout builder that allows you to forget about syntax of shortcodes and create multiple layouts within minutes without writing a single line of code! You can edit, delete, increase and decrease the size of each item.
Furthermore, you can reorder the elements, copy-paste, and save templates. It has a very simple and instinctive interface! Don’t forget to read the Rows and Columns with Impeka’s enhanced Page Builder section in this documentation, where you will discover the amazing responsive possibilities.
As you can easily see, Impeka’s elements are especially handmade for the theme’s preferences and they harmoniously use the amazing visual interface of the composer. That means you will not find just one WPBakery Page Builder copy in Impeka!
Let’s take a brief look at the elements:
Contact Form 7 and Custom Contact Form 7
With this element, you can simply use any Contact Form 7 you’ve created. When using the Contact Form, the default layout is to have one field per row.
However, you can have multiple fields in the same row with different styles by adding some HTML markup. For more details visit this related article on our Knowledge Base.
Design your row and then place any content element you wish inside.
Design your section and then place a Row element or the Area Item element you wish inside.
Add the text you like by using the classic TinyMCE. Additionally, style your text as Leader text or Subheading text to create more interesting text areas.
Simply add horizontal tabs as needed until you are ready.
Simply add vertical tabs as needed until you are ready.
This element creates an accordion panel that expands when the user clicks on the title to reveal more information.
This is what you read. You are able to select any Google font you like, set the size, the tag, align, color, line height, and set the link URL.
Select the widget area you want to display. Moreover, you can style a particular element differently by adding a class name and refer to it in custom CSS.
With this element, you can output raw HTML code on your page.
Slider Revolution 6
You can place the Slider Revolution and select which slider you want to display.
This element will create a title that you can use to introduce a new section in a page or even an element. You can set the alignment, the header you prefer, and the line-style(if you use a line).
Add a Blank space with the height you prefer.
With this element, you can create a divider (line, double line, dashed line, or back to top) to better separate your elements and sections. Additionally, you can split your pages by using full-width dividers.
The button element is an easy way to add a styled button to your page. Just choose the appropriate type(simple, line), size, shape and color, and icons from 5 different Font libraries. Finally, fill out the other fields (text, link), and off you go!
With the button group element, you can easily add buttons side by side. So what you have to do is to add as many button elements you want inside the Button Group element and define the spacing between them and the alignment.
Add your text, set the animation you like and your quote text is ready to be published.
Two styles for dropcaps. Add your text, choose your style, set the animation and save.
The slogan element creates a slogan with two buttons. Simply add title, subtitle, text, line-style and buttons (1 or 2).
With the call-out element you’re able to choose your preferred style, give a title, your text, button and off you go.
This element creates horizontal bars that get animated in accord with the percent given; the best way to show your skills in a visual way with multiple styles.
Pricing tables are used to display any subscription options in an appropriate column. Create the tables you wish (don’t overdo with this, 4 tables per row are enough) and add your data.
With this element, you create a message text with an icon and background color.
Just like the Icon Box but with only a single icon and multiple options. Use any font from 5 different Font libraries, select the icon size, shape, colors, align, set the link.
Another element with multiple options. Firstly, select the icon size and the icon shape. Secondly, you can use any font from 5 different Font libraries, upload a png icon or even write a character(letter or number)! Give title, text, link, align, box color, advanced hover (if you like), and enjoy it!
We would say that it is an advanced icon box. However, you can have background color and hover background on the whole box area. Select any font from 5 different Font libraries, specify the box shadow and the link target. Give title, text, text style, and size. Enjoy it!
With this shortcode, you can simply upload an image(with a video popup if you like), title, text, and button(any type).
This element provides a modern layered layout of your images. Add the images you want, Offset X, Offset Y, Shadow, Border and animation if you prefer.
In this element, you can combine image with text and button. All in one element with styling options and animation!
Media for Impeka means image, video, or map. Combine one of these with title, text, link and you’re ready!
Upload a single image and give the alignment, animation, link you wish. You can have Image, Image Link, Image popup, and popup video.
The Image Gallery element has 4 different modes for showing your image galleries with various options. Classic Grid, Masonry, Carousel, and Advanced Carousel with multiple options for hovers, overlays, columns, and more. You can also select image sizes and of course, create full-width galleries.
Image Gallery Broken
The Image Gallery Broken element offers 4 different broken layouts with hover & title options and image link options.
Display your images in carousel layout with two different carousel types, styling options, navigation, title & hover options and image link.
This element is not just a simple slider. Upload your images, select the navigation type and color. Set if you want autoplay, the slideshow speed, the image crop/resize! Don’t forget to set it to full-width element, it’s great!
You can just add a video(YouTube, Vimeo), even full-width video.
With this element, you can simply add social media icons anywhere on your pages in multiple styles.
You can add social networking links and style them by selecting their size, color, shape, and alignment.
Give the Latitude/Longitude, set the map height and the zoom you wish for your map. You can have single or multiple points with your image markers or with theme dot icons in which you can also define the background color. Last but not least, you can keep or disable the custom style you may have created under Theme Options.
This element takes in a quick profile for a team member/employee and formats it attractively. Add the information you wish, it’s so simple.
The Blog element is undoubtedly one of the most important elements which most of the users will probably use. Based on that fact, Impeka really offers multiple options for this element.
There are two separate elements to showcase your posts, Grid and Carousel layout. For more details check Blog Element and Blog Carousel Element related articles.
Moreover, there is the Blog Leader Element which was specifically created for the needs of any Blog theme. Select between the Classic and the Impeka style, define the number of the posts, categories, and many more.
Other famous elements for any site are the Portfolio elements in order to showcase your work online. Based on that fact, Impeka really offers three elements to showcase your portfolio items. The Portfolio Element, the Portfolio Carousel Element, and the Broken Portfolio that offers a unique layout.
You can display your WooCommerce products in multiple styles. There are two separate elements to showcase your products, Grid and Carousel layout. For more details check Product Element and Product Carousel Element related articles.
This element creates a nice slider out of your testimonials items. Go Testimonial > Testimonial Items and create your testimonials. Afterwards, add the testimonial element and define the various settings like categories, speed, navigation, and more. Also, another element is the Testimonial Carousel that you get the same options more or less with a carousel layout.
Slider with Content
In this element, you can add a slider of Posts, Portfolio items or Products with excerpt, button and many styling options.
With this element, you can create very appealing and interesting carousels to show off multiple elements. Add the Flexible Carousel in a row and click to start adding elements into it in order to have various content in the carousel. Create columns, define the responsiveness, select your navigation type, and many more. Impressive?
Place the countdown element and style it by selecting its style, size, text size, number color, text color, bottom margin, and many more.
This element can be used to quickly create animations that display numerical data in a more interesting way. You can set colors, icon, title, text, and more.
With this element, you can create appealing pie charts with multiple options.
Add your prefix text, your suffix text, and add-style the Typed Text which makes your text move.
Add your text and select the animation between Lines, Words and Characters.
This is a special element. You can easily create a nicely colored tabbed sections (rows) with image (logo), text and button. Just create multiple Promo Advanced elements in different rows, define the colors(backgrounds) you prefer and collapse these rows. This creates very appealing and interesting areas to show off your partners or anything else you wish. We recommend using the Promo Advanced element on pages without sidebars.
Place the language selector and select its alignment and CSS animation.
The classic WP search widget in order to add it anywhere you wish in your content.
You can add a menu in your content with orientation, responsive orientation, font options and custom spacing.
One more amazing possibility with Impeka is to use Gutenberg blocks that you can edit directly from WPBakery Page Builder. Wow!
In the majority of the elements you can define CSS animations with time delay and duration.