Dual Button
How to Configure and Style Dual Button #
Dual Button Elementor Widget gives you an amazing way to create unique, Call To Action dual buttons to instantly catch your visitor’s eye and boost your click-through-rates. This element lets you create beautiful, attractive dual buttons with which you can redirect your visitors to any page on your site.
How to Activate Dual Button #
To activate this Sastra Widgets element, find the ‘Dual Button’ element from the ‘Search’ option under the ‘ELEMENTS’ tab. Drag and drop the element anywhere on the page.
Once you have dragged and dropped the element into any empty section of your page, the element will look like this by default.
How to Configure the Content Settings #
To configure the content of your Dual Button, simply click on the ‘Content’ tab.
General #
Here, in the General section under the Content tab, you can set the button alignment.
First Button #
Here, in the First Button section under the Content tab, you can create and customize the style of the button, change the text, as well as set the button alignment.
By default, the None button style is in action. There are more than 45+ styles available to choose from. Each style is unique and comes with a different set of animation effects. You can see the animation effects by hovering over the button. You can also change button width as well.
You can add your own link so that users will be redirected to that certain page.
First Button Icon #
From the ‘First Button Icon’ section, If you want you can then change it to your preferred icon with your Dual Button. You can also set position, size and spacing as well.
Second Button #
Under this section, all similar options to the ‘First Button’ section under the Content tab.
Second Button Icon #
Under this section, all similar options to the ‘First Button Icon’ section under the Content tab.
Click to see Live Demo #
How to Style Dual Button #
To customize Dual Button, click on the ‘Style’ tab, and you will find many different options here.
General #
From the ‘General’ section, you can play around with the change the typography and padding.
First Button #
From the ‘First Button’ section, you can also set different text color, background type and box shadow with normal and hover options for your Button. Moreover, you can styling to border and border radius as well.
Second Button #
Under this section, all similar options to the ‘First Button’ section under the Style tab.
Final Outcome #
By following these simple steps, you can quickly and easily create stunning, interactive dual buttons on your Elementor site with Sastra Addons.
Try out different styles by tweaking with the settings, and you are guaranteed to boost your click-through-rates and engagement with the help of Dual Button.
If you require any help, feel free to contact our support for further assistance.
