Cherfort
Power Builder Modules allow you to embed different blocks containing Accordion, Posts, Blurbs, Sliders etc. right to your website page. The modules represent the variety of components that can be added with the help of Power Builder to yor website.They contain different options to choose, and can be set in accordance to your site’s needs.Versatile advanced customization options provide help to anyone who wants to create attractive website content.
Accordion
This module allows you to add an accordion to the website. It will be a perfect solution when you need to display multiple items within a vertical list and save space on a single page.
Module Options:
-
- title
- the toggle title will appear above the content and when the toggle is closed;
-
- content
- here you can define the content that will be placed within the current tab;
-
- disable on
- this will disable the module on selected devices;
-
- admin Label
- this will change the label of the module in the builder for easy identification.
Audio
Add audio files and audio player to the pages. It can be used for music sites when it is needed to showcase the latest songs or any other audio files.
Module Options:
-
- audio
- define the audio file for use in the module. To remove an audio file from the module, simply delete the URL from the settings field;
-
- title
- define a title;
-
- artist name
- define an artist name;
-
- album name
- define an album name;
-
- cover art image URL
- upload your desired image, or type in the URL to the image you would like to display;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Bar Counters
Display stats on your website in an attractive way. It can be used in online CVs and resumes for indicating your skills and experience.
Module Options:
-
- title
- input a title for your bar;
-
- percent
- define a percentage for this bar;
-
- background color
- this will adjust the color of the empty space in the bar (currently gray);
-
- bar background color
- this will change the fill color for the bar;
-
- use percentages
- enable/disable percentages;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Blog
Blog modules allow you to build various kinds of blogs in several clicks. Combined with sidebar modules they can be used for creating the most popular blog designs.
Module Options:
-
- layout
- toggle between the various blog layout types;
-
- posts number
- choose how much posts you would like to display per page;
-
- include categories
- choose which categories you would like to include in the feed;
-
- meta date format
- if you would like to adjust the date format, input the appropriate PHP date format here;
-
- show featured image
- enable/disable percentages;
-
- featured image size
- select featured thumbnail size;
-
- content
- showing the full content will not truncate your posts on the index page. Showing the excerpt will only display your excerpt text;
-
- Read More button
- here you can define whether to show "read more" link after the excerpts or not;
-
- show author
- turn on or off the author link;
-
- show date
- turn the date on or off;
-
- show categories
- turn the category links on or off;
-
- show comment count
- turn comment count on and off;
-
- show pagination
- turn pagination on and off;
-
- offset number
- choose how many posts you would like to offset by;
-
- featured image overlay
- if enabled, an overlay color and icon will be displayed when a visitors hovers over the featured image of a post;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Blurb
If you need to combine short text with images, blurbs will be a perfect solution for that. They can be inserted into any column created on the website.
Module Options:
-
- title
- the title of your blurb will appear in bold below your blurb image;
-
- url
- if you would like to make your blurb a link, input your destination URL here;
-
- url opens
- here you can choose whether or not your link opens in a new window;
-
- use icon
- here you can choose whether icon set below should be used;
-
- image
- upload an image to display at the top of your blurb;
-
- image alt text
- define the HTML alternative text for your image here;
-
- image/icon placement
- here you can choose where to place the icon;
-
- image/icon animation
- this controls the direction of the lazy-loading animation;
-
- text orientation
- this will control how your blurb text is aligned;
-
- content
- input the main text content for your module here;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Brands Showcase
Create and arrange your brands with the help of Brands Showcase module.
Module Options:
-
- add new brand
- choose add a new brand to add a new brand to your website page;
-
- brand logo url
- upload your desired image, or type in the URL to the image you would like to display;
-
- brand name
- type in in this block the brand name;
-
- brand title
- type in in this block the brand title;
-
- brand description
- type in in this block the general brand description.
Button
Add various kinds of buttons to any page of your site within several clicks.
Module Options:
-
- button url
- input the destination URL for your button;
-
- url opens
- here you can choose whether or not your link opens in a new window;
-
- button text
- input your desired button text;
-
- button alignment
- here you can define the alignemnt of button;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Carousel
Carousel Module helps to integrate carousel slider into your website's page
Module Options:
-
- choose taxonomy type
- choose the taxonomy type of posts you want to be shown as your carouse slides;
-
- posts count
- define how many posts are to be shown;
-
- super title
- here you can type in the super title of the carousel slider;
-
- title
- here you can type in the title of the carousel slider;
-
- subtitle
- here you can type in the subtitle of the carousel slider;
-
- title words length
- specify the title length;
-
- excerpt words length
- specify the excerpt length;
-
- display More Button
- this will disable or enable More Button;
-
- More Button text
- fill in the More Button text;
-
- display post meta data
- choose what meta data you want to be displayed;
-
- featured image size
- choose the image size for your carousel slides.
Circle Counter
Circle counter is an attractive and effective way to showcase single statistics. It can be used to display data about your company, experience, skills, etc.
Module Options:
-
- title
- input a title for your bar;
-
- number
- define a number for the circle counter;
-
- percent sign
- here you can choose whether the percent sign should be added after the number set above;
-
- rounded bar
- enable/disable rounded bar;
-
- circle line width
- width of the bar line in pixels;
-
- circle size
- specify the size of the circle;
-
- bar background color
- this will change the fill color for the bar;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Contact Form
Communicate with your visitors and customers much easier with the help of the Contact Form module.
Module Options:
-
- field options:
-
- field ID
- define the unique ID of this field. You should use only English characters without special characters and spaces;
-
- title
- here you can define the content that will be placed within the current tab;
-
- placeholder
- here you can define the placeholder for the current field;
-
- type
- choose the type of field;
-
- required field
- define whether the field should be required or optional;
-
- show field label
- show/hide field label;
-
- width
- specify the width of the field;
-
- display captcha
- turn the captcha on or off using this option;
-
- input the email address where messages should be sent;
-
- title
- define a title for your contact form;
-
- message pattern
- here you can define the custom pattern for the email Message. Fields should be included in following format - %%field_id%%. For example if you want to include the field with id = phone and field with id = message, then you can use the following pattern: My message is %%message%% and phone number is %%phone%%. Leave blank for default;
-
- enable redirect url
- redirect users after successful form submission;
-
- success message
- type the message you want to display after successful form submission. Leave blank for default;
-
- submit button text
- input the label for submit button;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Countdown Timer
Create Coming Soon events with this module. It can also be used for creating compelling landing pages for any kind of business.
Module Options:
-
- countdown timer title
- this is the title displayed for the countdown timer;
-
- countdown to
- this is the date the countdown timer is counting down to. Your countdown timer is based on your timezone settings in your WordPress General Settings;
-
- use background color
- here you can choose whether background color setting below should be used or not;
-
- background color
- here you can define a custom background color for your countdown timer;
-
- layout
- choose the layout type;
-
- circle size
- specify the size of the circle;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Call to Action
Create catching call to actions quickly and worry free with the help of this Call to Action module.
Module Options:
-
- title
- input your value to action title here;
-
- button url
- input the destination URL for your CTA button;
-
- url opens
- here you can choose whether or not your link opens in a new window;
-
- button text
- input your desired button text;
-
- use background color
- here you can choose whether background color setting below should be used or not;
-
- background color
- here you can define a custom background color for your CTA;
-
- text orientation
- this will adjust the alignment of the module text;
-
- content
- input the main text content for your module here;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Divider
This module is used for adding custom horizontal lines to divide the elements and make the content look more structured and organized.
Module Options:
-
- color
- this will adjust the color of the 1px divider line;
-
- visibility
- this settings turns on and off the 1px divider line, but does not affect the divider height;
-
- disable on
- this will turn thumbnails on and off;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Image
Use this module to add various images to the web pages. It also offers multiple options to give the images more live and dynamic look.
Module Options:
-
- image url
- upload your desired image, or type in the URL to the image you would like to display;
-
- image alternative text
- this defines the html alternative text. A short description of your image can be placed here;
-
- image title text
- this defines the html title text;
-
- open in lightbox
- here you can choose whether or not the image should open in Lightbox. Note: if you select to open the image in Lightbox, url options below will be ignored;
-
- link url
- if you would like your image to be a link, input your destination URL here. No link will be created if this field is left blank;
-
- url opens
- here you can choose whether or not your link opens in a new window;
-
- animation
- this controls the direction of the lazy-loading animation;
-
- remove space below the image
- here you can choose whether or not the image should have a space below it;
-
- image alignment
- here you can choose the image alignment;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Map
This module is designed to embed Google Maps on the page in several clicks without no coding skills at all.
Module Options:
-
- title
- the title will be used within the tab button for this tab;
-
- map pin address
- enter an address for this map pin, and the address will be geocoded and displayed on the map below;
-
- content
- here you can define the content that will be placed within the infobox for the pin;
-
- map center address
- enter an address for the map center point, and the address will be geocoded and displayed on the map below;
-
- icon url
- upload your marker, or type in the URL to the marker you would like to display;
-
- map style
- specify the Map style;
-
- mouse wheel zoom
- here you can choose whether the zoom level will be controlled by mouse wheel or not;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Number Counter
Number Counter is another effective tool to display various numbers and statistics on the website.
Module Options:
-
- title
- input a title for your bar;
-
- number
- define a number for the circle counter;
-
- percent sign
- here you can choose whether the percent sign should be added after the number set above;
-
- counter text color
- this will change the fill color for the bar;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Post Slider
Post Slider offers you a quick and easy way to create various kinds of responsive sliders that you can add to any section of the website.
Module Options:
-
- posts number
- choose how many posts you would like to display in the slider;
-
- include categories
- choose which categories you would like to include in the slider;
-
- order by
- here you can adjust the order in which posts are displayed;
-
- show arrows
- this setting will turn on and off the navigation arrows;
-
- show controls
- this setting will turn on and off the circle buttons at the bottom of the slider;
-
- show Read More button
- this setting will turn on and off the read more button;
-
- button text
- define the text which will be displayed on "Read More" button. leave blank for default ( Read More );
-
- content display
- showing the full content will not truncate your posts in the slider. Showing the excerpt will only display excerpt text;
-
- use post excerpt if defined
- disable this option if you want to ignore manually defined excerpts and always generate it automatically;
-
- automatic excerpt length
- define the length of automatically generated excerpts. Leave blank for default ( 55 );
-
- show post meta
- this setting will turn on and off the meta section;
-
- background color
- use the color picker to choose a background color for this module;
-
- background image
- upload your desired image, or type in the URL to the image you would like to use as the background for the slider;
-
- show featured image
- this setting will turn on and off the featured image in the slider;
-
- image placement
- select how you would like to display the featured image in slides;
-
- use parallax effect
- enabling this option will give your background images a fixed position as you scroll;
-
- use background overlay
- when enabled, a custom overlay color will be added above your background image and behind your slider content;
-
- background overlay color
- use the color picker to choose a color for the background overlay;
-
- use text overlay
- when enabled, a background color is added behind the slider text to make it more readable atop background images;
-
- remove inner shadow
- show/hide inner shadow;
-
- background image position
- choose the background image position;
-
- background image size
- specify the background image size;
-
- automatic animation
- if you would like the slider to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Posts
This module allows you to create and customize your posts according to your vision and taste
Module Options:
-
- columns
- specify the number of columns of your post;
-
- choose taxonomy type
- here you can define taxonomy type you want to use in this post;
-
- use gutter between rows
- this option enables space between rows;
-
- use gutter between columns
- this option enables space between columns;
-
- disable on
- this will disable the module on selected devices (tablet, phone etc);
-
- admin label
- this will change the label of the module in the builder for easy identification.
Pricing Tables
Sell any kind of products with ease thanks to this module. It allows you to create various pricing tables for a specific product or service groups and control them separately. The module also offers several features that will help you increase conversions.
Module Options:
-
- make this table featured
- featuring a table will make it stand out from the rest;
-
- title
- define a title for the pricing table;
-
- subtitle
- define a sub title for the table if desired;
-
- currency
- input your desired currency symbol here;
-
- per
- if your pricing is subscription based, input the subscription payment cycle here;
-
- price
- input the value of the product here;
-
- button url
- input the destination URL for the signup button;
-
- button text
- adjust the text used from the signup button;
-
- content
- input a list of features that are/are not included in the product. Separate items on a new line, and begin with either a + or - symbol;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Sidebar
This Sidebar module allows to create an unlimited number of sidebars and add them to any page of the website.
Module Options:
-
- orientation
- choose which side of the page your sidebar will be on. This setting controls text orientation and border position;
-
- widget area
- select a widget-area that you would like to display. You can create new widget areas within the Appearances > Widgets tab;
-
- disable on
- this will turn thumbnails on and off;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Slider
Create compelling and dynamic sliders with a variety of effects, parallax and video backgrounds.
Module Options:
-
- arrows
- this setting will turn on and off the navigation arrows;
-
- show controls
- this setting will turn on and off the circle buttons at the bottom of the slider;
-
- automatic animation
- if you would like the slider to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired;
-
- use parallax effect
- enabling this option will give your background images a fixed position as you scroll;
-
- remove inner shadow
- enable/diasble inner shadow;
-
- background image position
- specify the background image position;
-
- background image size
- specify the background image size;
-
- disable on
- this will turn thumbnails on and off;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Social Media Follow
The Social Media Follow module is used for creating social media links with attractive icons. The builder contains a full set of icons for all social networks, so you only need to choose a proper variant right for your project.
Module Options:
-
- social network label
- set the social network label;
-
- icon
- choose the social network icon;
-
- account url
- the url for this social network link;
-
- icon color
- this will change the icon color;
-
- icon background color
- this will change the icon background color;
-
- background image position
- specify the background image position;
-
- background image size
- specify the background image size;
-
- link shape
- here you can choose the shape of your social network icons;
-
- url opens
- here you can choose whether or not your link opens in a new window;
-
- follow button
- here you can choose whether or not to include the follow button next to the icon;
-
- disable on
- this will turn thumbnails on and off;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Tabs
Make any content of your website look clean and structured with the help of this Tabs module. Thanks to a fully responsive layout the modules will adjust to any screen resolution and make the information look clear on any device.
Module Options:
-
- title
- the title will be used within the tab button for this tab;
-
- content
- here you can define the content that will be placed within the current tab;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Taxonomy
This module allows you to create and customize taxonomy posts
Module Options:
-
- choose taxonomy type
- choose taxonomy type from Categories, Tags, Format, Custom calendars, Team group, Services category;
-
- include categories
- here you can define which categories you want to include;
-
- super title
- enter the super title you want to be shown in your taxonomy post;
-
- title
- enter the title you want to be shown in your taxonomy post;
-
- subtitle
- enter the subtitle you want to be shown in your taxonomy post;
-
- columns number
- define how many columns you want to be shown;
-
- items padding
- define items padding in pixels;
-
- disable on
- this will disable the module on selected devices (tablets, phones etc).
Team
Testimonial module can be used for adding quotes from your customers and visitors to any page of the website.
Module Options:
-
- columns
- set the number of columns from 1 to 6 (you can define the specific number of columns separately for a laptop, a tables or a phone);
-
- include groups
- include oe exclude groups from being shown;
-
- include post id
- type in post id to include it;
-
- post count
- input the count of posts to be shown, or leave the field empty to show all posts;
-
- super title
- input the super title of the module;
-
- title
- input the title of the module;
-
- sub title
- input the sub title of the module;
-
- show filter by groups
- enable/disable filter by groups;
-
- display more button
- display/hide more button;
-
- more button text
- here you can define a custom text that will be shown on your more button;
-
- featured image size
- this will adjust the featured image;
-
- show name
- show/hide name;
-
- show photo
- show/hide photo;
-
- show description
- show or hide description;
-
- description length
- set the description length;
-
- show position
- show/hide position;
-
- show social profiles links
- show/hide social profiles links;
-
- layout
- define the layout of this module: single or grid-boxes.
Testimonial
Testimonial module can be used for adding quotes from your customers and visitors to any page of the website.
Module Options:
-
- author name
- input the name of the testimonial author;
-
- job title
- input the job title;
-
- company name
- input the name of the company;
-
- date
- input the testimonial date;
-
- author/company url
- input the website of the author or leave blank for no link;
-
- url opens
- choose whether or not the url should open in a new window;
-
- portrait image url
- upload your desired image, or type in the url to the image you would like to display;
-
- quote icon
- choose whether or not the quote icon should be visible;
-
- use background color
- here you can choose whether background color setting below should be used or not;
-
- background color
- here you can define a custom background color for your call to action module;
-
- text orientation
- this will adjust the alignment of the module text;
-
- content
- input the main text content for your module here;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Text
Text modules can be placed in any section of website. It offers a full range of editing tools available in WordPress, do you won’t experience any troubles with customization.
Module Options:
-
- text orientation
- this controls the how your text is aligned within the module;
-
- content
- here you can create the content that will be used within the module;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- This will change the label of the module in the builder for easy identification.
Toggle
Toggles can also be used to display information in a more compact and structured way.
Module Options:
-
- title
- the toggle title will appear above the content and when the toggle is closed;
-
- state
- choose whether or not this toggle should start in an open or closed state;
-
- content
- here you can define the content that will be placed within the current tab;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Video Slider
Power builder makes it possible to create video sliders and video galleries with custom thumbnails and play buttons.
Module Options:
-
- admin label
- this will change the label of the video in the builder for easy identification;
-
- video MP4/URL
- upload your desired video in .MP4 format, or type in the url to the video you would like to display;
-
- video webm
- upload the .WEBM version of your video here. All uploaded videos should be in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers;
-
- image overlay url
- upload your desired image, or type in the url to the image you would like to display over your video. You can also generate a still image from your video;
-
- display image overlays on main video
- this option will cover the player UI on the main video. This image can either be uploaded in each video setting or auto-generated by Divi;
-
- arrows
- this setting will turn on and off the navigation arrows;
-
- slider controls
- this setting will let you choose to use the thumbnail track controls below the slider or dot navigation at the bottom of the slider;
-
- disable on
- this will disable the module on selected devices;
-
- admin label
- this will change the label of the module in the builder for easy identification.
Video
Embed any videos from any source with the help of this module. They can be added to any section or row of the builder.
Module Options:
-
- video MP4/URL
- upload your desired video in .MP4 format, or type in the url to the video you would like to display;
-
- video webm
- upload the .WEBM version of your video here. All uploaded videos should be in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers;
-
- image overlay url
- if you would like to define a custom video thumbnail image, which will be placed over the standard video interface with a custom play button to create a cleaner and more stylized appearance, then you can choose to do so using the image overlay field. This field allows you to either upload your own custom image, or let Power Builder automatically generate one from your video url. Most of the video providers support this options, such as Youtube and Vimeo. Simply click the generate from video button;
-
- disable on
- this will turn thumbnails on and off;
-
- admin label
- by default, your video module will appear with a label that reads Video in the builder. The admin label allows you to change this label for easy identification.