web_button Shortcode
The web_button shortcode renders the button 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_button]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
button_text |
— | String unless stated otherwise | Enter the text that will appear on the button. |
button_aria_label |
— | String unless stated otherwise | Use this field to better explain the purpose of the button to improve accessibility. |
button_type |
url |
url, modal, offcanvas, ajax, slider |
Choose whether the button opens a URL, modal, off-canvas panel, dynamically loaded page, or slider action. |
button_offcanvas_id |
— | String unless stated otherwise | Enter the Off-Canvas ID which will be toggled when clicking the button. Available when button_type is offcanvas. |
slide_on_hover |
— | yes |
Switch tabs on hover instead of with a click. Available when button_type is slider. |
button_url |
— | String unless stated otherwise | Enter the url to which you will direct when clicking the button. Available when button_type is url or slider. |
button_modal_id |
— | String unless stated otherwise | Enter the modal box ID which will be triggered when clicking the button. Available when button_type is modal. |
button_xfn |
— | String unless stated otherwise | This will be placed on the link rel="" parameter. Available when button_type is url. |
center_mobile |
— | web-center-mobile |
If selected the button will be centered on mobile. |
button_target |
— | yes |
Open link in another window. Available when button_type is url. |
button_ajax_page |
— | A value selected from WordPress | Choose the page to display via AJAX. Available when button_type is ajax. |
button_slider_id |
— | String unless stated otherwise | Enter the Slider ID you want to manage. Available when button_type is slider. |
button_slider_action |
next |
next, previous, custom |
Controls the slider action. Available when button_type is slider. |
button_slider_custom_slide_id |
— | String unless stated otherwise | Enter the ID of the tab to navigate to. Available when button_slider_action is custom. |
button_style |
1 |
1, hidden, or a configured button-style slug |
Chooses a button style defined in the POM design system. |
button_alignment |
left |
left, center, right, none |
Choose the button alignment. |
button_size |
default |
xs, sm, default, lg, x2, x2-large, x3-large, x4-large |
Choose the size of the button. |
button_block |
— | yes |
Make button 100% width. |
button_type_button |
— | yes |
Use button tag instead of a tag. Available when button_type is modal or offcanvas or url. |
button_icon |
— | String unless stated otherwise | Select the icon to be displayed within the button. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter section ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
button_attachment |
— | String unless stated otherwise | Sets the button attachment value consumed by this shortcode. |
button_force_download |
— | String unless stated otherwise | Sets the button force download value consumed by this shortcode. |
Verification
Operate web_button with pointer and keyboard input, and confirm labels, focus and motion remain understandable. Pay particular attention to button_text and button_aria_label.