---
title: Button
slug: hyperdealer/button
icon: 🔘
docTags: 
createdAt: 2021-07-27T15:01:28.000Z
---

Entity: <u>Website > Button</u>

This entity used in multimple places.



**Fields:**

- Link - Enter a link that the user will navigate too (this will not open in a new tab). Read more details about link in next section.
- Icon type - icon style and name (example: "fas fa-times") from catalog [https://fontawesome.com/v5.15/icons?d=gallery\&p=2\&m=free](https://fontawesome.com/v5.15/icons?d=gallery\&p=2\&m=free). Icon will be inside your button.
- Primary? - should link background have a primary color?
- Order - The banners can then be ordered according to preference using a weighted system, whereby we sort in ascending. E.g.: 1, 5, 9.
- Popup message - message that will be shown on click if "Link" field is empty.



**Link field usage :**

- To add call link use `tel: +1 999 1234567`&#x20;
- To add external link use `https://example.com/`
- To link button with vehicle form use `contact/testdrive` or `contact/enquiry`&#x20;
- For relative link use '/' on begin `/vehicles/used` or `/` for home page



**Example:**

****

![](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/xDuZYlHoZch2FTaSuhmx5_screenshot-2021-07-27-at-182433.png "Buttons example. Vehicle detail page.")



