BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Dual Button Widget for Elementor Free

Two buttons side by side with an optional connector.

Overview

What Dual Button does

Dual Button places a primary and a secondary button in one widget, with an optional small connector such as the word or between them. Each button has its own text, link, icon and colors. Use it where visitors get two choices, such as buying or viewing a demo.

Live demo

See it in action

Features

What it can do

  • Two buttons, each with its own text, link and icon.

  • Icon before or after the text, set per button.

  • Optional connector between the buttons with custom text.

  • Side by side or stacked direction, set per device.

  • Left, center, right or justified alignment, set per device.

  • Separate normal and hover colors for the primary and the secondary button.

  • Shared typography, padding, border radius, border width and icon spacing for both buttons.

Use cases

When to use it

Hero call to action

Pair a main action with a softer second option under a headline.

Buy or try

Offer a purchase button and a demo button with an or connector between them.

App download links

Use an icon on each button to point to two different download pages.

Mobile friendly stacks

Set Direction to Stacked on mobile so both buttons stay easy to tap.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Dual Button from the Bright Addons category onto the page.

  2. In Primary Button, type the Text, set the Link and pick an Icon if wanted.

  3. Do the same in Secondary Button.

  4. In Layout, switch on Connector and edit the Connector Text if a divider is wanted.

  5. Set Direction, Alignment and Space Between for each device.

  6. Open the Style tab and set the shared button shape in Buttons, then the colors in Primary Button and Secondary Button.

FAQ

Questions and answers

Can each button have a different color?

Yes. The Style tab has a Primary Button and a Secondary Button section, each with normal and hover colors.

Can the buttons stack on mobile?

Yes. Direction is a responsive control, so choose Stacked for the mobile view.

Can I change the or text between the buttons?

Yes. Switch on Connector and type any short text in Connector Text.

Can the two buttons fill the full width?

Set Alignment to Justified and the buttons stretch to fill the available width.

Free forever

Dual Button is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.