{"id":57300,"date":"2025-05-19T15:52:08","date_gmt":"2025-05-19T12:52:08","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=57300"},"modified":"2026-03-30T16:33:15","modified_gmt":"2026-03-30T13:33:15","slug":"button-element","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/button-element\/","title":{"rendered":"Button element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"57300\" class=\"elementor elementor-57300\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62f6fdfe e-flex e-con-boxed e-con e-parent\" data-id=\"62f6fdfe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a1029b elementor-widget elementor-widget-text-editor\" data-id=\"5a1029b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><div class=\"hbox callout-default\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Who can use this feature:<\/strong>\n                    <div class=\"hcontent\">This article is for Editor v4 users. If you&#8217;re using Editor v3, check out the relevant article here: <a href=\"https:\/\/elementor.com\/help\/button-widget\/\">Button Widget<\/a><\/div>\n                <\/div>\n            <\/div><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fde415 elementor-widget elementor-widget-heading\" data-id=\"6fde415\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add and delete the element<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33698ea6 e-flex e-con-boxed e-con e-child\" data-id=\"33698ea6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20742301 elementor-widget elementor-widget-image\" data-id=\"20742301\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-57658\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f58630 elementor-widget elementor-widget-n-accordion\" data-id=\"6f58630\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1160\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1160\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the element to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1160\" class=\"elementor-element elementor-element-331d3595 e-con-full e-flex e-con e-child\" data-id=\"331d3595\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7309375a elementor-widget elementor-widget-text-editor\" data-id=\"7309375a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"122\"><strong data-renderer-mark=\"true\">To access and use a widget:<\/strong><\/p><ol class=\"ak-ol\" start=\"1\" data-indent-level=\"1\"><li><p data-renderer-start-pos=\"153\">In Elementor Editor, click +. <br \/>All available elements are displayed.<\/p><\/li><li><p data-renderer-start-pos=\"224\">Click or drag the element to the canvas. For more information, see <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\">Add elements to a page<\/a>.<\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1161\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1161\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Delete the element <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1161\" class=\"elementor-element elementor-element-332f7c74 e-con-full e-flex e-con e-child\" data-id=\"332f7c74\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a012d6a elementor-widget elementor-widget-text-editor\" data-id=\"3a012d6a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"224\"><strong>To delete the widget<\/strong>:<\/p><ol class=\"wp-block-list\"><li>On the canvas, select the element by clicking it.<\/li><li>Press the delete key on your keyboard. For more information, see <a href=\"https:\/\/elementor.com\/help\/how-to-delete-a-widget\/\">Delete elements from a page<\/a>.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65ce9a08 e-flex e-con-boxed e-con e-parent\" data-id=\"65ce9a08\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cfcc8e0 elementor-widget elementor-widget-heading\" data-id=\"4cfcc8e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is the Button element? \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d0c3c0b elementor-widget elementor-widget-text-editor\" data-id=\"4d0c3c0b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Buttons on a website are crucial in guiding user actions, providing clear calls to action, and enhancing overall user engagement. Buttons let you add interactive and visually appealing buttons on your site.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18488565 elementor-widget elementor-widget-heading\" data-id=\"18488565\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78b1d030 elementor-widget elementor-widget-text-editor\" data-id=\"78b1d030\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Blair is building a website for a gym. At the top of the homepage they want to add a button to the Hero section. Visitors clicking the button will go to a registration page. a striking button that will draw the attention of potential customers.<\/span><\/p><p>Instead of using stars for their ratings, Jaime decides to use dollar signs for the value rating and hearts for their reaction rating. In addition, they decide to value will be ranked 1-5, while reaction will be ranked 1-10.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4034105f elementor-widget elementor-widget-image\" data-id=\"4034105f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"456\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-1-1024x584.png\" class=\"attachment-large size-large wp-image-57301\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-1-1024x584.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-1-300x171.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-1-768x438.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-1-1536x875.png 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65f9ec90 elementor-widget elementor-widget-text-editor\" data-id=\"65f9ec90\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><strong>Additional use cases\u00a0<\/strong><\/h3><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use the Button element to create a stunning portfolio gallery. Each Button can be linked to a project page or a detailed view.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">If you\u2019re hosting an event or webinar, the Button element can help you create visually appealing banners or posters.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use Buttons to display before and after transformations for home renovations, fitness progress, or any other transformation journey.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ef3d0c e-flex e-con-boxed e-con e-parent\" data-id=\"3ef3d0c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2827ed elementor-widget elementor-widget-heading\" data-id=\"2827ed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add a Button element: Step-by-step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d1bc551 e-flex e-con-boxed e-con e-parent\" data-id=\"1d1bc551\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc0aa31 elementor-widget elementor-widget-text-editor\" data-id=\"2dc0aa31\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add the Button element to the canvas. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span style=\"font-weight: 400;\">Add elements to a page<\/span><\/a><span style=\"font-weight: 400;\">.<br \/><img decoding=\"async\" class=\"alignnone wp-image-58201 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Add-teh-element-to-the-canvas-scaled.webp\" alt=\"\" width=\"2560\" height=\"1593\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Add-teh-element-to-the-canvas-scaled.webp 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Add-teh-element-to-the-canvas-300x187.webp 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Add-teh-element-to-the-canvas-1024x637.webp 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Add-teh-element-to-the-canvas-768x478.webp 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Add-teh-element-to-the-canvas-1536x956.webp 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Add-teh-element-to-the-canvas-2048x1274.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/>The options for the Button element appear in the left panel.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58203 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Enter-get-started-scaled.webp\" alt=\"\" width=\"2560\" height=\"1293\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Enter-get-started-scaled.webp 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Enter-get-started-300x151.webp 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Enter-get-started-1024x517.webp 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Enter-get-started-768x388.webp 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Enter-get-started-1536x776.webp 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Enter-get-started-2048x1034.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><br \/><\/span><\/li><li aria-level=\"1\">In the <b>General<\/b> tab, in the Button text field, enter <b>Get Started<\/b>.<br \/>We want the button to link to a registration page.<br \/><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">You can also edit the button text inline, on the canvas.<\/div>\n                <\/div>\n            <\/div><br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58204\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-plus-sign-2-241x300.png\" alt=\"\" width=\"241\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-plus-sign-2-241x300.png 241w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-plus-sign-2.png 594w\" sizes=\"(max-width: 241px) 100vw, 241px\" \/><\/li><li aria-level=\"1\">Click the plus sign next to <b>Link<\/b>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58205\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-url-2-202x300.png\" alt=\"\" width=\"202\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-url-2-202x300.png 202w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/enter-the-url-2.png 594w\" sizes=\"(max-width: 202px) 100vw, 202px\" \/><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">In the <\/span><b>Link<\/b><span style=\"font-weight: 400;\"> text box, add the URL of the page you want to link to.<br \/>The button is a little big for our design, so let\u2019s make it smaller.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58206 size-medium\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-size-field-1-148x300.png\" alt=\"\" width=\"148\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-size-field-1-148x300.png 148w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-size-field-1-507x1024.png 507w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-size-field-1.png 592w\" sizes=\"(max-width: 148px) 100vw, 148px\" \/><br \/><\/span><\/li><li aria-level=\"1\">Open the <b>Size<\/b> field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58207\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-size-to-200-1-141x300.png\" alt=\"\" width=\"141\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-size-to-200-1-141x300.png 141w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-size-to-200-1-480x1024.png 480w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-size-to-200-1.png 600w\" sizes=\"(max-width: 141px) 100vw, 141px\" \/><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Set the <\/span><b>Width<\/b><span style=\"font-weight: 400;\"> to <\/span><b>200<\/b><span style=\"font-weight: 400;\"> and <\/span><b>Height<\/b><span style=\"font-weight: 400;\"> to <\/span><b>50<\/b><span style=\"font-weight: 400;\">.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58208\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-Style-tab-3-233x300.png\" alt=\"\" width=\"233\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-Style-tab-3-233x300.png 233w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-Style-tab-3.png 598w\" sizes=\"(max-width: 233px) 100vw, 233px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <\/span><b>Style<\/b><span style=\"font-weight: 400;\"> tab.<br \/>Let\u2019s change the text style to match the rest of the site.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58209\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-typography-field-1-143x300.png\" alt=\"\" width=\"143\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-typography-field-1-143x300.png 143w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-typography-field-1-490x1024.png 490w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-typography-field-1.png 588w\" sizes=\"(max-width: 143px) 100vw, 143px\" \/><br \/><\/span><\/li><li aria-level=\"1\">Open the <b>Typography<\/b> field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58210\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/typography-settings-1-121x300.png\" alt=\"\" width=\"121\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/typography-settings-1-121x300.png 121w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/typography-settings-1-414x1024.png 414w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/typography-settings-1.png 576w\" sizes=\"(max-width: 121px) 100vw, 121px\" \/><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Use the <\/span><b>Font Family<\/b><span style=\"font-weight: 400;\"> dropdown to select <\/span><b>Sora<\/b><span style=\"font-weight: 400;\">. For details, see <a href=\"https:\/\/elementor.com\/help\/style-tab-typography\">Style tab &#8211; Typography<\/a>.<\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Use the <\/span><b>Font Weight<\/b><span style=\"font-weight: 400;\"> dropdown to select <\/span><b>600<\/b><span style=\"font-weight: 400;\">.<\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Use the <\/span><b>Font Size<\/b><span style=\"font-weight: 400;\"> field to select <\/span><b>16<\/b><span style=\"font-weight: 400;\">.<br \/>The design calls for a transparent background.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58211\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-background-field-1-150x300.png\" alt=\"\" width=\"150\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-background-field-1-150x300.png 150w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-background-field-1-513x1024.png 513w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/open-the-background-field-1.png 622w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><br \/><\/span><\/li><li aria-level=\"1\">Open the <b>Background<\/b> section.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58215\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-trasparent-patch-1-138x300.png\" alt=\"\" width=\"138\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-trasparent-patch-1-138x300.png 138w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-trasparent-patch-1-472x1024.png 472w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-trasparent-patch-1.png 618w\" sizes=\"(max-width: 138px) 100vw, 138px\" \/><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Click the color swatch to open the color picker. For details, see <a href=\"https:\/\/elementor.com\/help\/use-the-color-picker\">Use the color picker<\/a>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58213\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-opacity-to-0-1-171x300.png\" alt=\"\" width=\"171\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-opacity-to-0-1-171x300.png 171w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-opacity-to-0-1-582x1024.png 582w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-opacity-to-0-1-768x1350.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-opacity-to-0-1-874x1536.png 874w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-opacity-to-0-1.png 876w\" sizes=\"(max-width: 171px) 100vw, 171px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Set the opacity to 0%.<br \/>Now let\u2019s shape the button. In this case we want a rounded button with a white border.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58214\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-Border-section-1-152x300.png\" alt=\"\" width=\"152\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-Border-section-1-152x300.png 152w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-Border-section-1-518x1024.png 518w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-Border-section-1.png 624w\" sizes=\"(max-width: 152px) 100vw, 152px\" \/><br \/><\/span><\/li><li aria-level=\"1\">Open the <b>Border<\/b> section.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58216\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-adjust-borders-icon-1-126x300.png\" alt=\"\" width=\"126\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-adjust-borders-icon-1-126x300.png 126w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-adjust-borders-icon-1-429x1024.png 429w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-adjust-borders-icon-1.png 624w\" sizes=\"(max-width: 126px) 100vw, 126px\" \/><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <\/span><b>Adjust Borders<\/b><span style=\"font-weight: 400;\"> icon.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58217\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-border-radius-1-121x300.png\" alt=\"\" width=\"121\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-border-radius-1-121x300.png 121w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-border-radius-1-414x1024.png 414w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-border-radius-1-620x1536.png 620w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-the-border-radius-1.png 622w\" sizes=\"(max-width: 121px) 100vw, 121px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Enter <\/span><b>50<\/b><span style=\"font-weight: 400;\"> in the number field for all the corners.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58222\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-border-plus-sign-1-133x300.png\" alt=\"\" width=\"133\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-border-plus-sign-1-133x300.png 133w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-border-plus-sign-1-453x1024.png 453w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/click-the-border-plus-sign-1.png 614w\" sizes=\"(max-width: 133px) 100vw, 133px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Click the plus sign by <\/span><b>Border<\/b><span style=\"font-weight: 400;\">.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58223\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-width-to-2-1-113x300.png\" alt=\"\" width=\"113\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-width-to-2-1-113x300.png 113w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-width-to-2-1-385x1024.png 385w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-width-to-2-1-577x1536.png 577w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-width-to-2-1.png 588w\" sizes=\"(max-width: 113px) 100vw, 113px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Use the number field to increase the <\/span><b>Border width<\/b><span style=\"font-weight: 400;\"> to <\/span><b>2<\/b><span style=\"font-weight: 400;\">.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58224\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-color-1-112x300.png\" alt=\"\" width=\"112\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-color-1-112x300.png 112w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-color-1-382x1024.png 382w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-color-1-574x1536.png 574w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Set-border-color-1.png 584w\" sizes=\"(max-width: 112px) 100vw, 112px\" \/><br \/><\/span><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Set the color as <\/span><b>#FFFFFF<\/b><span style=\"font-weight: 400;\">.<br \/>To help the button stand out, we can change its appearance when users hover over it. Hover is called a state and elements can be edited to change appearance depending on its state. For details, see <a href=\"https:\/\/elementor.com\/help\/element-states\">Element states<\/a>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58226\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-ellipses-1-151x300.png\" alt=\"\" width=\"151\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-ellipses-1-151x300.png 151w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-ellipses-1-516x1024.png 516w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Click-the-ellipses-1.png 620w\" sizes=\"(max-width: 151px) 100vw, 151px\" \/><br \/><\/span><\/li><li aria-level=\"1\">In the <strong>Classes<\/strong> text field, click the ellipses next to the word <b>local<\/b>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58227\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Select-hover-from-the-dropdown-1-137x300.png\" alt=\"\" width=\"137\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Select-hover-from-the-dropdown-1-137x300.png 137w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Select-hover-from-the-dropdown-1-469x1024.png 469w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Select-hover-from-the-dropdown-1.png 618w\" sizes=\"(max-width: 137px) 100vw, 137px\" \/><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Select <\/span><b>Hover<\/b><span style=\"font-weight: 400;\"> from the dropdown menu.<br \/>Notice the word <strong>hover<\/strong> appears in the <strong>Classes<\/strong> text box and is colored pink. This indicates that we are now editing how the button will appear when visitors mouse over it.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-58228\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-color-picker-2-174x300.png\" alt=\"\" width=\"174\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-color-picker-2-174x300.png 174w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-color-picker-2-593x1024.png 593w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-color-picker-2-768x1327.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-color-picker-2-889x1536.png 889w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Open-the-color-picker-2.png 890w\" sizes=\"(max-width: 174px) 100vw, 174px\" \/><br \/><\/span><\/li><li aria-level=\"1\">Click the swatch by <b>Color<\/b> to open the color picker.<\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\">Change the <\/span><b>Hex<\/b><span style=\"font-weight: 400;\"> color number to #FFFFFF and the opacity to 100%.<br \/>When users mouse over the button it turns white.\u00a0<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-58230 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result.webp\" alt=\"\" width=\"2548\" height=\"1452\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result.webp 2548w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-300x171.webp 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-1024x584.webp 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-768x438.webp 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-1536x875.webp 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-result-2048x1167.webp 2048w\" sizes=\"(max-width: 2548px) 100vw, 2548px\" \/><br \/>The button is ready.<\/span><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29ca218 e-flex e-con-boxed e-con e-parent\" data-id=\"29ca218\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e78b69 elementor-widget elementor-widget-heading\" data-id=\"3e78b69\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for the Button element\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27119a6 elementor-widget elementor-widget-text-editor\" data-id=\"27119a6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">You can customize your elements using content and style, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this element.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-942c8f1 elementor-widget elementor-widget-heading\" data-id=\"942c8f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">General tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d35b04c elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"d35b04c\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;start&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"221622348\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2216223481\" data-tab-title-id=\"e-n-tab-title-2216223481\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2216223481\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tContent\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2216223482\" data-tab-title-id=\"e-n-tab-title-2216223482\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2216223482\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tSettings\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-2216223481\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2216223481\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-202cfac e-con-full e-flex e-con e-child\" data-id=\"202cfac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab0ad1 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"7ab0ad1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"614\" height=\"438\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/General-content-3.png\" class=\"attachment-large size-large wp-image-58846\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/General-content-3.png 614w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/General-content-3-300x214.png 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62a4747 elementor-widget elementor-widget-n-accordion\" data-id=\"62a4747\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1030\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1030\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Button text <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1030\" class=\"elementor-element elementor-element-e9c223e e-con-full e-flex e-con e-child\" data-id=\"e9c223e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db24a8a elementor-widget elementor-widget-text-editor\" data-id=\"db24a8a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The text that appears in the button.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2216223482\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2216223482\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-7af40a9 e-con-full e-flex e-con e-child\" data-id=\"7af40a9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b132602 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"b132602\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"614\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/General-settings-1.png\" class=\"attachment-large size-large wp-image-58847\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/General-settings-1.png 618w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/General-settings-1-300x298.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/General-settings-1-150x150.png 150w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b7fd6a elementor-widget elementor-widget-n-accordion\" data-id=\"9b7fd6a\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1630\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1630\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Link <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1630\" class=\"elementor-element elementor-element-0b2e724 e-con-full e-flex e-con e-child\" data-id=\"0b2e724\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef5798f elementor-widget elementor-widget-text-editor\" data-id=\"ef5798f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Click the plus sign to enter a link. Visitors clicking the button will open the link.\u00a0<\/span><\/p><p><b>Open in a new tab<\/b><span style=\"font-weight: 400;\">: If the Button contains a link, toggle on if you want the link to open in a new tab.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1631\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1631\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> ID <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1631\" class=\"elementor-element elementor-element-b6d320a e-con-full e-flex e-con e-child\" data-id=\"b6d320a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8331143 elementor-widget elementor-widget-text-editor\" data-id=\"8331143\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"ltr\">Allows you to tag individual elements on a page. This way you can link to this specific element.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c42fed elementor-widget elementor-widget-heading\" data-id=\"0c42fed\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Style tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-831ae21 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"831ae21\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;start&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"137473569\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1374735691\" data-tab-title-id=\"e-n-tab-title-1374735691\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1374735691\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tStyle\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1374735691\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1374735691\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-5b892ba e-con-full e-flex e-con e-child\" data-id=\"5b892ba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-885404a elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"885404a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"504\" height=\"1024\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Style-tab-2-504x1024.png\" class=\"attachment-large size-large wp-image-57346\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Style-tab-2-504x1024.png 504w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Style-tab-2-148x300.png 148w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Style-tab-2.png 534w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be6126d elementor-widget elementor-widget-n-accordion\" data-id=\"be6126d\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1990\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1990\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Style options <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1990\" class=\"elementor-element elementor-element-aa00cf3 e-con-full e-flex e-con e-child\" data-id=\"aa00cf3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0337922 elementor-widget elementor-widget-text-editor\" data-id=\"0337922\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">See the individual articles on Style options:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-layout\"><span style=\"font-weight: 400;\">Layout<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-spacing\"><span style=\"font-weight: 400;\">Spacing<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-size\"><span style=\"font-weight: 400;\">Size<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-position\"><span style=\"font-weight: 400;\">Position<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-typography\"><span style=\"font-weight: 400;\">Typography<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-background\"><span style=\"font-weight: 400;\">Background<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-border\"><span style=\"font-weight: 400;\">Border<\/span><\/a><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/elementor.com\/help\/style-tab-effects\"><span style=\"font-weight: 400;\">Effects<\/span><\/a><\/li><\/ul><p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Add and delete the element Add the element to the canvas To access and use a widget: In Elementor Editor, click +. All available elements are displayed. Click or drag the element to the canvas. For more information, see Add elements to a page. Delete the element To delete the widget: On the canvas, select [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1505],"tags":[1513],"class_list":["post-57300","post","type-post","status-publish","format-standard","hentry","category-elements","tag-v4"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Button element | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Button element in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/button-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Button element | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Button element in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/button-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:52:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T13:33:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"228\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/button-element\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/button-element\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Button element\",\"datePublished\":\"2025-05-19T12:52:08+00:00\",\"dateModified\":\"2026-03-30T13:33:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/button-element\/\"},\"wordCount\":1028,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/button-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3-150x150.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Elements\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/button-element\/\",\"url\":\"https:\/\/elementor.com\/help\/button-element\/\",\"name\":\"Button element | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/button-element\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/button-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3-150x150.png\",\"datePublished\":\"2025-05-19T12:52:08+00:00\",\"dateModified\":\"2026-03-30T13:33:15+00:00\",\"description\":\"Learn everything about Button element in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/button-element\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/button-element\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/button-element\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3.png\",\"width\":228,\"height\":180},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/button-element\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elements\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/elements\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Button element\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Button element | Elementor","description":"Learn everything about Button element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/button-element\/","og_locale":"en_US","og_type":"article","og_title":"Button element | Elementor","og_description":"Learn everything about Button element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/button-element\/","og_site_name":"Help","article_published_time":"2025-05-19T12:52:08+00:00","article_modified_time":"2026-03-30T13:33:15+00:00","og_image":[{"width":228,"height":180,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/button-element\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/button-element\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Button element","datePublished":"2025-05-19T12:52:08+00:00","dateModified":"2026-03-30T13:33:15+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/button-element\/"},"wordCount":1028,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/button-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3-150x150.png","keywords":["V4"],"articleSection":["Elements"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/button-element\/","url":"https:\/\/elementor.com\/help\/button-element\/","name":"Button element | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/button-element\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/button-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3-150x150.png","datePublished":"2025-05-19T12:52:08+00:00","dateModified":"2026-03-30T13:33:15+00:00","description":"Learn everything about Button element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/button-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/button-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/button-element\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/The-widget-3.png","width":228,"height":180},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/button-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/v4-editor\/"},{"@type":"ListItem","position":3,"name":"Elements","item":"https:\/\/elementor.com\/help\/v4-editor\/elements\/"},{"@type":"ListItem","position":4,"name":"Button element"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=57300"}],"version-history":[{"count":13,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57300\/revisions"}],"predecessor-version":[{"id":166688,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57300\/revisions\/166688"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=57300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=57300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=57300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}