---
title: "Divi Dual Button"
url: "https://divipeople.com/docs/divi-dual-button-doc.md"
canonical: "https://divipeople.com/docs/divi-dual-button-doc/"
published: "2026-07-13"
modified: "2026-07-13"
author: "Fahim Reza"
tags:
  - "divi-conkit-pro"
---

# 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](https://divipeople.com/modules/dual-button/) for a live overview and pricing.