web_notification Shortcode
The web_notification shortcode renders the notification component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[web_notification]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
type |
notice |
notice, success, error |
Choose notification type. |
content |
<p>I am test text block. Click edit button to change this text.</p> |
String unless stated otherwise | Enter your content. |
icon |
— | String unless stated otherwise | Select the icon to be displayed. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
Use notice for neutral information, success after a completed action, and error for a problem the visitor can understand or act on. Keep content concise, place the recovery step in the message, and select a decorative or semantically compatible icon.
[web_notification type="success" icon="materialicons/check_circle"]
<p>Your request was sent successfully.</p>
[/web_notification]Do not expose stack traces, internal identifiers, credentials, raw request data, or private customer information in an error notification. Test the component with keyboard zoom, a long translated message, links, and each visibility rule.
Verification
Operate web_notification with pointer and keyboard input, and confirm labels, focus and motion remain understandable. Pay particular attention to type and content.