{"version":"1.0","provider_name":"Academy","provider_url":"https:\/\/elementor.com\/academy","author_name":"Hodaya","author_url":"https:\/\/elementor.com\/academy\/author\/hodaya\/","title":"How to Use the Button Widget in Elementor - Academy","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"s79QtfBF0A\"><a href=\"https:\/\/elementor.com\/academy\/how-to-use-the-button-widget-in-elementor\/\">How to Use the Button Widget in Elementor<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/elementor.com\/academy\/how-to-use-the-button-widget-in-elementor\/embed\/#?secret=s79QtfBF0A\" width=\"600\" height=\"338\" title=\"&#8220;How to Use the Button Widget in Elementor&#8221; &#8212; Academy\" data-secret=\"s79QtfBF0A\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/elementor.com\/academy\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Button-Widget-1.jpg","thumbnail_width":1920,"thumbnail_height":1080,"description":"Overview Transcript Overview In this tutorial, we will learn how to use and style the popular button widget within Elementor. We\u2019ll walk you through it step by step, so you know how to create stylish buttons for any website project. This tutorial will cover: \u2714 How to insert buttons into your content \u2714 Styling your [&hellip;]"}