Skip to content

Divi Dual Button

Dual Button is part of Divi Conkit Pro. It places a primary and secondary button side by side with a small connector between them — text (“or”), an icon, or nothing — for calls to action like “Buy Now” / “Learn More”.

Key Features

  • Two independent buttons with their own text, link, and target (same tab or new tab).
  • 3 connector types — No Connector, Text, or Icon.
  • Adjustable gap between the two buttons.
  • Full connector styling — size, radius, border width and color.

Adding the Module

  1. Edit a page with the Divi Visual Builder.
  2. Add a new module and search for Dual Button.
  3. Fill in both buttons’ text and links, then pick a Connector Type.

Content Settings

  • Button Alignment — Left, Center, or Right.
  • Button Gap — spacing between the two buttons.
  • Button Text / Button Link / Button Link Target — per button.
  • Connector Type — No Connector, Text (custom string), or Icon.

Design Settings

  • Buttons — independent styling per button (color, background, border, hover state).
  • Connector — Text Color, Background, Size, Radius, Border Width, and Border Color.

Visual hierarchy
Style the primary button as a solid, high-contrast fill and the secondary as a ghost/outline button — the connector then reads as a natural pause between a strong and a soft call to action.

FAQ

Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

Can each button open in a different tab?

Yes — Button Link Target is set independently per button.

Where can I see it in action?

Visit the Dual Button module page for a live overview and pricing.

Loading...