Custom Responsive Buttons for Google Sites

I remember the exact moment I decided to build this widget.

I was putting final touches on a client's Google Site - sleek, modern, custom everything.
Then came time to add the main call-to-action button.

I clicked to add a standard Google Sites button and... ugh.
Basic. Flat. Limited styling options.
It looked completely out of place in this otherwise premium design.

With standard Google Sites buttons, the answer was no, no, and definitely no.

Because basic Google Sites buttons just don't cut it sometimes.
Sure, Google Sites gives you buttons - and yeah, they work.
I even use them on this website because they do the job.
But when you want something modern, stylish, and clickable AF, this widget delivers.

EXAMPLES

With the Button Builder, you can:

• ✔ Add your own text and link - Create buttons that lead anywhere.
• 🎨 Pick exact colors for text, background, and hover - Match your brand perfectly.
• ✨ Choose animated hover effects - pulse, shine, scale (you pick).
• 🖼️ Use a background image inside the button - Yes, really!

No coding. No guesswork. Just clean, professional buttons that work.

How to use:

1. Open SitesBuddy

   Click the SitesBuddy icon in your Chrome browser.

2. Choose the Responsive Button widget

   Find and select it from the Interactive category.

3. Customize text, colors, effects, and link

   Use the visual editor to design your perfect button.

4. Copy the code

   Click the "Copy Code" button to get your custom button code.

5. Paste into a Google Sites Embed > Embed Code block

   Add the button to your Google Site using the Embed feature.

Done ✅

SHARE

Watch this video to see how easy it is to create professional, responsive buttons with SitesBuddy and add them to your Google Site - all without writing any code.