DIVI 5 MODULE DEMO

Button Module

The DIVI 5 Button module renders a styled, clickable link. The button text and URL are stored under content.innerContent.desktop.value as an object with keys: text, linkUrl, and newWindow.

Live Example

Button Block Schema

wp:divi/button {n  "content": {n    "innerContent": {n      "desktop": {n        "value": {n          "text": "Button Label",n          "linkUrl": "https://example.com",n          "newWindow": falsen        }n      }n    }n  },n  "module": {n    "decoration": {n      "background": { "desktop": { "value": { "color": "#0073aa" } } },n      "border": { "desktop": { "value": { "radius": { "sync": "on", "topLeft": "4px" } } } }n    }n  }n}