Rounded buttons are a small design detail that make your funnels, websites, and emails in GoHighLevel feel more modern, clickable, and trustworthy. The good news: you don’t need any custom code to get that polished look—just a couple of settings in the builder. In this guide, you’ll learn exactly how to make the corners of your buttons round in GoHighLevel, when to use fully pill-shaped buttons vs. slightly rounded ones, and a few design best practices so your CTAs actually get clicked. If you’re still evaluating GoHighLevel, you can follow along and test everything yourself with a free trial: Start your free GoHighLevel trial.
Why rounded buttons matter in GoHighLevel
Rounded buttons aren’t just a style preference—they influence how users experience your funnels:
- More approachable UI: Rounded corners feel softer and less rigid than sharp rectangles, which makes interfaces feel more friendly.
- Clearer CTAs: A strong, rounded button stands out as the obvious next action on the page.
- Mobile-friendly taps: Rounded buttons with enough padding are easier to tap on phones.
In GoHighLevel, you control button roundness by adjusting the border radius setting.
Quick overview: How border radius works
Every button in GoHighLevel has a box shape behind it. The border radius value tells GoHighLevel how curved the corners of that box should be:
0px→ perfectly sharp, square corners8–16px→ lightly rounded corners (subtle, modern look)24–40px→ very rounded corners50–100px+→ fully pill-shaped button
You’ll adjust this value directly in the Funnel Builder or Email Builder—no CSS required.
Make corners of buttons round in the Funnel Builder
Follow these steps any time you want rounded buttons on a page, step, or funnel.
1. Open your funnel and select the button
- Go to Sites → Funnels in GoHighLevel.
- Open the funnel and specific step you want to edit.
- In the Funnel Builder canvas, click the button element whose corners you want to round.
You’ll see the button’s settings appear in the left-hand sidebar.
2. Add or confirm a border on the button
Border radius only works when the button actually has a border applied.
- In the left sidebar, go to the Advanced or Border section for the button.
- Make sure a border is enabled on all sides of the button (top, right, bottom, left).
- Set a border width (for example,
1–2px) and choose a border color that matches your design.
Tip: If your border is the same color as your button background, it will look like a solid pill-shaped button once you increase the radius.
3. Set the border radius value
- Still in the button settings, locate Border Radius.
- Increase the value until you see the corners become rounded in the preview.
Suggested starting points:
- Subtle rounded button:
8–16px - Strongly rounded button:
24–40px - Fully pill-shaped button:
80–100px(or higher, depending on button height)
Play with the value while watching the live preview so you can match the style of the rest of your funnel.
4. Adjust padding so the button feels balanced
Once you’ve rounded the corners, make sure the button still looks balanced:
- Increase horizontal padding so the text has space to breathe left and right.
- Increase vertical padding slightly so the pill shape doesn’t look too skinny.
A common starting point is something like 16–24px vertical and 32–48px horizontal padding, then tweak from there.
5. Save and test on desktop and mobile
- Click Save in the top-right of the Funnel Builder.
- Use the Preview button to open the page and test your button on both desktop and mobile views.
- Confirm that:
- The button looks clearly clickable.
- The text stays centered.
- The rounded shape isn’t cut off by surrounding elements.
When your funnels look clean and consistent, you’ll get more people to click through to the next step.
If you’re not yet using GoHighLevel but want this level of control over your funnels and automation in one place, you can start a free GoHighLevel trial here.
Optional: Rounded buttons in the Email Builder
You can also round button corners inside the Email Builder so your outbound campaigns visually match your funnels.
- Go to Marketing → Emails and open or create an email.
- Drag in a Button block or select an existing button.
- In the right-hand settings panel, look for Border or Corner Radius / Border Radius.
- Set a value similar to what you’re using in your funnels (for example,
24–40px). - Adjust padding and width so the CTA feels prominent but not overwhelming.
Using consistent button styles across funnels, websites, and emails makes your brand feel more unified and intentional.
Design best practices for rounded GoHighLevel buttons
Rounded corners are easy to overdo. Use these guidelines to keep things clean and conversion-focused.
1. Keep button styles consistent
- Pick one primary style for your main CTAs (color, radius, font, size).
- Reuse that same style across each funnel step so visitors always recognise the next action.
- Use a secondary, lower-contrast button style for less important actions (for example, “Back” or “Cancel”).
2. Use color and contrast wisely
- Make sure your button color strongly contrasts with the background so it stands out.
- Use a clear label like “Book a Call”, “Get the Offer”, or “Start Free Trial” instead of vague copy.
- Consider using hover states (slightly darker shade or subtle shadow) to reinforce that the button is clickable.
3. Design for mobile-first taps
- Ensure buttons are large enough for thumbs—generally at least 44px tall.
- Add enough spacing between stacked buttons so people don’t tap the wrong one.
- Preview your funnel on a phone and verify that pill-shaped buttons don’t get cut off near the screen edges.
4. Match roundness to your brand personality
- Highly rounded / pill-shaped buttons feel friendlier and more playful.
- Lightly rounded buttons feel modern and professional.
Choose a radius that matches your brand, then use that consistently.
Troubleshooting: When your button still looks square
If your button refuses to look rounded, check these common issues:
- No border applied: Make sure a border is turned on for every side of the button.
- Border radius set too low: Values like
2–4pxmay be too subtle—try16–32px. - Conflicting styles: If you’ve copied a section or imported a template, other style settings may be overriding your changes. Reset the button style or recreate the button element.
- Container clipping: Occasionally, tight containers or columns can visually clip the button. Add padding to the column or row so the button has space around it.
Fixing these usually resolves any “stuck square” buttons in GoHighLevel.
Turn better buttons into more leads (with Revset Labs & GoHighLevel)
Rounded, high-contrast buttons are one of the simplest on-page tweaks you can make to lift conversions. But the real win comes when your entire funnel, follow-up, and CRM are working together.
- GoHighLevel gives you funnels, websites, CRM, pipelines, email, SMS, and automations in a single platform.
- Revset Labs is an AI automation and marketing agency that helps you design, implement, and optimize these systems so they actually drive revenue.
If you want a platform that makes it easy to test designs like rounded buttons—and connect every click to a full automation stack—you can start your free GoHighLevel trial here.
And if you’d rather have experts build and optimize everything for you, Revset Labs can help you turn your GoHighLevel account into a predictable growth engine.