{"id":119767,"date":"2024-07-24T10:13:54","date_gmt":"2024-07-24T07:13:54","guid":{"rendered":"https:\/\/elementor.com\/blog\/introducing-elementor-3-23-live-results-floating-buttons-link-in-bio-more\/"},"modified":"2025-11-29T19:32:18","modified_gmt":"2025-11-29T17:32:18","slug":"introducing-elementor-3-23-live-results-floating-buttons-link-in-bio-more","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/it\/introducing-elementor-3-23-live-results-floating-buttons-link-in-bio-more\/","title":{"rendered":"Introducing Elementor 3.23: Live Results, Floating Buttons, Link in Bio & more!"},"content":{"rendered":"\n

Elementor 3.23 is here, bringing a suite of new features and improvements designed to elevate your website\u2019s performance, accessibility, and design capabilities.\nFrom an enhanced Search widget to versatile Floating Buttons and new Link in Bio widgets, this update empowers you to create more engaging and efficient websites. <\/p>\n\n

[Pro] New Search Widget Providing Real-Time Results with AJAX<\/h2>\n\n

Elementor\u2019s new Search Widget now leverages AJAX to display live results as visitors type, eliminating the need to navigate to a separate results page.\nThe real-time search capability was one of your most requested features, and it ensures visitors get instant feedback, enhancing their browsing experience.\nThe live results are displayed in a loop format, appearing as a dropdown box under the search bar while typing.\nThis feature significantly improves content discovery and visitor experience. <\/p>\n\n

Customizable Search Experience<\/h3>\n\n

You can customize everything from the search input field and submit buttons to the loop grid format of the live results.\nAdjust the placeholder text, icons, and submit fields to match your site\u2019s design.\nAdditionally, you can control how visitors interact with the search function, such as pressing Enter, clicking the search button, or both.\nThe widget’s content control and dynamic filtering options allow for a highly tailored search experience. <\/p>\n\n

Help Visitors Find What They\u2019re Looking For<\/h3>\n\n

Navigating to the Content Tab and turning on live results in the Results Section is seamless.\nChoose what Loop Template you want for your live results or build a new one from the Theme Builder<\/a>.\nCustomize the dropdown box\u2019s layout by setting the number of columns and of result items to be displayed at once.\nYou can also set the minimum number of characters required before live results begin to appear and customize the “nothing found” message.\nUsing Query is essential when you want to filter the results, making it easier for visitors to find exactly what they\u2019re looking for. <\/p>\n\n

This feature is active by default on all new websites.\nOn an existing website, activate it by navigating to the WordPress Dashboard \u2192 Elementor \u2192 Features \u2192 activate \u201cSearch\u201d. <\/p>\n\n

Get Elementor Pro<\/a><\/p>\n\n

\"\"<\/figure>\n\n

Floating Buttons: Boost Conversion and Engagement<\/h2>\n\n

The new Floating Button widget is perfect for increasing conversions by linking directly to chats or other platforms.\nWhether you need a WhatsApp button to start a conversation, a contact button with multiple links, or an info button with key details, this feature provides a versatile solution.\nYou can add these buttons by navigating to the WordPress Dashboard \u2192 Templates \u2192 Floating Buttons.\nClick on Add New Floating Button and choose a customizable pre-designed template<\/a> to start with. <\/p>\n\n

You\u2019ll get three professionally designed templates with the free version of Elementor, and 40+ templates with Elementor Pro.<\/p>\n\n

Versatile Contact Options<\/h3>\n\n

Each template can be tailored according to the content it includes.\nFor instance, if you are using a Single Chat template, you can choose messaging platforms like WhatsApp, Messenger, SMS, Email, and more.\nThen, enter your information such as phone number or email to ensure visitors can get in touch.\nWithin each Floating Button, you can customize the avatar and the chat message to personalize the visitor interaction. <\/p>\n\n

Make it Your Own<\/h3>\n\n

You can design and maintain brand consistency by adjusting the various elements using the Style section, as well as controlling and customizing the entrance and exit animations of the Floating Button.\nYou can also customize the button’s placement from the Advanced Tab, allowing it to become a prominent component of the layout of your website. <\/p>\n\n

Click tracking is another helpful tool that helps you monitor the impact of your new Floating Button.\nYou can see the click tracking in your Floating Buttons list (WordPress dashboard \u2192 Templates \u2192 Floating Buttons). <\/p>\n\n

Increase Engagement & Conversion with Display Conditions<\/h3>\n\n

Using Elementor Pro, you can set Display Conditions to control when, where, and to whom the Floating Buttons appear.\nDisplay conditions allow you to target specific audience segments, ensuring the Floating Buttons are shown only to relevant visitors.\nFor example, you can include a chat button on all pages, or set different chat buttons for the different pages.\nYou can also control the button’s appearance based on the visitor’s journey.\nFor instance, a chat button can be shown on product pages to answer customer inquiries about the products, while a different button can appear on the checkout page for quick support and a push towards conversion. <\/p>\n\n

This feature is now active by default on new websites.\nOn an existing website, activate it by navigating to the WordPress Dashboard \u2192 Elementor \u2192 Features \u2192 activate \u201cFloating Buttons\u201d. <\/p>\n\n

Learn more<\/a><\/p>\n\n

\"\"<\/figure>\n\n

Link in Bio Widgets: Showcase Your Links Effortlessly<\/h2>\n\n

Since social media platforms limit the number of links you can add in your bio, adding a web page that consolidates content, CTAs, and other links became popular practice, leading to the creation of various Link in Bio tools.<\/p>\n\n

7 Brand New Link in Bio Widgets!<\/h3>\n\n

Elementor version 3.23 introduces seven ready-to-use Link in Bio widgets, ideal for creating responsive<\/a> pages that house all your important links.\nThese widgets are perfect for social platforms like Instagram, TikTok<\/a>, YouTube, X (formerly Twitter), LinkedIn, and more, helping drive traffic to your work, brand, or business with ease.\nEach widget is built differently to match your needs, such as promoting external platforms, organizing your contact links, or showcasing your work. <\/p>\n\n

Ready with Just a Few Clicks<\/h3>\n\n

You can find the seven new widgets in a new widget section inside the Editor, named \u201cLink in Bio\u201d.\nOnce you\u2019ve chosen a widget, you can update its content to fit your brand\u2019s aesthetic.\nWith over 60 beautifully designed blocks available in the template library, you can quickly build a page that fits your brand\u2019s style and needs. <\/p>\n\n

The widgets are designed for simplicity allowing you to quickly customize images, text, links, icons, and layout to reflect your brand identity.\nWhether you choose a pre-designed block from the library, or create your own, the process is intuitive and efficient.\nThe \u201cMinimalist\u201d Link in Bio widget is available to everyone creating with Elementor, while Elementor Pro users gain access to all seven widgets, ensuring a comprehensive toolkit for any project. <\/p>\n\n

This feature is now active by default on new websites.\nOn an existing website, activate it by navigating to the WordPress Dashboard \u2192 Elementor \u2192 Features \u2192 activate \u201cLink In Bio\u201d. <\/p>\n\n

Learn more<\/a><\/p>\n\n

\"\"<\/a><\/figure>\n\n

Nested Elements: Advanced Layouts with Enhanced Performance<\/h2>\n\n

Back in version 3.10, we introduced Nested Elements, which enables you to design more flexibly.\nBy utilizing Flexbox Containers, Nested Elements allow you to nest any element inside of another.\nThis empowers you to create more complex and sophisticated website layouts.\nHowever, some users experienced slow Editor performance while working on these elements. <\/p>\n\n

Significant performance gains have been implemented in version 3.23 to improve this, and the infrastructure of the widget is upgraded so that changes only impact the specific element and do not require loading the entire widget.\nThis optimization improves Editor interaction time by 60%-98%, enabling you to create intricate designs faster, ensuring a smooth editing experience. <\/p>\n\n

To activate Nested Elements, navigate to the WordPress Dashboard \u2192 Elementor \u2192 Features \u2192 activate \u201cNested Elements\u201d.<\/p>\n\n

\"\"<\/figure>\n\n

Feature & Experiment Updates<\/h2>\n\n