How to Add Floating Chat Buttons in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Floating Chat Buttons Block

• Use the search bar at the top right and type “Floating Chat Buttons”.

• The Floating Chat Buttons block will appear in the results list.

Install the Floating Chat Buttons Block

• Hover over the Floating Chat Buttons block and click Install.

• This adds the block to your available options in the editor.

Add Floating Chat Buttons to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Floating Chat Buttons”, and insert it into the page.

Customize the Floating Chat Buttons Block

Once added, select the Floating Chat Buttons block and use the settings panel on the right. Add or remove Chat Channel Items (e.g., WhatsApp, Email), choose the Floating Position and Initial State (Open/Closed), and control the visibility of the Labels and Pre-filled Messages. Customize the Styling for the Main Button Icon, Individual Channel Buttons, and Text Typography to create a functional, visually appealing communication hub that fits your site’s design.