Button (in rich text)
Insert a call-to-action button inline within body text.
The Button is one of three things you can drop directly into a rich-text field, alongside HTML and media. It places a styled call-to-action button at your cursor with its own link and alignment. Use it when a strong "do this next" beats a plain underlined link: a Book tickets button partway through a program note, for example.
Insert it from the editor's insert menu, where it appears as Button under the Basic group.
Set the link
The button's text and destination live in Button Link, the same link picker used everywhere on your site.
- Label: the text the visitor sees and clicks.
- Choose Internal link to point at one of your own pages, events, people, seasons, series, works, venues, organizations, or posts, or Custom URL to type any external web address. On a multi-site setup, an internal link adds a Site option so you can point at a page on another of your sites.
- Icon: add an optional icon beside the label using the icon picker.
You set how the button opens (same tab or new tab) in the link picker too. See Buttons and links for the full reference.
The button's color and shape come from a button pattern saved in your theme. The help text reads "Choose a button pattern from your theme. Defaults to the first available pattern." Leave it empty to use the theme's first available style.
Set the alignment
Alignment controls where the button sits on its line: Left, Center, or Right. It is Center by default.
The button has no spacing or background controls of its own. It inherits the spacing of the surrounding text.
Shared controls
The link picker and theme button patterns work the same here as on every other button. See Buttons and links for the full reference, and Themes for where button styles come from and how to change them site-wide.
Published targets only
If the target is a draft, scheduled, or deleted item, the button will not work on the live site until you publish it. See Drafts, preview, and publishing.
Worked example
To add a centered Book tickets button inside a program note:
Place your cursor
In the body text, click where you want the button to appear. Open the insert menu. Choose Button from the Basic group.
Set the label and destination
In Button Link, type Book tickets as the Label. Choose Internal link. Select the event you want from the picker. Pick a button pattern. If you want an icon, pick one, such as a ticket icon.
Set the alignment
Leave Alignment on Center, or switch it to Left or Right to suit the surrounding text.