Every button link on your Bouncy website can be individually styled. Here's how to customize each one.
Accessing Style Options
Go to the Links tab
Find the button link you want to style
Click Style Options (below the URL field) to expand the customization panel
Button Shape
Three shapes to choose from:
Rounded — slightly rounded corners (professional, modern look)
Pill — fully rounded ends (friendly, casual look)
Square — sharp 90-degree corners (bold, structured look)
Colors
Two color pickers side by side:
Background Color — the button fill color (default: black)
Text Color — the button text color (default: white)
Use contrasting colors for readability. Dark backgrounds with light text (or vice versa) work best.
Font Family
Choose from 17+ fonts: Default, Inter, Poppins, Roboto, Montserrat, Open Sans, Raleway, Playfair Display, Lato, Oswald, Source Sans Pro, Nunito, DM Sans, Work Sans, Quicksand, Space Grotesk, Plus Jakarta Sans, Outfit
Font Weight
Fine-tune the text thickness:
Normal
Bold
100 (Thin) through 900 (Black) in increments of 100
Icon
A grid of icons you can attach to your button. Click an icon to select it — it appears alongside the button text. Click it again to deselect.
Icons include arrows, social media logos, common symbols, and more.
Animations
Choose one or more animation effects for the button. Animations are shown as tag buttons — click to toggle each one on/off. You can combine multiple animations on a single button.
Spacing
Control the space around each button:
Top Spacing — 0 to 50px above the button
Bottom Spacing — 0 to 50px below the button
Useful for creating visual separation between buttons or grouping related links together.
Tips
Consistency looks professional — use the same shape and font across all buttons
Use a standout color for your most important link to draw attention
Subtle animations add polish without being distracting
Test your button styles in the live preview panel to see how they look on different devices