How to add & change a link in content and turn it into a button

How to add & change a link in content and turn it into a button



  1. Navigate to the WYSIWYG you want to add the button to
  2. Enter the text for the button
  3. Then apply a link to that text (you have to apply the link first in order for the button options to appear)
  4. Once you have your link in place, find the formats dropdown
  5. From the formats dropdown, select the button style you want for that button

Video Transcript

0:00 Hello, in this video I'm going to show you how to edit and change buttons, as well as apply button styling to any new content that you enter into a page.
0:09 Uh, currently I'm looking at the Sandbox's Contact Us page, and this secondary button here is the one that I'm intending to change.
0:16 So I'll go up to the top and select Edit with Elementor, so it takes me right into the Elementor backend.
0:25 And I can click on this sidebar to edit the elements in here. Now by selecting this link here, what you can do is hit the Edit button if you want to maintain the style that is already placed.
0:36 And then if you click on this link options, it'll open up the link editor so you can edit both the link text and the URL at the same time.
0:44 You can also open the link in a brand new tab if it is an offsite link leaving your website. Once you're done, hit Update and it'll apply the change and it will retain the styling that is already in place.
0:56 However, say you want to add in a second button style or you want to change the style, you can do that by entering in text, highlighting that text, adding a link, you can either add either get to it up here, or you can also hit command V, or command K, or control K, depending on which, uh, system you're
1:21 using, and that will bring up this, uh, link editor again. You can hit the link options, or Or you can just type the link in here if you know what you're looking for, hit apply, and now when you highlight this and go up to formats, you'll see you can now access the button styling.
1:40 If you don't have a link in here, those button stylings will not be available to you. So you first have to put in a link if you want to then change the style or apply a style.
1:52 And then you can choose the one that you want, and you can see off to the right, we now have one button that uses the primary style, Bye.
2:01 and another button that uses the secondary style. So that's how you edit and style your buttons. Thanks for watching.