In this guide, we will show you how to add a “Dynamic Popup Button” to your Elementor website. The Dynamic Popup Button allows you to create clickable buttons that trigger popups with dynamic content, helping you display additional information without redirecting users to another page. Perfect for improving user engagement and providing quick access to important details, this widget enhances interactivity while keeping your layout clean and seamless. Its pop-up functionality ensures a smooth browsing experience with minimal disruption.
Let’s explore the customization options available in the “Dynamic Popup Button” for Elementor below.
Add a Quantity Increment Button to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
Add a Dynamic Popup Button Widget to an Elementor Page
Elementor Dynamic Popup Button Widget General Settings
Popup Button Text
Defines the label for the trigger button; includes AI text generation and dynamic data source options.
Show Button Icon
Customize the primary and secondary colors of the shapes and lines to match your brand.
Hover Transition Duration (ms)
Sets the timing for the animation effect when a user hovers over the button.
Elementor Dynamic Popup Button Widget Style Settings
Button Style
Selects the structural layout of the button.
Button & Text Alignment
Controls the positioning of the button itself and the text within it.
Button Padding
Sets the internal spacing (Top, Right, Bottom, Left) between the text and the button edges.
Button Typography
Manages font characteristics like family, size, and weight using manual edits or global presets.
Button Min Width
Sets a minimum horizontal size for the button using a slider or numerical percentage.
State Selection (Normal/Hover)
Allows you to toggle between designing the button's default appearance and its mouse-over state.
Button Background Color
Defines the fill color of the button.
Button Color
Sets the color of the button text.
Button Border Type
Chooses the style of the outline.
Box Shadow
Adds depth by applying a shadow behind the button container.
Text Shadow
Adds a shadow effect specifically to the label text.
Thank you for using the Dynamic Popup Button widget for Elementor! This interactive tool lets you add quantity controls within your loop grid, allowing users to increase or decrease product quantities and add multiple items directly to their cart with ease. With its smooth functionality, flexible integration, and user-friendly design, it helps enhance the shopping experience while keeping your layout clean and efficient. For questions or inspiration, feel free to reach out or explore our demo.