Skip to main content

Button Widget

Learn how to create and position a standalone Button Widget overlay on your homepage for temporary events or calls to action.

Homepage feature only. The Button Widget is a standalone button overlay on your homepage (e.g. a call-to-action like "Sign up for open house!" that takes viewers to your preferred link). It is distinct from Button blocks inside a Page, which is a different feature for adding buttons to page content. If you're trying to add buttons or links inside a page (not on the homepage), see Add content to Pages instead. Looking to embed a form (e.g. a newsletter signup popup) on your homepage? See Form Widget.

Drag and place the widget

You can place the widget wherever you want on your homepage.

homepage widgets screen

Work on details

  • Provide a short button label and a URL to where you want it to link.

  • Choose if you want that link to open in a new or window or as a new tab.

  • Choose the widget positioning. Hover your mouse on the options to see how they'll move on your homepage.

  • Select the color style of the button. The button colors are set to the theme of your website.

  • Save changes.

A note on using Button Widgets effectively
​
​
Button Widgets can be a great way to draw attention to time-sensitive items — things like event sign-ups, enrollment deadlines, or seasonal announcements (e.g., "Register for Open House!"). Because they're bold and eye-catching, they work best as temporary highlights that you add when needed and remove once the moment has passed.
​
The placement of widget on the public website will depend on viewers' screen size. Please avoid placing widgets over each other or in places where they might hide some important information on the public website.

A couple of quick tips when placing a Button Widget: make sure it isn't covering or pushing down important content on the page — visitors should still be able to find what they came for without scrolling past a large widget. And when the event or deadline is over, remember to remove the widget so your site stays clean and current.

⚠️ Accessibility & WCAG 2.2 Guidelines Notice: Homepage widgets, including the Button Widget, can present accessibility issues in line with WCAG 2.2 guidelines. Because they float as an overlay on top of other content, they may obscure underlying text, disrupt reading orders for screen readers, and cause focus or keyboard navigation hurdles. Use homepage widgets sparingly and accordingly — only when the call-to-action is temporary and important enough to justify an overlay. For most communication needs (event announcements, news, sign-ups), consider using Pages, Link blocks, or News blocks instead — they are more accessible by default.

Related articles

Did this answer your question?