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 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 Video Tutorial
Add a Multi Line Button Widget 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
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
Multi Line Button Widget 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
Set the alignment, border radius, padding, spacing, width, border, box shadow, an vertical alignment of button.
Background Styling
You can set the background color, background image and background hover.
Typography Styling
Set the typography, color, and shadow of title and subtitle.
Icon Styling
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.
Multi line app download button for fitness app.
Multi line purchase button for ecommerce website.
We hope this guide inspires you to make the most of the Multi Line Button Widget for Elementor, unlocking new design possibilities for your website. As always, our team is here to help if you have any questions or need assistance along the way. Don’t forget to explore our library of widgets to discover even more tools to elevate your Elementor experience. Happy designing!
