Add personality, power, and pizzazz to your biolink page!
Your biolink is not just a list, it is your online identity. Let us build something beautiful using these customizable content blocks.
Standard Blocks
(The building blocks of your bio universe!)
Link
Add a clickable link to any website, product, video, or article.
Use it for: YouTube videos, online stores, or your blog.
Once you add a link block, you can tweak every setting with style and clarity.
Destination URL
This is where your link will take people.
Example: https://link.com
Make sure it starts with https:// so it works correctly.
Open in New Tab
Toggle this on if you want the link to open in a new browser tab. Ideal if you want visitors to stay on your Heyy.li page.
Name
Give your link a name. This is what your visitors will see. Keep it short, clear, and clickable.
Image Thumbnail
Upload an image to represent your link visually. Great for branding, product previews, or recognizability.
Supported formats: JPG, PNG, GIF, SVG, AVIF, etc. (Max 2MB)
Icon
Want an icon next to your link name? Use FontAwesome icon classes (like fas fa-bolt).
Text Color
Click the color box to pick a new font color for your link title. Black is default, but your brand may prefer bold, bright, or pastel.
Text Alignment
Choose how your text lines up in the block.
-
Center: Best for buttons
-
Left/Right: Use for a formal layout
-
Justify: Great for paragraph-style links
Background Color
Customize the background color of the link block. Leave it blank for default styling, or choose something to match your brand palette.
Animation
Add a little movement magic when your link appears. Choose from animation styles in the dropdown to make it pop.
Border Settings
Expand this section to add borders around your link.
-
Border Width: Drag the slider to make the border thicker.
-
Border Color: Pick a color to match your brand or theme.
-
Border Radius:
-
Straight: Classic sharp edges
-
Round: Soft corners
-
Rounded: Fully pill-shaped
-
Border Style:
-
Solid: Standard border
-
Dashed: Casual and modern
-
Double: Double-lined
-
Inset/Outset: For a 3D look
Border Shadow Settings
Give your block some depth by adding a shadow effect. This button opens advanced settings to style the drop shadow.
Display Settings
Control visibility by setting who can see this block. Helpful for scheduling, targeting, or hiding certain links.
Once you are happy with all changes, click the Update button to save. Always hit this before switching blocks so you don’t lose your hard work! You are now in full control of how your link looks, feels, and performs. Make it personal, make it powerful!