Elementor 3.23 Update: Enhanced Performance and Accessibility, New Live Search, Floating Buttons and Profile Widgets

Elementor 3.23 Update: Enhanced performance, accessibility, and design with new search widgets, floating buttons, links in 7 profile widgets, and more!

[Pro] New Search Widget Provides Real-Time Results via AJAX

Elementor's new search widget now utilizes AJAX to display live results as visitors type, eliminating the need to navigate to a separate results page. The live search feature is one of the most important features you need to ensure that visitors get instant feedback to enhance their browsing experience. Real-time results are displayed in a recurring format, appearing as a drop-down box below the search bar as they are typed. This feature significantly improves content discovery and visitor experience.

1、Customizable search experience

Customize everything from search input fields and submit buttons to the looping grid format for live results. Adjust placeholder text, icons, and submit fields to match your site's design. In addition, control how visitors interact with the search function, such as pressing Enter, clicking the search button, or both. The widget's content control and dynamic filtering options allow for a highly customized search experience.

2、Help visitors find what they are looking for

Navigating to the Content tab and opening live results in the Results section is seamless. Choose the template you want for the live results loop or build a new one from the Theme Builder. Customize the layout of the dropdown box by setting the number of columns and result items to display at a time. You can also set the minimum number of characters required before live results start appearing and customize the "nothing found" message. The use of queries is essential when you want to filter results, making it easier for visitors to find what they're looking for.

This feature is enabled by default on all new websites. On existing sites, navigate to WordPress Dashboard → Elementor → functionality → Activate"look for sth." to activate this feature.

Floating buttons: increasing conversions and engagement

The new floating button widget is perfect for increasing conversions by linking directly to chat or other platforms. Whether you need WhatsApp Buttons to start a conversation, contact buttons with multiple links, or information buttons with key details, this feature provides a versatile solution. These buttons can be added by navigating to WordPress Dashboard → Templates → Floating Buttons. Click Add New Floating Button and select a customizable pre-designed template to get started.

1、Multiple contact options

Each template can be customized according to what it contains. For example, if you're using a single chat template, you can choose a messaging platform such as WhatsApp, Messenger, SMS, email, etc. Then, enter your information (such as a phone number or email) to ensure visitors can get in touch. Within each floating button, customize the avatar and chat message to personalize the visitor interaction.

2. Create your own style

This can be done by using the "type" section to adjust various elements as well as control and customize the entry and exit animations of the floating buttons to design and maintain brand consistency. Also available from the "high level"The tab customizes the position of the buttons to make them a prominent part of the site layout.

Click tracking is another useful tool to help you monitor the impact of new floating buttons. Click tracking can be viewed in the list of floating buttons (WordPress Dashboard → Templates → Floating Buttons).

3, the use of display conditions to improve participation and conversion rate

With Elementor Pro, you can set display conditions to control when, where, and by whom floating buttons are displayed. Display conditions allow you to target specific audience groups and ensure that floating buttons are displayed only to relevant visitors. For example, you can include chat buttons on all pages or have different chat buttons for different pages. It is also possible to control the appearance of buttons based on the visitor's journey. For example, a chat button can be displayed on a product page to answer a customer's query about a product, while a different button can be displayed on a checkout page to provide quick support and drive conversions.

This feature is now enabled by default on new sites. On existing sites, please navigate to WordPress Dashboard → Elementor → functionality → Activate"floating button" to activate this feature.

Link Profile Widget: Showcase Your Links Easily!

Since social media platforms limit the number of links you can add to your profile, it has become a popular practice to add a page that integrates content, CTAs, and other links, leading to the creation of links in various profile tools.

1. 7 New Link in Bio

Elementor version 3.23Introducing seven ready-to-use Link in Bio widgets, perfect for creating responsive pages with all the important links. Perfect for social platforms like Instagram, TikTok, YouTube, X (formerly known as Twitter), LinkedIn and more, these widgets can help easily drive traffic to your work, brand or business. Each widget is built differently to meet your needs, such as promoting external platforms, organizing your contact links, or showcasing your work.

2. A few clicks and you're done

It can be used in an editor named "Link in Bio" in the New Widgets section to find these seven new widgets. After selecting a widget, you can update its content to match your brand's aesthetic. The template library has over 60 beautifully designed blocks to quickly build pages that fit your brand's style and needs.

These widgets are designed to be simple and allow you to quickly customize images, text, links, icons and layouts to reflect your brand identity. Whether you choose pre-designed blocks from the library or create your own, the process is intuitive and efficient. Everyone who creates with Elementor can use the "minimalism"the"Link in profile" widgets, and Elementor Pro users have access to all seven widgets, ensuring a comprehensive toolkit for any project.

This feature is now enabled by default on new sites. On existing sites, please navigate to WordPress Dashboard → Elementor → Features → Activate "Link In Bio" to activate this featureThe

Nested Elements: Advanced Layout with Enhanced Performance

In version 3.10, we introduced nested elements to give you more flexibility in your design. By utilizing the Flexbox Container, nested elements allow you to nest any element within another element. This allows you to create more complex and elaborate website layouts. However, some users have experienced slow editor performance when working with these elements.

• performance enhancement

Version 3.23 implements a significant performance boost to improve this, and the widget infrastructure has been upgraded so that changes only affect specific elements without loading the entire widget. This optimization reduces editor interaction time by 60%-98%, enabling you to create complex designs faster and ensuring a smooth editing experience.

To activate nested elements, navigate to the WordPress Dashboard → Elementor → Features → Activate "Nested Elements"The

Functional and experimental updates

• Element Cache: Element caching is now enabled by default on new sites, dramatically improving performance, reducing load times, and improving the visitor experience.
• top bar: The top bar is now a native part of the editor for more efficient navigation and workflow. Instantly preview responsive views, access the theme builder and easily navigate between pages.
• Accessibility improvements: Reorganize DOM output so that screen readers have full access to Mega Menu content.

Elementor 3.23: Advances in Web Design

Elementor 3.23 is a comprehensive update that enhances site exploration, design accuracy, and the overall visitor experience. With powerful new tools and significant performance and accessibility improvements, this version helps you create faster, more inclusive and engaging websites. Update today and take your web design to the next level.