Creating & Linking a Button in Elementor
Add a new button to a page and set the link destination
BNP Engage
16 steps
2 minutes
1
Click the "+" in the top left corner to bring up the widget menu on the left
2
Select "Button"...
3
... and drag it onto the page
4
With the button selected, change the button text in the "Text" field on the left
5
Add a link to a button using the "Link" field
To link to a page or post ON THE SAME WEBSITE, use Elementor's dynamic option, as outlined below.\ For links to an outside website/URL, scroll down.
6
To link to a page or post ON THE SAME WEBSITE (also called a "relative link"), use Elementor's dynamic option, represented by the three stacked circle icon in the far right of the Link field.
7
Click "Internal URL"
8
Click "Internal URL" again to open the submenu
9
To link to another page or post, choose "Content". For an image, PDF, or other document stored in the media library, choose "Media".
10
Click into the search and select field, which is set to "All" as default
11
Start typing the name of the page or post you want to link. The list below should populate as you type. Find and choose the correct link.
12
Your internal link is now set. Save your work!
To link to a destination on a different URL/website, follow the directions below
13
To link away from the current site, enter the entire hyperlink into the link field.
14
Be sure to add the entire link, including http://www. (also called an absolute link). The easiest way to do this is to copy the URL from another tab or window, and paste it into the "Link" field.
15
For offsite links, it may be beneficial to open the new link in a new tab or window, if you do not want to the user to be completely redirected away from the current site. To do this, click the gear icon to open options.
16
Click the "Open in new window" field.
Creating & Linking a Button in Elementor
Add a new button to a page and set the link destination
BNP Engage
16 steps
2 minutes
1
Click the "+" in the top left corner to bring up the widget menu on the left
2
Select "Button"...
3
... and drag it onto the page
4
With the button selected, change the button text in the "Text" field on the left
5
Add a link to a button using the "Link" field
To link to a page or post ON THE SAME WEBSITE, use Elementor's dynamic option, as outlined below.\ For links to an outside website/URL, scroll down.
6
To link to a page or post ON THE SAME WEBSITE (also called a "relative link"), use Elementor's dynamic option, represented by the three stacked circle icon in the far right of the Link field.
7
Click "Internal URL"
8
Click "Internal URL" again to open the submenu
9
To link to another page or post, choose "Content". For an image, PDF, or other document stored in the media library, choose "Media".
10
Click into the search and select field, which is set to "All" as default
11
Start typing the name of the page or post you want to link. The list below should populate as you type. Find and choose the correct link.
12
Your internal link is now set. Save your work!
To link to a destination on a different URL/website, follow the directions below
13
To link away from the current site, enter the entire hyperlink into the link field.
14
Be sure to add the entire link, including http://www. (also called an absolute link). The easiest way to do this is to copy the URL from another tab or window, and paste it into the "Link" field.
15
For offsite links, it may be beneficial to open the new link in a new tab or window, if you do not want to the user to be completely redirected away from the current site. To do this, click the gear icon to open options.
16
Click the "Open in new window" field.
