Skip to content

Editor cards

Cards add everything that isn’t plain text to a post: images, buttons, callouts, toggles, signup forms, embeds and more.

Who can do this: Anyone on your staff who can write posts.

A card is a block in your post that does one thing: shows an image, adds a button, hides an answer behind a toggle, asks readers to subscribe. You add cards the same way every time, and each card has its own small set of options.

Add a card

There are two ways to open the card menu. Both work on an empty line.

  • The + button. Click into an empty line and select the + that appears in the left margin. Scroll the menu, then select a card.
  • A slash. Type / and start typing the card’s name. The menu narrows as you type; press Enter to insert the highlighted card. Some cards take a link straight away, for example /youtube https://… or /bookmark https://….
The card menu under the heading Primary, listing Image, Divider, Button, Bookmark, Gallery, Public preview, Call to action, Email content and Callout.
The card menu. Scroll for the rest, including embeds and your snippets.
Typing “/call” on an empty line narrows the menu to two cards: Call to action and Callout.
Type a slash and a few letters to find a card quickly.

Edit, move and remove a card

  1. Click a card once to select it. A green outline and a small toolbar appear. The toolbar’s buttons depend on the card: most have Edit (the pencil) and Save as snippet.
  2. Select Edit, double-click the card, or press Cmd+Enter (Mac) / Ctrl+Enter (Windows) to change its content and settings. A settings panel opens beside the card.
  3. Click anywhere outside the card, or press Escape, when you’re done.
A selected callout card with a green outline and a toolbar above it showing an edit pencil and a snippet button.
A callout card in edit mode with its settings panel on the right: an Emoji switch and a Background colour picker.
Editing a callout: choose an emoji and a background colour.
  • Move a card: drag it by its edge to a new place in the post.
  • Remove a card: select it and press Backspace or Delete. Cmd+Z / Ctrl+Z undoes it.
  • Reuse a card: save it as a snippet and insert it into any post.

Every card, and what it’s for

CardWhat it doesSlash command
ImageOne image, with a caption, alt text and an optional link. Three widths. See images and media./image
DividerA horizontal line between sections. Typing --- on a new line does the same./hr
ButtonA single button that links anywhere. Set the text, the link and left or centre alignment./button
BookmarkA link shown as a preview box, with the page’s title, description and image./bookmark
GalleryUp to nine images in a tidy grid./gallery
Public previewA line that splits a members-only post into a free preview and the rest. See who can read a post./paywall
Call to actionA highlighted box with text, an optional image and a button, for sponsors and announcements./call to action
Email contentText that only appears in the email version of a post, never on your site./email
CalloutA coloured box with an emoji, for tips and warnings./callout
SignupA subscribe form with a heading, text and an optional background image./signup
HeaderA large banner with a heading, subheading, button and background./header
ToggleA question that opens to show the answer. Good for FAQs./toggle
VideoUpload a video file to play in the post./video
AudioUpload an audio file, such as a podcast episode or a recording./audio
FileA file readers can download, such as a PDF./file
ProductA product or recommendation, with an image, star rating, description and button./product
HTMLYour own HTML, for an embed code or custom layout./html
MarkdownA block written in Markdown./md

Below these, under Embeds, are cards for YouTube, Unsplash, X (formerly Twitter), Vimeo, CodePen, Spotify and SoundCloud, plus Other… for anything else that supports embedding. Paste the link and the card fetches the player or post for you. Pasting a link on its own line usually does the same thing.

A button card in edit mode with its settings: Content alignment (left or centre), Button text and Button URL.
A button card’s settings.

How cards look to readers

In the editor, cards use a neutral style. On your site they take your theme’s fonts and your accent colour (set in Settings → Design & branding), so buttons and highlights match the rest of your publication.

A toggle card asking “Is the tower suitable for children?”, a product card for a tea towel with four stars and a Visit the shop button, a divider, and a grey signup card titled “Get the Friday Ledger”.
Toggle, product, divider and signup cards in the editor.
The same post on the published site: a light blue callout, a button and the product card in the site’s orange accent colour, a wide image and a closed toggle.
The same cards on the site, in the theme’s style and accent colour.

Good to know

  • A Signup card isn’t shown to readers who are already signed in, so members don’t get asked to subscribe twice. If your site doesn’t allow signups, the card has nothing to do.
  • Email content cards and Public preview only matter for posts. On pages, the email options aren’t offered.
  • Embeds load from the service they come from. If that service removes the video or post, the card on your site shows nothing.
  • The HTML card shows your code as-is. Code that breaks the page layout can affect the whole post, so preview before you publish. For code on every page, use code injection.
  • Want the same card in lots of posts? Save it as a snippet.

Last checked against the product on 7 November 2026.

Related

Using the editorWrite and format posts in Blogaly’s editor: the toolbar, Markdown shortcuts, links, cards, previews and saving.Images, galleries, video and audioAdd a feature image, images and galleries, video, audio and downloadable files to your posts, with captions and alt text.SnippetsSave a card, or a run of cards and text, as a snippet and insert it into any post in two keystrokes.Who can read a post: public, members, paidChoose who can read each post, give everyone a free preview, and set the default for new posts.

Still stuck?

Tell us what you were trying to do and what you saw, and we’ll help you sort it out.

Contact us