DiviGrid · Multiple Button for Divi 5

Put several buttons in one module, side by side or stacked. Each button has its own text, second line, icon, colours and one of 31 hover effects.

Hover the buttons above: four buttons, four effects, one module.

New · Version 3 is out

Use case 01 · SaaS landing pages

Changelog turns your commits into a public page, an email and an in-app widget.

Gradient button with Sweep To Right (style 20) + text button with Underline From Left (style 28) · stacks on phones

Two-line buttons (title + description) · icon on the left · Sweep To Top (style 23) with a white fill

Use case 03 · Restaurants

Wood fire · natural wine · Tuesday to Sunday from 6pm

Three outline buttons joined into one bar · Bottom to Top Border and Background (style 8)

Use case 05 · Creators & link pages

Ceramics, studio videos and a shop that opens on the first Sunday of the month.

3D Box Shadow (style 19) with black sides · 3px borders, square corners

Use case 06 · Books & downloads

Thanks for buying The Slow Garden. Pick the format for your reader. The links work for 30 days.

Custom Icon Animation (style 6): the download icon slides in on hover · second line for the file size

Use case 07 · Bands & artists

New album “Soft Machines” out 3 October. Follow for tour dates.

Dot Hover (style 1) · each button its own dot colour · icon on the left

Left to Right Border and Background (style 10) · description line under each title · icon on the left

Use case 09 · Shops & filters

Browse by room. 214 pieces from 38 small makers.

Wrapping row of pill chips · Center Background (style 11) in burnt orange · first chip filled as the active one

Use case 10 · Charities & fundraising

£31,480 raised of £40,000 · 612 donors. Choose an amount.

Amounts: Background Pulse (style 2) · big serif numbers with a second line · Donate: Swipe Text (style 15) shows a new label on hover

Multiple Button comes with DiviGrid, together with all our other Divi modules.