Looking for an advanced tool to create stunning buttons on your Elementor website?
Take a look at Enter Addons new ‘Creative Button‘ free widget. Using this widget, you can simply design and customize buttons in minutes.
Pre-requisites
To use the Creative Button widget, you need the following plugins:
- Elementor (Free)
- Enter Addons (Free)
What is the Creative Button widget?
The Creative Button widget is an EnterAddons element for Elementor that lets you design eye-catching call-to-action (CTA) buttons—complete with customizable text, icons, hover effects, and gradients—without coding. It’s lightweight and fully responsive, so your CTAs load fast and look great on desktop and mobile, helping boost click-throughs across your WordPress pages.
EnterAddons Creative Button — Complete Video Tutorial
You can see the below video to get an insight into how you can use the Creative Button Widget, Or you can follow the documentation whichever you find convenient.
How To Use the Creative Button Widget?
The Creative Button widget is a wonderful feature of EnterAddons. It lets you build eye-catching CTA buttons with customizable hover effects, icons, and styling—adding a polished, enjoyable feel to your site’s interface.
Let’s go through the steps to learn how to use the widget on your site.
Step 1 — Add & Configure
1. Drag & Drop the Creative Button Widget
Firstly, select the Creative Button Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
2. Content Tab Overview (Creative Button & Button Icon)
Secondly, from ‘Content’ Section you will get Creative Button and Button Icon
3. Set Button Text and Link
After that, from Creative Button section you can add button-text , link ,choose button style ,style effect and magnetic effect. There are four button styles.
4. Choose a Button Style
Every button style has some special effect
5. Enable Magnetic Effect (Cursor Follow)
If you enable magnetic effect the button is moved with mouse moving.
6. Toggle Icon Visibility (Show/Hide)
Then, from Button Icon section you have Show icon ( show / hide ) with switch option, and also you can change icon-position, before-text-icon and after-text-icon respectively, and that is given below.
Step 2 – Style the Button & Icon
1. Open the Style Tab
From ‘Style’ section you can stylize the widget. You will get the Button Style and Icon Style respectively.
2. Choose Icon Position (Before/After Text)
After that, from Button Style section you can add button alignment, typography, text color, margin, padding, border-type, border-radius, box-shadow and background-type respectively, and that is given below.
3. Button Hover State Preview
Moreover, from this section you can see ‘HOVER’ view also.
4. Style Tab — Icon: Color, Size, Container, Spacing, Border, Background, Hover
After that, from Icon section you can add icon-color, icon-size, icon-container-width, icon-container height, margin, padding, border-type, border-radius, box-shadow and background-type respectively, and that is given below. Then, from this section you can see HOVER effect also.
Step 3 – Save & Preview
Finally, after finishing all the editing, click update, then click on ‘Preview > Preview in new tab’ to see your work live.
Final Thoughts
EnterAddons’ Creative Button makes great buttons fast. Add your text. Pick a style. Adjust the icon and hover if you want. Click Save, then Preview. Need help? Read the docs or watch the short video.
If need any custom help feel free to Contact Us or Book A Meeting!