Skip to content

Call To Action

The Call To Action module pairs a headline with one or two buttons so every section can end with a clear next step. One module gives you the eyebrow line, headline, supporting text, and buttons together.

Divi Call To Action module banner with an eyebrow line, headline, supporting text, and two buttons

How to add the Call To Action module

  1. Add a section and row, then add the Call To Action module.
  2. Enter the headline and button text, and link the buttons.
  3. Pick a layout and alignment.

Content

Text

  • Eyebrow: the short line above the headline.
  • Headline and Body.

Buttons

  • Primary Button Text with its link.
  • Use Second Button plus Secondary Button Text when you need two actions.
  • Space Between Buttons.

Layout

  • Layout: Stacked, text then buttons, or buttons then text.
  • Alignment: Left, Center, or Right.
  • Content Width to keep the text readable inside wide sections.

Design

  • Use Overlay and Overlay Color to tint a background image so the text stays legible.
  • The standard Divi background, text, and button design options cover everything else.

Tip

Keep the primary button for the one action you actually want, and use the second button for the lower-commitment alternative, like a demo or a features page.