{"id":14302,"date":"2024-04-12T05:37:31","date_gmt":"2024-04-12T05:37:31","guid":{"rendered":"https:\/\/sastraessentialaddons.com\/?post_type=docs&p=14302"},"modified":"2025-03-24T05:55:32","modified_gmt":"2025-03-24T05:55:32","password":"","slug":"dual-button","status":"publish","type":"docs","link":"https:\/\/spexoaddons.com\/documentation\/dual-button\/","title":{"rendered":"Dual Button"},"content":{"rendered":"

How to Configure and Style Dual Button<\/h2>\n

Dual Button Elementor Widget<\/b><\/a> gives you an amazing way to create unique, Call To Action dual buttons to instantly catch your visitor\u2019s 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.<\/p>\n

How to Activate Dual Button<\/h2>\n

To activate this\u00a0Spexo Widgets<\/b><\/a>\u00a0element, find the\u00a0Dual Button<\/b>\u00a0element from the\u00a0Search<\/b>\u00a0option under the\u00a0ELEMENTS<\/b>\u00a0tab. Drag and drop the element anywhere on the page.<\/p>\n

\"how<\/p>\n

Once you have dragged and dropped the element into any empty section of your page, the element will look like this by default.<\/p>\n

\"how<\/p>\n

How to Configure the Content Settings<\/h2>\n

To configure the content of your Dual Button, simply click on the \u2018Content\u2019<\/b>\u00a0tab.<\/p>\n

General<\/h3>\n

Here, in the General section under the Content tab, you can set the button alignment.<\/p>\n

\"how<\/p>\n

First Button<\/h3>\n

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.<\/p>\n

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.<\/p>\n

You can add your own link so that users will be redirected to that certain page.<\/p>\n

\"how<\/p>\n

First Button Icon<\/h3>\n

From the \u2018First Button Icon\u2019 section, If you want you can then change it to your preferred icon with your Dual <\/strong>Button.\u00a0<\/b>You can also set position, size and spacing as well.<\/p>\n

\"how<\/p>\n

Second Button<\/h3>\n

Under this section, all similar options to the \u2018First Button\u2019 section under the Content tab.<\/p>\n

\"how<\/p>\n

Second Button Icon<\/h3>\n

Under this section, all similar options to the \u2018First Button Icon\u2019 section under the Content tab.<\/p>\n

\"how<\/p>\n

Click to see Live Demo<\/a><\/h3>\n

How to Style Dual Button<\/h2>\n

To customize Dual Button<\/strong>, click on the\u00a0\u2018Style\u2019<\/b>\u00a0tab, and you will find many different options here.<\/p>\n

General<\/h3>\n

From the\u00a0\u00a0\u2018General\u2019 <\/b>section, you can play around with the change the typography and padding.<\/p>\n

\"how<\/p>\n

First Button<\/h3>\n

From the \u2018First Button\u2019 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.<\/p>\n

\"how<\/p>\n

Second Button<\/h3>\n

Under this section, all similar options to the \u2018First Button\u2019 section under the Style tab.<\/p>\n

\"how<\/p>\n

Final Outcome<\/h2>\n

By following these simple steps, you can quickly and easily create stunning, interactive dual buttons on your Elementor site with Spexo Addons<\/b><\/a>.<\/p>\n

https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/dual-button-11.webm<\/a><\/video><\/div>\n

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<\/strong>.<\/p>\n

If you require any help, feel free to\u00a0contact our support<\/b><\/a>\u00a0for further assistance.<\/p>\n","protected":false},"excerpt":{"rendered":"

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\u2019s 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 […]<\/p>\n","protected":false},"author":14494,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-14302","docs","type-docs","status-publish","hentry","doc_category-content-elements"],"acf":[],"year_month":"2026-04","word_count":495,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Nayan Bagia","author_nicename":"nayanbagia","author_url":"https:\/\/spexoaddons.com\/author\/nayanbagia\/"},"doc_category_info":[],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs\/14302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/users\/14494"}],"version-history":[{"count":0,"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs\/14302\/revisions"}],"wp:attachment":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/media?parent=14302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}