Skip to main content

Editing Your Website — Links Tab (Add, Reorder, Style Buttons)

Written by Bouncy Admin
Updated over 2 months ago

The Links tab is where you add clickable buttons and content to your website page.

Adding a Link

Click the + Add Link button at the bottom of the Links tab to add a new link card.

Link Types

Each link has a Link Type dropdown:

Button Link (Default)

A clickable button that takes visitors to a URL.

Fields:

  • Title — the button text (e.g., "My Instagram")

  • URL source — toggle between:

    • Custom URL — enter any URL (with https:// prefix)

    • Use Deeplink — search and select from your existing Bouncy deeplinks

When selecting "Use Deeplink", you can:

  • Search by name, slug, domain, or target URL

  • Use the Quick Create Deeplink button to make a new deeplink without leaving the editor

YouTube Video

Embeds a YouTube video directly on your page.

Field:

  • YouTube Video URL — paste any YouTube URL (e.g., youtube.com/watch?v=xxx or youtu.be/xxx)

Style Options (Button Links Only)

Click Style Options below any button link to expand the customization panel:

Button Shape

Three options:

  • Rounded — slightly rounded corners

  • Pill — fully rounded ends

  • Square — sharp corners

Colors

  • Background Color — the button background (default: black)

  • Text Color — the button text (default: white)

Font Family

Same 17+ fonts as the description typography.

Font Weight

Options: Normal, Bold, Thin (100), Extra Light (200), Light (300), Normal (400), Medium (500), Semi Bold (600), Bold (700), Extra Bold (800), Black (900).

Icon

A grid of icons you can attach to the button. Click an icon to select it — it appears alongside the button text.

Animations

Tag buttons for different animations. You can select multiple animations at once (toggle each on/off).

Spacing

  • Top Spacing — slider from 0 to 50px

  • Bottom Spacing — slider from 0 to 50px

Reordering Links

Links appear in the order they're listed. To change the order, you'll need to remove and re-add links in the desired sequence.

Removing a Link

Click the X button in the top-right corner of any link card to remove it.

Warnings

  • NSFW content with Custom URL: An amber warning appears recommending you use a Deeplink instead for added security and tracking

  • Aggressive Deeplink selected: A red warning appears noting that aggressive behavior inside a website can cause navigation issues — Conservative or Basic behavior is recommended

Tips

  • Mix button links and YouTube video embeds for a dynamic page

  • Use consistent button styling for a professional look

  • Consider using Bouncy deeplinks (instead of custom URLs) for built-in analytics and smart redirect behavior

Did this answer your question?