Elementor Liquid Glass and Glassmorphism Addon Tutorial

Elementor Liquid Glass addon helps you on applying professional-looking glassmorphism and frosted-glass effects to any widget developed for Elementor page builder including containers with just one click!

This newly-added global addon includes six frosted-glass presets or styles, two of them are regular Glassmorphism which comes for free at no cost while the other four presets are representing the trendy Liquid Glass which introduced recently by Apple OS.

Additionally, you will be able to add an optional 3D Shadows to your glass shapes for more realistic glass according to its look and feel.

Prerequisites

Before you begin, make sure:

• You have Elementor page builder installed and activated on your WordPress website.
• You are using Premium Addons for Elementor version 4.11.14 or higher.
• Elementor Liquid Glass addon is enabled from Premium Addons dashboard.

Step 1: Enabling Liquid Glass Elementor Extension

1. Go to your WordPress Dashboard.
2. Navigate to Premium Addons > Global Addons.
3. Scroll down until you see Liquid Glass.
4. Toggle the switcher to ‘ON’ to enable the addon.

Step 2: Find Liquid Glass within Elementor Editor

1. Head to Pages > All Pages.
2. Navigate to the page you want to apply the effect to then click on ‘Edit with Elementor’.
3. In the Elementor editor, select the widget or container where you want to add the Liquid Glass effect to.
4. Go to the widget’s Advanced tab and scroll until you see ‘Liquid Glass’ then toggle it ‘ON’.

Step 3: Using Liquid Glass and Glassmorphism Presets

1. Once switched ‘ON’, you’ll see a dropdown list labeled with Liquid Glass Effect.
2. Select one of the six pre-customized glassmorphism and liquid glass styles.

Each preset combines blur, transparency, and different liquid glass effects to deliver a unique glassmorphic look and feel.

Step 4: Adding 3D Shadow [Optional]

1. In the same ‘Liquid Glass’ tab, you will see ‘3D Shadow’ toggle.
2. Toggle it ‘ON’ to find the available presets.
3. Pick one of the six shadow styles. Simply, select what meets your needs perfectly.

Applying/adding 3D shadow gives your Elementor element a more realistic, layered appearance.

Summary

With Elementor Liquid Glass addon, you can apply professional-level of glassmorphism to your Elementor widgets and containers in a second! Simply, enable the feature, choose a presets, also an optionally 3D Shadows, all without writing a single line of custom code or manual customizations.

If you still need any further assistance, feel free to contact Premium Addons support team. We would be more than glad to help!

Join the Community

You’re most welcome to join our Facebook group and YouTube channel to get updates about new features, improvements, and bug fixes.