{"id":44062,"date":"2026-05-21T14:46:23","date_gmt":"2026-05-21T14:46:23","guid":{"rendered":"https:\/\/getshortcodes.com\/?post_type=demo-modal&p=44062"},"modified":"2026-05-22T07:49:14","modified_gmt":"2026-05-22T07:49:14","slug":"button","status":"publish","type":"demo-modal","link":"https:\/\/getshortcodes.com\/demo-modal\/button\/","title":{"rendered":"Button"},"content":{"rendered":"\n

Basic Example<\/h2>\n\n\n Button<\/span><\/a>\n\n\n\n
Shortcode<\/summary>\n
[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\"]Button[\/su_button]<\/code><\/pre>\n<\/details>\n\n\n\n
Styles and Colors<\/h2>\n\n\n  Style: Default <\/span><\/a>\n  Style: Flat <\/span><\/a>\n  Style: Ghost <\/span><\/a>\n  Style: Soft <\/span><\/a>\n  Style: Glass <\/span><\/a>\n  Style: Bubbles <\/span><\/a>\n  Style: Noise <\/span><\/a>\n  Style: Stroked <\/span><\/a>\n  Style: 3d <\/span><\/a>\n\n\n\n
Shortcode<\/summary>\n
[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"default\"] Style: Default [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"flat\"] Style: Flat [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"ghost\" color=\"black\"] Style: Ghost [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"soft\"] Style: Soft [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"glass\"] Style: Glass [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"bubbles\"] Style: Bubbles [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"noise\"] Style: Noise [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"stroked\"] Style: Stroked [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" style=\"3d\"] Style: 3d [\/su_button]<\/code><\/pre>\n<\/details>\n\n\n  BUY NOW <\/span><\/a>\n  SUBSCRIBE <\/span><\/a>\n  GET STARTED <\/span><\/a>\n  LIVE DEMOS <\/span><\/a>\n  VIEW EXAMPLES <\/span><\/a>\n  COMPARE PLANS <\/span><\/a>\n  LEARN MORE <\/span><\/a>\n  START CREATING <\/span><\/a>\n  CHOOSE PLAN <\/span><\/a>\n\n\n\n
Shortcode<\/summary>\n
[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#e73d28\" size=\"5\" target=\"blank\" style=\"default\"] BUY NOW [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#67b565\" size=\"5\" target=\"blank\" style=\"flat\"] SUBSCRIBE [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#3981b3\" size=\"5\" target=\"blank\" style=\"ghost\" color=\"black\"] GET STARTED [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#b339af\" size=\"5\" target=\"blank\" style=\"soft\"] LIVE DEMOS [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#39b3a3\" size=\"5\" target=\"blank\" style=\"glass\"] VIEW EXAMPLES [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#ebcb4b\" size=\"5\" target=\"blank\" color=\"#333\" style=\"bubbles\"] COMPARE PLANS [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#333\" size=\"5\" target=\"blank\" style=\"noise\"] LEARN MORE [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#eb7d4b\" size=\"5\" target=\"blank\" style=\"stroked\"] START CREATING [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#78eb4b\" size=\"5\" target=\"blank\" color=\"#333\" style=\"3d\"] CHOOSE PLAN [\/su_button]<\/code><\/pre>\n<\/details>\n\n\n\n
Icons<\/h2>\n\n\n\n
See the complete list of available icons<\/a><\/p>\n\n\n<\/i>  CHOOSE PLAN <\/span><\/a>\n<\/i>  DOWNLOAD <\/span><\/a>\n\n\n\n
Shortcode<\/summary>\n
[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#78eb4b\" size=\"5\" target=\"blank\" color=\"#333\" style=\"3d\" icon=\"icon: star\"] CHOOSE PLAN [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"#78eb4b\" size=\"5\" target=\"blank\" color=\"#333\" style=\"3d\" icon=\"icon: cloud-download\"] DOWNLOAD [\/su_button]<\/code><\/pre>\n<\/details>\n\n\n\n
Multiple Buttons Inline<\/h2>\n\n\n Button<\/span><\/a>\n Button<\/span><\/a>\n Button<\/span><\/a>\n\n\n\n
Shortcode<\/summary>\n
[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\"]Button[\/su_button]\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\"]Button[\/su_button]\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\"]Button[\/su_button]<\/code><\/pre>\n<\/details>\n\n\n\n
Call-to-Action (combined with Panel)<\/h2>\n\n\n
\nLeverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.<\/p>\n Button<\/span><\/a>\n<\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_panel background=\"#f1f9ff\" color=\"#001e34\" border=\"1px solid #001e34\" radius=\"3\"]\nLeverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"4\"]Button[\/su_button]\n[\/su_panel]<\/code><\/pre>\n<\/details>\n\n\n\n
Size Variations<\/h2>\n\n\n  Size: 1 <\/span><\/a>\n  Size: 2 <\/span><\/a>\n  Size: 3 <\/span><\/a>\n  Size: 4 <\/span><\/a>\n  Size: 5 <\/span><\/a>\n  Size: 6 <\/span><\/a>\n  Size: 7 <\/span><\/a>\n  Size: 8 <\/span><\/a>\n\n\n\n
Shortcode<\/summary>\n
[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"1\"] Size: 1 [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"2\"] Size: 2 [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"3\"] Size: 3 [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"4\"] Size: 4 [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"5\"] Size: 5 [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"6\"] Size: 6 [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"7\"] Size: 7 [\/su_button]\n\n[su_button url=\"https:\/\/getshortcodes.com\/\" target=\"blank\" size=\"8\"] Size: 8 [\/su_button]\n<\/code><\/pre>\n<\/details>\n\n\n\n
Wide and Centered<\/h2>\n\n\n  BUY NOW <\/span><\/a>\n
  BUY NOW <\/span><\/a><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"orangered\" size=\"5\" target=\"blank\" style=\"default\" wide=\"yes\"] BUY NOW [\/su_button]\n[su_button url=\"https:\/\/getshortcodes.com\/\" background=\"orangered\" size=\"5\" target=\"blank\" style=\"default\" center=\"yes\"] BUY NOW [\/su_button]<\/code><\/pre>\n<\/details>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-44062","demo-modal","type-demo-modal","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal\/44062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo-modal"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=44062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}