{"id":858,"date":"2025-03-25T05:40:36","date_gmt":"2025-03-25T05:40:36","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/"},"modified":"2025-06-23T06:21:57","modified_gmt":"2025-06-23T06:21:57","slug":"advanced-button","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/","title":{"rendered":"Advanced Button Widget Documentation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Before setting up the <strong>Advanced Button<\/strong>, make sure that the <strong>Animation Addons for Elementor<\/strong> plugin is <strong>installed <\/strong>and <strong>activated <\/strong>on your site. Once activated, you\u2019ll have access to all<strong> free Elementor widgets<\/strong>, including the <strong>Advanced Button<\/strong>\u2014at no cost! Additionally, you can explore both <strong>free <\/strong>and <strong>pro <\/strong>widgets by<strong> filtering the selection options.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1194\" height=\"506\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-1.webp\" alt=\"Advanced Button 1\" class=\"wp-image-15476\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-1.webp 1194w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-1-300x127.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-1-1024x434.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-1-768x325.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-1-20x8.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-1-32x14.webp 32w\" sizes=\"(max-width: 1194px) 100vw, 1194px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key Use Cases for the Advanced Button in Elementor:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Advanced Button widget in Elementor lets you create customizable, stylish buttons with various design and hover effects to boost user engagement.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the Advanced Button widget to create highly customizable, interactive buttons with unique hover effects, shapes, and styles.<\/li>\n\n\n\n<li>Customize button design, actions, and animations to enhance user experience and drive engagement on your website.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prerequisite<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor<\/li>\n\n\n\n<li>Animation Addons for Elementor<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Activate the Advanced Button Widget<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Animation Addons \u2192 Elements<\/strong> in your WordPress dashboard.<\/li>\n\n\n\n<li>Find the <strong>Advanced Button Widget<\/strong> in the list.<\/li>\n\n\n\n<li>Toggle it on to enable the widget.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Now, the <strong>Advanced Button Widget<\/strong> is ready to use!<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1135\" height=\"455\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-2.webp\" alt=\"Advanced Button 2\" class=\"wp-image-15477\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-2.webp 1135w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-2-300x120.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-2-1024x411.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-2-768x308.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-2-20x8.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-2-32x13.webp 32w\" sizes=\"(max-width: 1135px) 100vw, 1135px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How to Add an Advanced Button Widget in Elementor:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Elementor panel, search for the <strong>Advanced Button Widget<\/strong>.<\/li>\n\n\n\n<li>Drag and drop the widget into the desired section.<\/li>\n\n\n\n<li>Customize the button settings using the available options in the Elementor panel.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1365\" height=\"440\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-3.webp\" alt=\"Advanced Button 3\" class=\"wp-image-15478\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-3.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-3-300x97.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-3-1024x330.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-3-768x248.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-3-20x6.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-3-32x10.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Your <strong>Advanced Button Widget<\/strong> is now ready to use!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Configuring Advanced Button Widget: A Step-by-Step Guide<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once the <strong>Advanced Button Widget<\/strong> is added to your page, you can configure its settings under different tabs: <strong>Content,Style, and Advanced.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"534\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4.webp\" alt=\"Advanced Button 4\" class=\"wp-image-15479\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4.webp 500w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4-281x300.webp 281w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4-20x20.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4-30x32.webp 30w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4-16x16.webp 16w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4-300x320.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-4-18x18.webp 18w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Content Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will find only one option \u2013 <strong>Button<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"534\" height=\"506\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-5.webp\" alt=\"Advanced Button 5\" class=\"wp-image-15480\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-5.webp 534w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-5-300x284.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-5-20x20.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-5-32x30.webp 32w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-5-16x16.webp 16w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-5-18x18.webp 18w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In the Button section, you will find the following customization options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Styles: <\/strong>Choose from 8 predefined button styles.<\/li>\n\n\n\n<li><strong>Text: <\/strong>Customize the text displayed on the button.<\/li>\n\n\n\n<li><strong>Icon: <\/strong>Add an icon to the button.<\/li>\n\n\n\n<li><strong>Icon Position: <\/strong>Control the position of the icon (before or after the text).<\/li>\n\n\n\n<li><strong>Link:<\/strong> Set the link for the button (URL).<\/li>\n\n\n\n<li><strong>Alignment: <\/strong>Adjust the alignment of the button (left, center, or right).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These options allow you to tailor the appearance and functionality of the button to suit your design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Style Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Within the <strong>Style<\/strong> tab, the <strong>Button<\/strong> section provides a range of design customization options to enhance the visual appeal and usability of your button. Here&#8217;s what you can configure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Typography<\/strong>: Customize the font style, size, weight, and spacing of the button text.<\/li>\n\n\n\n<li><strong>Background Type<\/strong>: Choose between classic or gradient backgrounds for the button.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Define the thickness of the button border.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Adjust the roundness of the button corners.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Control the space inside the button for balanced text and icon placement.<\/li>\n\n\n\n<li><strong>Icon Size<\/strong>: Set the size of the icon used in the button.<\/li>\n\n\n\n<li><strong>Gap<\/strong>: Manage the spacing between the icon and the button text.<\/li>\n\n\n\n<li><strong>Color<\/strong>: Choose the text color of the button.<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Select a color for the button border.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"460\" height=\"599\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-6.webp\" alt=\"Advanced Button 6\" class=\"wp-image-15481\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-6.webp 460w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-6-230x300.webp 230w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-6-15x20.webp 15w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-6-25x32.webp 25w\" sizes=\"(max-width: 460px) 100vw, 460px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">These options give you complete control over the button\u2019s appearance, helping you align it perfectly with your site\u2019s design language.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the advanced settings, you\u2019ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"591\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-7.webp\" alt=\"Advanced Button 7\" class=\"wp-image-15482\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-7.webp 344w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-7-175x300.webp 175w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-7-12x20.webp 12w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-7-19x32.webp 19w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Final Outcome<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it! You\u2019ve successfully learned how to configure the <strong>Advanced Button widget <\/strong>in Elementor to create stylish and interactive buttons for your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For any further assistance or inquiries, feel free to contact our support team!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/animation-addons.com\/widgets\/aae-advanced-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Before setting up the Advanced Button, make sure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you\u2019ll have access to all free Elementor widgets, including the Advanced Button\u2014at no cost! Additionally, you can explore both free and pro widgets by filtering the selection options. Key Use Cases [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17076,"parent":43,"menu_order":24,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-858","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Advanced Button Widget Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"Explore how to use the Advanced Button Widget in Animation Addons for Elementor. Configure button text, icons, styles, and interactions with full design flexibility.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Button Widget Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Explore how to use the Advanced Button Widget in Animation Addons for Elementor. Configure button text, icons, styles, and interactions with full design flexibility.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-23T06:21:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-Widget-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"48\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/\",\"name\":\"Advanced Button Widget Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Advanced-Button-Widget-Featured-Image.png\",\"datePublished\":\"2025-03-25T05:40:36+00:00\",\"dateModified\":\"2025-06-23T06:21:57+00:00\",\"description\":\"Explore how to use the Advanced Button Widget in Animation Addons for Elementor. Configure button text, icons, styles, and interactions with full design flexibility.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Advanced-Button-Widget-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Advanced-Button-Widget-Featured-Image.png\",\"width\":48,\"height\":48,\"caption\":\"Advanced Button Widget Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/advanced-button\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"General Widgets\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Advanced Button Widget Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Advanced Button Widget Documentation - Animation Addons","description":"Explore how to use the Advanced Button Widget in Animation Addons for Elementor. Configure button text, icons, styles, and interactions with full design flexibility.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/","og_locale":"en_US","og_type":"article","og_title":"Advanced Button Widget Documentation - Animation Addons","og_description":"Explore how to use the Advanced Button Widget in Animation Addons for Elementor. Configure button text, icons, styles, and interactions with full design flexibility.","og_url":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-06-23T06:21:57+00:00","og_image":[{"width":48,"height":48,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-Widget-Featured-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/","url":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/","name":"Advanced Button Widget Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-Widget-Featured-Image.png","datePublished":"2025-03-25T05:40:36+00:00","dateModified":"2025-06-23T06:21:57+00:00","description":"Explore how to use the Advanced Button Widget in Animation Addons for Elementor. Configure button text, icons, styles, and interactions with full design flexibility.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-Widget-Featured-Image.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Advanced-Button-Widget-Featured-Image.png","width":48,"height":48,"caption":"Advanced Button Widget Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/advanced-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"General Widgets","item":"https:\/\/animation-addons.com\/docs\/general-widgets\/"},{"@type":"ListItem","position":3,"name":"Advanced Button Widget Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=858"}],"version-history":[{"count":10,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/858\/revisions"}],"predecessor-version":[{"id":17485,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/858\/revisions\/17485"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/43"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17076"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=858"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=858"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}