Elegant Elements for Fusion Builder and Avada

Elegant elements of Fusion Builder

Our main goal with Elegant Elements is to provide you with new elements that will help you elevate your website design process and add beauty to your website with Fusion Builder for WordPress.To achieve this, we crafted these elements with passion and love for our users.

Available elements -

Elegant Elements for Fusion Builder currently offers over 50 custom and beautifully crafted elements.Not this one; we have more exciting elements and templates in the pipeline, which we will continue to publish with each update

NEW: Molte caselle di contenuti
Add interactive Lottie animated icons to content boxes to make them stand out and grab users' attention. Let your content box icons tell a story with the interactivity of LottieFiles.
NEW: エレガントなヒーローパート
Elegant Hero Section is a quick and easy alternative to Fusion Slider if you use a single slide to design your hero section in your header.You can even combine multiple hero section elements in any carousel to form a slider.
NEW: 画像オーバーレイボタン
The Image Overlay Button element allows you to add a nice overlay effect using a button on top of an image. This acts as a great CTA and quickly grabs the user's attention to the image.
NEW: animated blob shape
Animated blob shape images add a new level of interactivity to your website.You can control the initial blob shape, secondary blob shape and color, and add anything to the blob shape using the Avada Element Generator.
NEW:Lottie animation as column background
Adding a video background increases loading time, and it may take some time for the video to display and play in the background.We're introducing a great feature that lets you use Lottie animations as your column backgrounds. Check out the demo page to see how it feels!
スター
The Star Ratings element helps you improve organic Google search ratings, increase CTR, and reduce bounce rates. Customize everything from star icons to size, color and spacing.
テキストパス
Elegant Elements for Avada provides text path elements to attach your text to 8+ predefined shapes with complete design flexibility.You can customize everything, including font family, font size, and color of text path content.
particle banner
The particle banner element allows you to add awesome looking particles to your website. You can add a background image or color to give the particles even more awesomeness.With options to customize everything including particle shape, color, stroke and animation, it is now easier to add different particles to your website.
SLICEBOX 3D 이미지 슬라이더 [베타]
Convert your regular image carousel slider into a 3D image slice slider. Eye Cache Interactive Slice Animation will add another layer of excitement to your website.This element is still in beta as we are trying to gather user feedback on the use case for this element so we can enhance it.
Image swap element
As the name suggests, the Image Swap element will help you show another image when you hover over it. This is best to show images with differences or features etc.
画像スライダーを水平方向にスクロールします
Unlike the regular image carousel slider, scrolling the image slider horizontally displays the slider as the first and last images appear to be truncated and partially displayed.It also gives you the option to display images in a zigzag layout to make the carousel more attractive.
エレガントなイメージ
The elegant image element adds the image itself as a shadow, while you can add multiple triggers when the image is clicked, such as lightboxes, modals, and custom links.Elegant Image also allows you to add a custom border radius to the image or use a blob shape.
off-canvas content
Add beautiful popup panels to your website to display any content such as menus, reference links, contact forms, additional information using responsive Off-Canvas content elements
Lottie animated images
Lottie interactive animations will instantly take your website design to the next level. You can use thousands of free animations on your website.
Tarjeta de perfil de INSTAGRAM
Instagram profile card element will help you to showcase your Instagram profile in awesome layout with recent image slider, your profile photo, username, number of followers and bring users to your Instagram profile Profile button.
INSTAGRAMティーザーボックス
This element will generate a nice teaser box with the 4 most recent pictures on your Instagram account, showing the number of followers and a follow button linked to your profile.
blob shape image
Change the way you add images to your Avada site. Easily create random, unique and awesome blob shapes.You can use gradient color overlays to style blob shapes, add images, and overlay their content to make them look prettier!
Distorted hover image
Adds special distortion effects to images that transition on hover. Placing the image mode makes it look great while the transition is happening.
Animated Section Separator
Add animated section dividers to your website to make each section feel alive. The Animated Divider element offers over 15 different dividers with full customization possibilities.
RIBBONS
A great ribbon element that allows you to add beauty to your website. You can use the ribbon to display titles and offers.
WHATSAPP Click the chat button
Add a WhatsApp button to your website to allow your users to contact you on your WhatsApp via a predefined custom message. You can control everything, including numbers, messages and styles.
大文字
Elegant Elements' Big Caps element allows you to add content with a larger first letter.Unlike Dropcap, this element gives you the option to customize font size and color.
document viewer
You can now display PDF, MS Word, PowerPoint and Excel spreadsheet documents on your website instead of just linking them to download document files.This will help you keep your visitors on your website longer.
business hours
Use Fusion Builder's Elegant Elements Business Hours module to create stylish business hours sections for your website.You can control all sections and style everything to suit your website design scenario.
cube box
Add a beautiful content box to your website that will display the content on the other side of the mouse hover like a cube.Cube boxes add tremendous value to your website when you want to display different content on hover.
プレミアムビデオ
Embed videos on your website with an optimized video module that allows you to customize thumbnails, play buttons, and more without affecting your page load times.The video is only loaded when the user clicks the play button.
retinal images
High-end devices require sharp, high-definition retina images and add beauty to your website.The Retina Image element lets you add a Retina version of an image alongside the default form.
ビデオリスト
You can display videos from Youtube, Vimeo, Wistia and even your own hosted videos in a uniquely designed list format.You can control every part of the element, including the border and its color.
rich snippets
Now increase your search engine visibility by showing FAQ rich snippets in your site's search results.This element will help you add FAQs to your website and generate the required schema markup in JSON format that Google will use to display in search results on pages where you add this element.The element comes with two layouts - descriptive (boxed) and accordion (toggled).
コンテンツの切り替え
Use content toggle elements to display different prices or features. You need to save the content element in a library to use this element.You can use content toggle elements to show monthly/yearly prices or differences between features, etc.
image splitter
Using the Image Separator element, you can now use image separators to turn simple containers into beautiful and awesome pieces. You can set the delimiter for containers and columns separately.
デュアルスタイルヘッダー
Use the dual-style heading element to highlight the focus word in the headline to grab the user's attention.Unlimited possibilities come with the number of options available to customize each header section in the element individually.Add different text colors, backgrounds and even typography to make your headline stand out and attractive.
Instagramギャラリー
Use Instagram Element to showcase your Instagram images on your website. You can also display comments and likes for each photo you receive.
tilt heading
The slanted header element will allow you to display your header in a unique and elegant way, with a slanted background with gradient colors.
hotspot gambar
Use the Image Hotspot element to highlight key points on an image. Freely choose the pointer position and add a tooltip to describe what the section is.
image mask title
Ever wanted to show a background texture behind your title text? Now you can show your creativity with the Image Mask Heading element.
アイコンブロック
The icon block element will allow you to add beautiful icons and text blocks with gradient background colors.The ability to set the icon itself as the background will add another layer of awesomeness to your website design.
リストボックス
Displays a plain bulleted list with a unique design in a boxed layout, complete with headings and icons.
Pannello introduttivo
Present your team or clients in a unique way using the profile panel element.
Extended section
The brand new extension section element allows you to display your content in a toggle element with header and subheader with gradient background color, which adds an awesome look to your website.
image comparison
Display your before and after images on top of each other with beautiful drag effects and custom titles.
Gradient heading
You will now be able to add gradient colors to the title text using the gradient title element. Highlight the title with some great gradient colors to grab the attention of your visitors.
image filter
Display your gallery images, portfolio images, your product categories, your service customers, or whatever you want to display using sortable filters.You can add images, their titles, and custom colors to titles to make each image title unique.
elegant card
Create beautiful cards with images, titles, descriptions and buttons to link to any URL. Describe anything you want, showcase your customers, highlight your services, and more.
カルーセル
The perfect element to carousel any content you want. Just add images to display a nice image slider, enter your videos and allow them to slide. More in a small space.
ダブルボタン
Add beauty to your website by adding double buttons. Allow users to choose their actions from this or that. Displays two buttons side by side, separated by text or an icon.
empty space
Stuck on the spacing between two elements? Here's the solution - Empty Space elements add vertical or horizontal space between them to make them look the way you want.
ファンシーバナー
Want to display a beautiful banner with background image, title, description and link buttons on your website? Show your imagination in a beautiful way with our Fancy Banner elements.
fancy buttons
Add buttons with good hover effects to your website. You can open modal dialogs, custom links, images and videos in a lightbox with the click of a button. Availability of extension buttons.
modal dialog
Display your information in a better way in a modal dialog. Add triggers from modal elements to open modals on buttons, custom text, images, and even FontAwesome icons.
通知ボックス
Want to display notifications, tips or alerts on your website? Do it better with beautiful styles. Choose from predefined color schemes or use your own custom colors.
Partner logo
Show off your partners or clients or even your work by displaying their logos in a grid. You can link each logo to the corresponding url and even display their information in a modal popup.
プロモーションボックス
Promote any content on your website with beautiful promotional boxes. Add images, titles, descriptions and buttons with links. Make it more beautiful with background images and colors.
Rotate text
Display your highlighted words in a paragraph or a line and have them rotate one after the other with a nice spin. Beautify them with beautiful Google fonts and colors.
スペシャルタイトル
Give your normal section headings or headings the amazing look and feel they deserve and make the words speak as you view them with special heading elements.
TESTIMONIALS
Have some recommendations for your product or service? Display them in the most unique way. Add any number of testimonials with their titles, subtitles, images, and testimonials.
typing text
Display your highlighted words in a paragraph or a line with good typing. Make it look prettier with beautiful Google fonts and colors, font sizes, and more.
CONTACT FORM 7
The Contact Form 7 element provides options to extend the appearance of the Contact Form 7 form on your website. Add form titles and headers with beautiful backgrounds and borders.

Bonus Features -

NEW: BACKGROUND IMAGE SLIDER FOR COLUMN AND CONTAINERS

Elegant Elements gives you an option to add background image sliders to your containers and columns to make them look even more awesome and elegant!

コンテナのグラデーションの背景

The new gradient background feature for containers will reduce the time you spend creating gradient color images to set as container backgrounds. Set them to vertical/horizontal or corner and done!

Gradient background for columns

Gradient background functionality is now also added to columns. Now also set nice gradient backgrounds to your Fusion Builder columns

融合ボタンコンポーネントのマテリアルカラースタイル

The Fusion Builder Core Button element comes with some great pre-built color styles, but you need more designs, right?We've added material color styles to button elements to help you add beautiful buttons to your website.

Типографика Google

We added Google Fonts to the typography settings for all elements. It's now easy to enjoy the many benefits of using Google Fonts.Just choose the font you want, see the preview, save the element and publish the page. there are more..

Pre-built demos to get you started

We've spent a lot of time building this awesome feature for you and currently includes six pre-designed full-page demos to get you started.You just need to click import on the demo you like to import and sit back and relax.

Changelog -

Version 3.6.1 – 3 November, 2021

New: Trigger slides of anything carousel from button, image or any element
Fix: Undefined array key "Class" and "id" PHP warnings when any element is updated

Version 3.6.0 – 19 October, 2021

- New: Elegant Hero Section element to add beautiful hero sections to your website
- New: Elegant Image Overlay Button element to display button over image with overlay
- New: Lottie Content Box element to add interactive Lottie files as icons in content box
- New: Elegant Animated Blob Shape Image element to add interactive blob shapes
- New: An option to animate single blob shape image element
- New: An option to set custom text as Image Hotspot pointer
- Improvement: Updated the Blob generator logic to generate more shapes easily
- Improvement: Element Creator now supports Avada Element Generator in text editor
- Improvement: Avada 7.5 compatibility
- Fix: Shortcodes in Element Creator will now render correctly
- Fix: Advanced video height calculations causing the black border around video
- Fix: Carousel variable width without infinite option causing issues with the slides
- Fix: Elegant Creator mapping default value for range input type was causing conflict with saving
- Fix: Link not working in elegant image filter overlay mode
- Fix: Fancy button effect not working if column has background

Version 3.5.3.2 – August 19, 2021

- Fix: Product registration and auto-update issue

Version 3.5.3.1 – August 14, 2021

- Fix: Anything Carousel element combining all carousel items on a page

Version 3.5.3 – August 13, 2021

- New: Option to set initial carousel height and avoid page jumps due to large content
- New: Option to display anything carousel items in random order
- Improvement: WordPress 5.8 compatibility
- Fix: Issues with using symbols in image filters navigation
- Fix: Conflict with background slider and magic quotes
- Fix: Issue with background image slider if background gradient option is turned off
- Fix: Modal not opening on Image Filters element on some cases
- Fix: Styles not loading correctly on 404 and search results page if elements are used in the header/footer

Version 3.5.2 – Jun 15, 2021

- New: Option to disable Lottie animation globally
- Fix: Lottie Animation being enabled for newly added columns as default

Version 3.5.1 – Jun 11, 2021

- New: Lottie animations as column background feature
- Improvement: Ribbon element styling
- Improvement: Avada 7.4 compatibility
- Fix: Editor field is being added to the elements created with Elements Creator

Version 3.5.0 – May 08, 2021

- New: Star Rating element to help increase your organic Google search ratings
- New: Text Path element to attach your text to 8+ predefined shapes with full design flexibility
- Improvement: Display Instagram videos in Instagram Profile Card element
- Improvement: JS compatibility with upcoming WP versions
- Fix: PHP_Generic_BadPattern_7 Jetpack Issue

Version 3.4.0 – April 27, 2021

- New: Introducing Patcher tool - you'll get instant fixes delivered for small issues
- New: An option to set the Instagram teaser box and profile card element profile image
- New: An option to control the transition duration for background image slider
- New: An option to change list box element title font size
- New: Button size and span options for Footer button in modal element
- Improvement: Element Creator caches get auto reset when new element is created
- Fix: Instagram gallery display issue due to image lazyload in Avada
- Fix: Instagram gallery showing wrong error if user's IP is restricted in their system
- Fix: Instagram elements frontend editor templates to reflect the new changes
- Fix: Image Filters element causing the images to stack on each other in Firefox
- Fix: Image width and height issue in Google Lighthouse for Image Swap element

Version 3.3.7 – March 18, 2021

- New: Instagram API implementation to avoid issues with loading images
- New: Advanced Video element can be used to display self hosted videos as well
- Improvement: Gradient backgrounds can be used along with the background image slider
- Improvement: Alt tag on images in all elements
- Improvement: WordPress 5.7 Compatibility

Version 3.3.6.1 – February 16, 2021

- Improvement: Hotspot pointer is now clickable if the link is specified
- Improvement: Added alt attributes to promo box and hotspot elements
- Updated: jQuery mobile script to the latest version

Version 3.3.6 – January 17, 2021

- New: Option to disable hover animation for Elegant Image element
- New: Hover color options for icon block element title, description, and icon
- Improvement: Icon block element can now display without the description text
- Improvement: Fancy button styling with icon improved to have more clear visibility
- Improvement: Performance factor - disabling not used elements will completely disable them
- Fix: Element creator elements not rendering with Avada 7.2
- Fix: Distortion image not filling the space correctly
- Fix: Off-canvas element causing conflict with WPSSO Core plugin
- Fix: Icomoon conflict with new icon uploads in backend
- Fix: Envato API being called constantly due to invalid token
- Fix: Aria control do not have valid values error in page speed tests for anything carousel
- Fix: Allow border to be set to 0 in Elegant Carousel

For a more detailed changelog, pleaseclick here