Button widget
The Button widget is Elementor’s own button, with one difference: its link comes from a property of the row. Use it for a call to action that differs per page, such as Email the Amsterdam team. Find it in the RowSprout group of the widget panel while you edit a template.
Settings
Section titled “Settings”Content tab, Link section:
| Setting | What it does |
|---|---|
| Link property | The property the button links to: a URL, an Email (opens the visitor’s mail app) or a Phone property (calls the number; Phone is a RowSprout Pro property type). |
| Open in new tab | Opens the link in a new tab. |
| Add nofollow | Adds rel="nofollow" to the link. |
| Text property | Optional: take the button text from a Text field property. With – Use the button text –, the text from the Button section is used. |
Content tab, Button section: the text, icon and other options of Elementor’s Button, except the link.
Style tab: the same style options as Elementor’s Button.
How it works
Section titled “How it works”- Email becomes a
mailto:link and Phone atel:link. Spaces and dashes in a phone number are left out of the link, so020 - 123 45 67still dials. - An empty link hides the button. When a row leaves the link property empty, the button is not shown on that page: a button that goes nowhere is worse than none.
- While you edit the template, the button always shows, linking to the preview group’s value or to
#, so you can style it.