The “Multi Line Button“ widget for Elementor empowers you to create visually engaging buttons with multiple lines of text and icon, perfect for emphasizing key messages or highlighting specific calls to action. This free widget allows you to blend creativity with functionality, offering a unique way to enhance user experience on your website. Whether you’re designing for promotional campaigns or navigating users to essential pages, this widget provides endless customization options to suit your branding and style.
Let’s look at each of the options in the “Multi Line Button“ widget for Elementor below.
Elementor Multi Line Button Tutorial Video
Add a Free Multi Line Button to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Multi Line Button”
- Hover over the widget in the search results and click install
- Add the “Multi Line Button” widget to any Elementor Page
General Settings in Elementor Multi Line Button
Title Text
Type text for title.
Subtitle Text
Type text for subtitle.
Link
Type or paste URL to link with the button.
Show Icon
Show or hide the icon.
Icon
Choose an icon to display in button.
Button ID
Give the button an id.
Hover Effect
Set the hover effect for button.
- Grow
- Shrink
- Pulse
- Pulse Grow
- Pulse Shrink
- Push
- Pop
- Bounce In
- Bounce Out
- Rotate
- Grow Rotate
- Float
- Sink
- Bob
- Hang
- Skew
- Skew Forward
- Skew Backward
- Wobble Vertical
- Wobble Horizontal
- Wobble To Bottom Right
- Wobble To Top Right
- Wobble Top
- Wobble Bottom
- Wobble Skew
- Buzz
- Buzz Out
Elementor Multi Line Button Styling
Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
General Styling in Elementor Multi Line Button
Set the alignment, border radius, padding, spacing, width, border, box shadow, an vertical alignment of button.
Background Styling in Elementor Multi Line Button
You can set the background color, background image and background hover.
Typography Styling in Elementor Multi Line Button
Set the typography, color, and shadow of title and subtitle.
Icon Styling in Elementor Multi Line Button
Here, you can set the icon size, color, spacing, and padding.
Multi Line Button Design Examples For Elementor
Here are some live use cases for the Multi Line Button Widget.
Free Elementor Multi Line Buttons to Download a Mobile App.
Free Elementor Multi Line Button to Purchase Woo Products.
Thank you for using the Multi Line Button Widget for Elementor! With its flexible design and customizable options, this is the best Multi Line Button Widget for Elementor, perfect for creating buttons with multiple lines of text to better capture attention and improve user interaction. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
