Choose Create Flyer from the Flyers workbench, then select a template or Blank Template.
Editor Toolbar
The top toolbar lets you:
- Rename the flyer.
- Switch its status between Draft and Active.
- Undo and redo changes.
- Zoom from 25% to 150%, or reset the zoom to fit the page to the editor area. When zoomed in, scroll to reach every part of the page.
- Turn snapping on or off.
- Preview or print.
- Save changes.
- Delete the flyer.
The editor saves changes automatically about two seconds after you stop editing, and the toolbar shows whether changes are unsaved, saving, or saved. Choose Save to save immediately.
If someone saves the same flyer in another tab or on another device while you are editing, automatic saving stops and a dialog offers Reload their version, which reopens the editor on their saved flyer, or Keep mine, which replaces their version with yours.
Add Elements
Use the right sidebar to set the canvas background and add:
- Text
- Image
- Button
- Divider
- QR code
- Contact block
- Pet grid
- Rectangle, circle, or rounded shape
New elements appear on the canvas. Drag them into position, resize them, and select them to open their property controls.
Element Properties
Properties depend on the selected element. Available controls include content, font, text alignment, colors, borders, opacity, dimensions, rotation, layer order, and canvas alignment.
Specialized elements add their own options:
- Image uploads an image and controls its display.
- Button sets button text and a safe external link.
- QR code encodes a URL or other value.
- Contact stores formatted contact text.
- Pet grid selects pets, filters the chooser by species, status, or photo availability, and controls the number of columns.
A button or QR code link can point to a custom URL, the adoption, foster, or volunteer form, the donation page, the contact page, or a pet's public profile. For Pet Profile, search for the pet by name instead of typing an ID.
Use the layer controls when elements overlap. With snapping enabled, the editor helps align an element to the canvas and nearby elements.
Keyboard Controls
With an element selected:
- Delete or Backspace removes it.
- Control or Command + D duplicates it.
- Arrow keys nudge it.
- Shift + Arrow moves it farther.
These shortcuts do not apply while you are typing in a field or using a sidebar slider, list, menu, or dialog.
Preview and Save
Preview renders the flyer as it will print or export, including linked buttons, QR codes, and current pet-grid information. Return to the editor to correct anything, then choose Save.
Set the status to Active only when the flyer is ready for any enabled public-profile display.