Module 11 of 71

Divi Buttons that beg to be clicked.

One or two buttons with 29 hover effects, 15 icon animations and built-in tooltips. Link to a page, a download, WhatsApp, a call or an email.

Get Divi Supreme Pro Open the playground

Pulse Grow

Wobble Horizontal

Float

Buzz Out

Skew Forward

Pop

What is the Divi Buttons module?

Buttons is a Divi 5 module in Divi Supreme Pro that places one or two buttons side by side, with optional separator text such as "or" between them. Each button has its own text, link, icon, colours and hover effect.

Pick from 29 hover animations and 15 icon animations, add a tooltip, or open an image or video in a lightbox. Links can go to a URL, a file download, email, phone, SMS, Facebook Messenger, Skype, WhatsApp or Telegram.

hover effects

icon animations

link types

buttons per module

Start from a Buttons recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Hover the buttons to see the effect.

Try every Buttons setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Button #1 Text

Button #2 Text

Separator Text

Link Type for Button #1

Button #1 URL

Use Tooltip

Tooltip Content

Show Arrow

Size

Placement

Animations

Button Group Alignment

Button Group Gap20px

Stack Buttons

Button Hover #1 Animation

Button Icon Hover #1 Animation

Button Hover #2 Animation

Button Icon Hover #2 Animation

Everything Buttons can do.

Updated 14 Oct 2026 in v5.0.83

29 hover effects

Grow, pulse, pop, bob, skew, wobble, buzz and more, set per button.

15 icon animations

Make the icon slide, spin, float away, pulse or bounce on hover.

9 link types

URL, download, email with CC and subject, phone, SMS, Messenger, Skype, WhatsApp and Telegram.

Built-in tooltips

Top, bottom, left or right, three sizes, an optional arrow and two animations.

Image and video lightbox

Open an image, or a YouTube, Vimeo or Dailymotion video, in a lightbox.

Stack on mobile

Set the gap, align the group, and stack buttons full width at any breakpoint.

Buttons documentation

Setup for Divi 5: button text and links, link types, tooltips, lightboxes and hover animations.

Read the guide

Need help? Contact support

Questions about Buttons.

Can I show two buttons side by side?

Yes. Fill in Button #1 Text and Button #2 Text. Leave the second empty for a single button. Separator Text adds a word such as "or" between them.

Which hover effects are included?

29 button effects, including Grow, Pulse, Pop, Bounce In, Float, Bob, Skew, Wobble and Buzz, plus 15 icon effects such as Forward, Spin, Float Away and Bounce. Each button has its own.

Can a button open WhatsApp or start a call?

Yes. Set Link Type to WhatsApp, Phone, SMS, Email, Facebook Messenger, Skype or Telegram and fill in the number, username or address. Email supports CC, BCC, subject and message.

Can a button download a file?

Yes. Choose Download File as the link type and upload the file. It downloads instead of opening.

How do tooltips work?

Turn on Use Tooltip, write the text, then pick the placement, size, arrow and animation. Each button has its own tooltip.

Can a button open a lightbox?

Yes. Turn on Open as Image Lightbox and choose an image, or Open as Video Lightbox and paste a YouTube, Vimeo or Dailymotion link.

Does Buttons work with Divi 5 and WPML?

Yes. It is a native Divi 5 module, text and links support dynamic content, and it can be translated with WPML.

Next module, A to Z

Card Module

Related modules

Social Share Buttons Module

Share buttons for every network.

Card Module

Content cards with an image, text and button.

Line Hover Module

Animated underlines for links and text.

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Read reviews →

Make every click feel good.

Buttons comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Get Divi Supreme Pro See all modules