{"Status":true,"Message":"","Response":{"post":{"postuid":"edeb08d7-371a-4966-8d31-0239d7af349f","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"Button widget","slug":"article/button-widget","html":"\u003Cp\u003EThe button widget is an email widget used to add a call to action (CTA) button to your email.\u003C/p\u003E\u003Ch2 id=\u0022using_the_button\u0022\u003EUsing the Button\u003C/h2\u003E\u003Cp\u003EThe button widget is designed to work across multiple email client. However, some email clients - such as Microsoft Outlook desktop - may not render all aspects such as rounded corners.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-width=\u0022399\u0022 data-height=\u0022505\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/ca35bb61-1c9e-4847-bfe7-4f7462bd5fbf.png?v=-613759987\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EBy default, the button will be configured as a Button Type URL with the value #. To use it a valid URL must be entered.\u003C/p\u003E\u003Ccite class=\u0022important\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EImportant\u003C/span\u003E\u003Cp\u003EDouble-check your buttons before saving. The default value of # is considered valid.\u003C/p\u003E\u003C/cite\u003E\u003Ch3 id=\u0022configure_as_email_address\u0022\u003EConfigure as email address\u003C/h3\u003E\u003Cp\u003EYou can also configure the button to work as an email by changing the Button Type. When this option is selected you must enter a valid email address. The button will automatically change the URL value to \u003Ccode class=\u0022inline-code\u0022\u003Emailto:[your email address]\u003C/code\u003E. This is useful if you want to make the button a \u0022Contact Us\u0022 vs opening a link.\u003C/p\u003E\u003Ch2 id=\u0022changing_the_button_style\u0022\u003EChanging the Button Style\u003C/h2\u003E\u003Cp\u003EThe button widget allows you to select the container around the button or the button itself. What you select determines how the options on the Style tab impact the button.\u003C/p\u003E\u003Ch3 id=\u0022selecting_the_button_container\u0022\u003ESelecting the button container\u003C/h3\u003E\u003Cp\u003EChange the padding around the button, if the button is center, left or right aligned in the container and more.\u003C/p\u003E\u003Ch3 id=\u0022selecting_the_button\u0022\u003ESelecting the button\u003C/h3\u003E\u003Cp\u003ESelect the button itself to change font colors, size, style, border radius\u0026nbsp; and more.\u003C/p\u003E","publish_status":0,"post_type":"Article","authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d","author":{"authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d"},"featured_image_updating":false,"meta_description":"Add customizable call-to-action buttons to emails with our widget; supports URLs, mailto links, and style adjustments for broad email client compatibility.","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"sort_order":16,"total_views":60,"date_published":"2026-04-01T17:32:58.663","date_updated":"2026-04-01T17:33:00.37","date_created":"2026-04-01T17:23:22.3"}}}