Elegant Components for Fusion Builder plugin is an add-on for Fusion Builder
web page builder for Avada. A must have add-on for Avada and Fusion Builder. Design your beautiful web site, much more, sooner with our ever-growing library of fifty+ components and 100+ custom-designed and distinctive templates.
Our foremost purpose with Elegant Components was to supply you the brand new components that can allow you to enhance your web site design course of and can add magnificence to your website with Fusion Builder for WordPress. To realize this, we’ve crafted these components with the eagerness and love for our customers.
Accessible Components –
Elegant Components for Fusion Builder at the moment serves 50+ {custom} and superbly crafted components. That’s not it; we’ve extra thrilling components and templates within the pipeline that we are going to maintain releasing with every replace 
- NEW: LOTTIE CONTENT BOX
Add interactive Lottie animated icons to the content material field and make it stand out and entice your person’s consideration. Let your content material field icons inform the story with the interactiveness of LottieFiles.
- NEW: ELEGANT HERO SECTION
Elegant Hero Part is fast and simple various to Fusion Slider, when you’re utilizing single slide to design the hero part in header. You possibly can even mix a number of Hero Part components in Something Carousel to type a slider.
- NEW: IMAGE OVERLAY BUTTON
Picture Overlay Button factor permits you to add lovely overlay impact with a button on high of the picture. This works as an ideal CTA and seize your person consideration ti the picture shortly.
- NEW: ANIMATED BLOB SHAPES
Animated blob form photographs provides a brand new stage of interactivity to your web site. You possibly can management the preliminary blob form, the secondary blob form and colours, and add any content material throughout the Blob form utilizing Avada Ingredient Generator.
- NEW: Lottie Animation as Column Background
Including video backgrounds will increase your loading time and may take time for movies to look and play within the background. We’re introducing an superior function to let you use the Lottie animation as your column background. Check out the demo web page to see the way it feels!
- STAR RATINGS
Star Scores factor allow you to to extend your natural Google search scores, improve CTR, and cut back bounce charge. Customise every thing from star icons to their sizes, colours, and spacing.
- TEXT PATH
Elegant Components for Avada supplies Textual content Path factor to connect your textual content to eight+ predefined shapes with full design flexibility. You possibly can customise every thing together with the font-family, font-size, and colours for the textual content path content material.
- PARTICLES BANNER
Particles banner factor permits you to add superior wanting particles to your web site. You possibly can add background picture or shade to provide the particles much more superior impact. With choice to customise every thing together with the particle form, shade, stroke and animation, it’s now lots simpler so as to add completely different particles to your web site.
- SLICEBOX 3D IMAGE SLIDER [ BETA ]
Convert your common picture carousel sliders to a three-dimensional picture slicing slider. The attention caching interactive slice animation will add one other layer of awesomeness to your web site. This factor continues to be in beta as we’re attempting to collect person suggestions for the use-cases of the factor so we are able to improve it.
- IMAGE SWAP ELEMENT
Because the identify suggests, the picture swap factor will allow you to show one other picture if you hover your mouse on a picture. That is finest to point out photographs with variations or options and many others.
- HORIZONTAL SCROLLING IMAGE SLIDER
In contrast to the common picture carousel slider, the horizontal scrolling picture slider shows the slider as the primary and final photographs seems to be cut-off and show partially. It additionally supplies you an choice to show the pictures in a zigzag structure to make the carousel extra enticing.
- ELEGANT IMAGE
The elegant picture factor provides the picture itself because the shadow, whilst you can add a number of triggers like lightbox, modal, and {custom} hyperlink to the picture if you click on on it. Elegant picture additionally permits you to add {custom} border radius to the picture or use the blob form.
- OFF-CANVAS CONTENT
Add lovely flyout panels to your web site to show any content material like menus, reference hyperlinks, contact types, extra data utilizing responsive Off-Canvas content material factor
- LOTTIE ANIMATED IMAGE
Lottie interactive animations will immediately rework your web site design to a brand new stage. There are millions of free animations you should use in your web site.
- INSTAGRAM PROFILE CARD
Instagram Profile Card factor will allow you to to showcase your Instagram profile with superior structure with latest photographs slider, your profile photograph, username, variety of followers, and the comply with button that can take the customers to your Instagram profile.
- INSTAGRAM TEASER BOX
The factor will generate a nice-looking teaser field with 4 newest photographs in your Instagram account, reveals the variety of followers and a comply with button that can hyperlink to your profile.
- BLOB SHAPE IMAGES
Remodel the way in which you add photographs to your Avada website. Simply create random, distinctive, and superior wanting blob shapes. You possibly can type the blob shapes with gradient shade overlays, add photographs, and the content material over them to make them look extra lovely!
- DISTORTION HOVER IMAGE
Add particular distortion impact on photographs being transitioning on hover. The location picture sample makes it look superior when whereas the transition is going down.
- ANIMATED SECTION DIVIDERS
Add animated part dividers to your website and make every part really feel reside. Animated Dividers factor supplies 15+ completely different dividers with full customization potentialities.
- RIBBONS
An superior Ribbons factor that can let you add magnificence to your web site. You should utilize the ribbons to show headings and presents.
- WHATSAPP CLICK TO CHAT BUTTON
Add a WhatsApp button in your website to permit your customers to contact you in your WhatsApp with a pre-defined {custom} message. You possibly can management every thing together with the quantity, message and the styling.
- BIG CAPS
Large Caps factor by Elegant Components permits you to add content material with the primary letter being giant. This factor is completely different from the Dropcap and supplies you choices to customise the font-size and colours.
- DOCUMENT VIEWER
Now you can show PDF, MS Phrase, PowerPoint, and Excel Spreadsheet paperwork in your web site as an alternative of simply linking them to obtain the doc file. This may allow you to to maintain your guests in your web site for an extended time.
- BUSINESS HOURS
Create a classy enterprise hours part that fits your web site with the Enterprise Hours module of the Elegant Components for Fusion Builder. You possibly can management all components and elegance every thing to suit your website design scheme.
- CUBE BOX
Add a phenomenal content material packing containers to your web site that turns like a dice and shows the content material on the opposite facet on the mouse hover. Dice field provides nice worth to your web site if you wish to show completely different content material on hover.
- ADVANCED VIDEO
Embed a video in your web site with an optimized Video module that permits you to customise thumbnail, play button and extra with out affecting your web page load time. Load movies solely when person clicks on the play button.
- RETINA IMAGE
Excessive-end units want excessive definition retina photographs which might be clear and add to the great thing about your web site. The Retina Picture factor enables you to add the retina model of a picture alongside the default type.
- VIDEO LIST
You possibly can show your movies from Youtube, Vimeo, Wistia, and even your self hosted movies in a listing format with distinctive design type. You possibly can management each a part of the factor together with the border and it’s colours as properly.
- FAQ RICH SNIPPETS
Now enhance your search engine visibility by displaying the FAQ wealthy snippets in your web site’s search outcomes. This factor will allow you to add FAQs to your web site and generates the required schema markup utilizing JSON format that Google will use to show in search outcomes for the web page you’ve added this factor. The factor comes with two layouts – descriptive ( boxed ) and the accordion ( toggle ).
- CONTENT TOGGLE
Present completely different costs or options with the content material toggle factor. It is advisable save the content material components within the library so as to use this factor. You possibly can show your month-to-month/annual costs or completely different between options and many others. utilizing the content material toggle factor.
- IMAGE SEPARATOR
With the Picture Separator factor, now you can flip your easy containers into lovely and superior sections with picture divider. You possibly can set the dividers for containers and columns individually.
- DUAL STYLE HEADING
Spotlight your focus phrases in your heading to attract your person’s consideration with the twin type heading factor. Limitless potentialities include the variety of choices out there to customise every heading half within the factor individually. Add completely different textual content colours, backgrounds and even typography to make your headings stand out and enticing.
- INSTAGRAM GALLERY
Showcase your instagram photographs in your web site utilizing Instagram Ingredient. You
can present the feedback and likes every photograph obtained as properly. - SKEW HEADINGS
Skew Headings Ingredient will let you show your headings in a singular and
elegant manner with skew backgrounds with gradient colours. - IMAGE HOTSPOTS
Spotlight important factors in your photographs utilizing the Picture Hotspot factor.
Freely select the pointer location and add a tooltip to explain what that
half is. - IMAGE MASK HEADING
Ever wished to show your background textures behind your heading textual content? Now,
you may present your creativity with the Picture Masks Heading factor. - ICON BLOCK
Icon Block factor will let you add a phenomenal icon and textual content block with gradient background colours. The power to set the icon itself as a background will add one other layer of awesomeness to your web site design.
- LIST BOX
Present the conventional bulleted lists with a singular design with title and icons in a boxed structure.
- PROFILE PANEL
Showcase your staff or shoppers with a pleasant distinctive manner with Profile Panel factor.
- EXPANDING SECTION
The all-new increasing part factor permits you to show your content material in toggle like factor with heading and sub-heading with gradient background colours, which provides the superior look to your website.
- IMAGE COMPARE
Show your earlier than and after photographs on high of one another with a pleasant drag impact and {custom} captions.
- GRADIENT HEADING
Now, you’ll have the power so as to add gradient shade to your heading textual content with Gradient Heading Ingredient. Spotlight the heading with some superior gradient shade to seize your customer’s consideration.
- IMAGE FILTERS
Show your gallery photographs, portfolio photographs, your product classes, your shoppers on your providers or something that you just wish to present with sortable filters. You possibly can add a picture, its title and {custom} colours to the title to point out every picture title as distinctive.
- ELEGANT CARDS
Create lovely playing cards with picture, title, description and a button to hyperlink any url. Describe something you need, showcase your prospects, spotlight your providers and far more.
- ANYTHING CAROUSEL
The right factor to carousel any content material you need. Add solely photographs to point out a pleasant picture slider, enter your movies and permit them to slip. Extra content material in a small area.
- DUAL BUTTON
Add magnificence to your website by including twin buttons. Permit customers to decide on their motion from both This or That. Show two buttons facet by facet separated with a textual content or an icon.
- EMPTY SPACE
Caught with the spacing in between two components? Right here’s the answer – Empty Area factor so as to add vertical or horizontal area between them to make them look the way you need.
- FANCY BANNER
Wanna show good banners in your website with background picture, title, description and a button to hyperlink? Use our Fancy Banner factor and present your imaginary in a phenomenal manner.
- FANCY BUTTON
Add buttons with good hover results in your website. You possibly can open modal dialogs, {custom} hyperlinks, photographs and movies in a lightbox on the button click on. Extends the usability of the buttons.
- MODAL DIALOG
Show your data in modal dialogs in a greater manner. Add triggers from throughout the modal factor to open modal on a button, {custom} textual content, picture and even on FontAwesome icon.
- NOTIFICATION BOX
Need to show discover or tip or alert in your website? Do it the higher manner with lovely kinds. Select from predefined shade schemes or use your personal {custom} colours.
- PARTNER LOGO
Showcase your companions or shoppers and even your work by displaying their logos in a grid. You possibly can hyperlink every emblem to the respective url and even show their data throughout the modal popup.
- PROMO BOX
Promote something in your website with lovely promo packing containers. Add picture, title, description and a button with a hyperlink. Make it much more lovely with background picture and shade.
- ROTATING TEXT
Show your highlighted phrases in a paragraph or a line and allow them to rotate one after one other with a pleasant rotating impact. Beautify them with good Google Fonts and colours.
- SPECIAL HEADING
Give your regular part heading or the titles an incredible appear and feel they deserve and make the phrases converse if you have a look at them with a Particular Heading factor.
- TESTIMONIALS
Acquired some testimonials on your product or providers? Show them in essentially the most distinctive manner round. Add any variety of testimonials with their title, sub-title, picture, and testimony.
- TYPEWRITING TEXT
Show your highlighted phrases in a paragraph or a line with a pleasant typewriting impact. Make it look extra lovely with good Google Fonts and colours and in addition the font-size and many others.
- CONTACT FORM 7
Contact Kind 7 factor supplies choices to increase the appear and feel of the contact type 7 type in your website. Add type heading and caption with good background and borders.
Bonus Options —
NEW: BACKGROUND IMAGE SLIDER FOR COLUMN AND CONTAINERS
Elegant Components supplies you with an possibility so as to add background picture slider to your container and columns, and make them look much more superior and chic!
GRADIENT BACKGROUNDS FOR CONTAINERS
The brand new gradient backgrounds for containers function will lower your time
creating gradient coloured photographs to set as container backgrounds. Set them
to vertical/horizontal or from corners and be executed!
GRADIENT BACKGROUNDS FOR COLUMNS
The Gradient Backgrounds function is now added to the columns as properly. Now set
the gorgeous gradient coloured backgrounds to your Fusion Builder Columns as
properly
MATERIAL COLOR STYLES FOR FUSION BUTTON ELEMENT
The Fusion Builder Core Button factor comes with some superior pre-built
shade kinds, however you want extra designs, proper? We now have added the fabric
shade kinds to button factor that will help you so as to add the gorgeous buttons to
your website.
GOOGLE FONTS TYPOGRAPHY
We now have added Google Fonts in typography settings for all of our components.
Now get pleasure from numerous advantages for utilizing Google fonts with none trouble. Simply
choose the font you need, see the preview, save the factor and publish the
web page. There’s much more..
PRE BUILT DEMOS TO GET YOU STARTED
We now have spent a variety of time constructing this superior function for you and have
at the moment included six pre-designed full web page demos to get you began. You simply
must click on import on a demo that you just prefer to import and sit again and calm down.
CHANGELOG –
Model 3.6.7 – 25 March, 2023
- Enchancment: Avada 7.9.2 compatibility - Repair: FAQ wealthy snippet factor PHP warning if no title is about - Repair: Container gradient background not respecting the gradient sort property accurately - Repair: Instagram factor inflicting the Stay Editor cease working correctly - Repair: Container background slider photographs reveals duplicate photographs in backend editor setting
Model 3.6.6 – 17 December, 2022
- Enchancment: Avada 7.9 compatibility - Enchancment: Compatibility with PHP8.2 - Enchancment: Compatibility with WordPress 6.1.1 - Enchancment: Off-canvas factor styling for backgrounds - Repair: Background slider not displaying on frontend with out saving settings - Repair: PHP Warning on gradient heading factor if the colour is lacking - Repair: Animated Dividers factor styling in editor - Repair: Listing field factor styling in reside editor - Repair: Ribbon factor styling - Repair: Testimonials factor hover transition - Repair: Ingredient stage typography giving PHP Warning
Model 3.6.5 – 4 Nov., 2022
- Repair: Instagram API concern - Repair: PHP warning on PHP8.1 for Fonts show
Model 3.6.4 – 14 July, 2022
- Enchancment: Avada 7.8 compatibility - Enchancment: WordPress 6.0.1 compatibility - Repair: Container and column background settings errors on Avada 7.8
Model 3.6.3 – 19 April, 2022
- Enchancment: Avada 7.7 compatibility - Enchancment: WordPress 5.9.3 compatibility - Repair: JS error on Avada reside editor for the picture meta - Repair: Typography param conflicts with PHP 8.1
Model 3.6.2 – 28 January, 2022
- Enchancment: Avada 7.6.x compatibility - Enchancment: WordPress 5.9 compatibility - Repair: Picture Filters lacking closing anchor if blended over choices used throughout a number of filters - Repair: Carousel gadgets on cellular units conflicting with responsive breakpoints - Repair: Components Creator mapping for margin and padding params
Model 3.6.1 – 3 November, 2021
New: Set off slides of something carousel from button, picture or any factor Repair: Undefined array key "Class" and "id" PHP warnings when any factor is up to date
Model 3.6.0 – 19 October, 2021
- New: Elegant Hero Part factor so as to add lovely hero sections to your web site
- New: Elegant Picture Overlay Button factor to show button over picture with overlay
- New: Lottie Content material Field factor so as to add interactive Lottie information as icons in content material field
- New: Elegant Animated Blob Form Picture factor so as to add interactive blob shapes
- New: An choice to animate single blob form picture factor
- New: An choice to set {custom} textual content as Picture Hotspot pointer
- Enchancment: Up to date the Blob generator logic to generate extra shapes simply
- Enchancment: Ingredient Creator now helps Avada Ingredient Generator in textual content editor
- Enchancment: Avada 7.5 compatibility
- Repair: Shortcodes in Ingredient Creator will now render accurately
- Repair: Superior video top calculations inflicting the black border round video
- Repair: Carousel variable width with out infinite possibility inflicting points with the slides
- Repair: Elegant Creator mapping default worth for vary enter sort was inflicting battle with saving
- Repair: Hyperlink not working in elegant picture filter overlay mode
- Repair: Fancy button impact not working if column has background
Model 3.5.3.2 – August 19, 2021
- Repair: Product registration and auto-update concern
Model 3.5.3.1 – August 14, 2021
- Repair: Something Carousel factor combining all carousel gadgets on a web page
Model 3.5.3 – August 13, 2021
- New: Choice to set preliminary carousel top and keep away from web page jumps because of giant content material - New: Choice to show something carousel gadgets in random order - Enchancment: WordPress 5.8 compatibility - Repair: Points with utilizing symbols in picture filters navigation - Repair: Battle with background slider and magic quotes - Repair: Problem with background picture slider if background gradient possibility is turned off - Repair: Modal not opening on Picture Filters factor on some circumstances - Repair: Types not loading accurately on 404 and search outcomes web page if components are used within the header/footer
Model 3.5.2 – Jun 15, 2021
- New: Choice to disable Lottie animation globally - Repair: Lottie Animation being enabled for newly added columns as default
Model 3.5.1 – Jun 11, 2021
- New: Lottie animations as column background function - Enchancment: Ribbon factor styling - Enchancment: Avada 7.4 compatibility - Repair: Editor subject is being added to the weather created with Components Creator
Model 3.5.0 – Could 08, 2021
- New: Star Score factor to assist improve your natural Google search scores - New: Textual content Path factor to connect your textual content to eight+ predefined shapes with full design flexibility - Enchancment: Show Instagram movies in Instagram Profile Card factor - Enchancment: JS compatibility with upcoming WP variations - Repair: PHP_Generic_BadPattern_7 Jetpack Problem
Model 3.4.0 – April 27, 2021
- New: Introducing Patcher device - you will get on the spot fixes delivered for small points - New: An choice to set the Instagram teaser field and profile card factor profile picture - New: An possibility to manage the transition period for background picture slider - New: An possibility to vary listing field factor title font dimension - New: Button dimension and span choices for Footer button in modal factor - Enchancment: Ingredient Creator caches get auto reset when new factor is created - Repair: Instagram gallery show concern because of picture lazyload in Avada - Repair: Instagram gallery displaying unsuitable error if person's IP is restricted of their system - Repair: Instagram components frontend editor templates to replicate the brand new modifications - Repair: Picture Filters factor inflicting the pictures to stack on one another in Firefox - Repair: Picture width and top concern in Google Lighthouse for Picture Swap factor
Model 3.3.7 – March 18, 2021
- New: Instagram API implementation to keep away from points with loading photographs - New: Superior Video factor can be utilized to show self hosted movies as properly - Enchancment: Gradient backgrounds can be utilized together with the background picture slider - Enchancment: Alt tag on photographs in all components - Enchancment: WordPress 5.7 Compatibility
Model 3.3.6.1 – February 16, 2021
- Enchancment: Hotspot pointer is now clickable if the hyperlink is specified - Enchancment: Added alt attributes to promo field and hotspot components - Up to date: jQuery cellular script to the most recent model
Model 3.3.6 – January 17, 2021
- New: Choice to disable hover animation for Elegant Picture factor - New: Hover shade choices for icon block factor title, description, and icon - Enchancment: Icon block factor can now show with out the outline textual content - Enchancment: Fancy button styling with icon improved to have extra clear visibility - Enchancment: Efficiency issue - disabling not used components will utterly disable them - Repair: Ingredient creator components not rendering with Avada 7.2 - Repair: Distortion picture not filling the area accurately - Repair: Off-canvas factor inflicting battle with WPSSO Core plugin - Repair: Icomoon battle with new icon uploads in backend - Repair: Envato API being referred to as consistently because of invalid token - Repair: Aria management wouldn't have legitimate values error in web page velocity assessments for something carousel - Repair: Permit border to be set to 0 in Elegant Carousel
For extra detailed changelog, please Click Here
Need to automate your WordPress website? Use FlowMattic
Searching for WPBakery Add-on?
