---
description: Guide on how to use Lisfinity Button shortcode
---

# Lisfinity Button

In the **Lisfinity Button Shortcode,** you can place an icon and link, and style the button as you want.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGrVuls325c3SaJgydi%2F-MGrWBIRhmUUck4FtgRw%2Flisfinity-button.jpg?alt=media\&token=6eb1d7f4-fc9e-440d-a0be-870f949795dc)

In the **Default** tab in the **Content** section, you could place the link and icon as default values. &#x20;

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGmDbd_5xBwaDXHEPz_%2F-MGme8BDJGWYuAeNJnxd%2Fbutton-default.jpg?alt=media\&token=b72a843a-5a39-41de-b9b2-ccff2c13256b)

If you want a button that will have a different link and icon for the **logged in** users, you could simply switch the switcher in the **Logged In** tab in the **Content** section. Settings fields will appear.&#x20;

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGmDbd_5xBwaDXHEPz_%2F-MGmmyx0MgoVHmOGetsz%2Fbutton-logged-in.jpg?alt=media\&token=bed0ad83-cbff-4255-bec6-b43567a31490)



{% hint style="info" %}
The icon and link that you choose in the **Default** tab will appear as the default unless you choose different ones for the **logged in** users in **Logged In** tab.
{% endhint %}

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGmDbd_5xBwaDXHEPz_%2F-MGmn97X3fcC58qSxroZ%2Fbutton-style.jpg?alt=media\&token=f6d6232b-6fca-4fa5-9e87-f84d053f6edd)

In the tab **Default** in the section **Style**, there are all styles for the default button. You can play around and easily get a nice looking button. You can change typography, color, background color, border, padding, hover animation, the position of the button, etc.

In the **Hover** section, you can change the color of the text and background color of the button on hover.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGmDbd_5xBwaDXHEPz_%2F-MGmmg_8FbW83tNuihoG%2Fbutton-hover.jpg?alt=media\&token=e4c69894-1864-4ba4-b786-4dd6def9b20b)

In the tab **Logged In** in the section **Style**, there are all styles for the button that will appear if users are logged in. You can change typography, color, background color, border, padding, hover animation, the position of the button, etc.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGmDbd_5xBwaDXHEPz_%2F-MGmlnUpvBg5GqisHvLI%2Flogged-in-button.jpg?alt=media\&token=e79fed2d-9665-4603-8982-3de542ed7a58)

In the **Hover** section, you can change the color of the text and background color of the button on hover.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGmDbd_5xBwaDXHEPz_%2F-MGmmegO8rYvn-w9b-rE%2Fbutton-hover.jpg?alt=media\&token=b3d29de7-ee03-4497-bd9f-8977c68d9ded)

{% hint style="info" %}
Fields for the styling button for logged in users, in the **Logged** **In** tab in the **Style** section will appear only if the **Use different Link** switcher is switched to **show** in the **Logged In** tab in the **Content** section.
{% endhint %}
