Documentation
    Events Management

    Editor Widgets

    Add helpful tools to the design editor itself, from name badges to photo filters, or build your own.

    Add helpful widgets directly to the design editor: name badges, party decorations, QR codes, emoji packs, frames, photo filters, collages, and your own custom code widgets. Choose a built-in widget, customize it, and guests open it from a button in the editor.

    What are editor widgets?

    Editor widgets are small helper tools that guests open while they design. A widget can add a name badge, drop in stickers, put a frame around the design, or apply a filter to a photo. Guests open them from a Widget button in the editor. There are two kinds of widgets on the platform, and they are separate: editor widgets (this page) work directly in the design editor and are set up in the event's Widgets tab. Custom widgets work on the pages built with the Advanced Layout Builder, such as the landing page or a survey page.

    Screenshot placeholder — The Widgets tab in the event settings

    Turn widgets on

    1. 1

      Open the Widgets tab

      Edit your event in the admin area and open the Widgets tab, next to AI Features and Advanced.

    2. 2

      Switch on the Widget button

      Turn on Show a Widget button in the editor. Guests will see a button on the left side of the canvas.

    3. 3

      Add a widget

      Under Add a built-in widget, pick a widget and click Add. Repeat for every widget you want guests to have.

    4. 4

      Customize it

      Open the widget and change its settings (see below). Click Reset to defaults at any time to start over.

    The Widget button stays hidden from guests until at least one widget is ready to use.

    Built-in widgets

    These widgets are ready to use. They automatically follow the fonts and colors of your event.

    Name badge

    A colored badge that shows the guest's name or other survey answers, and can include the survey photo.

    Party decorator

    Tap to scatter stars, hearts, and shapes over the design, with an optional headline.

    QR code

    Adds a scannable code for any link, with your choice of color, size, and caption.

    Emoji pack

    Six emoji themes. Tap to add, make an emoji shower, or undo.

    Frame & border

    Put a frame around the design: modern, wood, polaroid, film, gold, art deco, waves, abstract, and more.

    Social tag

    A tag with a social handle and hashtag, in a choice of styles (rounded, soft corners, square, outline or underline), and an optional social icon.

    Date stamp

    Adds the date as plain text, a pill, an outline, soft or square boxes, or an underline, in the guest's language.

    Browse templates

    Lets guests preview the event's templates, then replace their design or combine it with a template.

    Text banner / caption

    Multi-line text on a banner, ribbon, bubble, or badge.

    Photo filters

    Give a photo on the design a filter such as black & white, vintage, or sepia, with sliders to fine-tune. See Camera Filters.

    Photo collage

    Combine photos side by side, in grids, or as one big photo with two small ones.

    Sticker Maker

    Place a photo inside one of 80+ shapes in categories such as Basic, Banners & labels, Nature, Animals, Holiday, Food, Sports, Music, and Party & fun. Choose to fill the shape or show the whole photo, drag the photo to reposition it, and add a gradient border, shadow, and fill colour. Use Remove sticker to undo it.

    Screenshot placeholder — The list of built-in widgets in the Widgets tab

    Customize a widget

    Every widget has a Widget settings block. What you can change depends on the widget. Some examples:

    Wording and window

    Change the Window title, the greeting text, or the headline. For example, the Name badge has a Greeting text, and the Party decorator has a headline where {name} is replaced by the guest's name.

    Starting look

    Choose the starting color, font, size, or style, and decide what guests are allowed to change.

    What guests can pick

    Limit the choices, for example the Filters guests can use, the Layouts guests can use, or the Fonts guests can use.

    Connect to a survey

    Some widgets can read a survey answer, such as the name on a badge or the link in a QR code. Paste the question ID shown under the question on the Surveys page.

    Test a widget yourself in the editor before the event. If a setting does not look right, click Reset to defaults and try again.

    Add your own custom widget

    If the built-in widgets are not enough, add a Custom code widget. This is a Pro plan feature. You write a small piece of HTML and JavaScript, and it can read the guest's survey answers and add text, images, QR codes, and shapes to the design.

    1. 1

      Add the widget

      In the Widgets tab, choose Custom code widget and click Add widget.

    2. 2

      Describe it

      Give it a Title, an optional Short description, and a Preview photo (4:3 works best). These show in the widget list that guests see.

    3. 3

      Pick the window

      Choose the Window size (Small, Medium, or Large) and the Window background.

    4. 4

      Add the code

      Paste your code into Widget code (HTML / JS), or click Start from an example to begin with a working one.

    5. 5

      Show it to guests

      Keep Show in the widget list on. Use the arrows to change the order of your widgets.

    Open Editor widget API in the widget editor to see what your code can do: read the survey answers, the chosen template and what is on the canvas; add text, images, QR codes, and shapes; change or remove only the things your widget added; react when the design changes; show a short message; and close the widget.

    Widgets run in a safe, separate frame. They cannot see the rest of the app, the guest's login, or cookies.

    Change the Widget button

    Where it appears

    By default the button sits on the left of the canvas. Turn on Show the Widget button in the editor toolbar to move it into the toolbar, with its own Toolbar button text, Toolbar button icon, and Position in the toolbar (First, Before Layers, or Last).

    Button look

    Choose the Shape (Circle, Rounded square, Square, or Pill), Size, Button colour, Icon colour, a text next to the icon, and a shadow. A preview shows the result.

    Widget pills

    Widgets already placed on the design show as small pills on the canvas. Turn on Hide widget pills on the canvas to hide them. They then appear in the widget list instead.

    Screenshot placeholder — The Widget button options with a live preview

    What guests see

    Guests tap the Widget button and see a list of widgets with a preview photo and a title. Tapping one opens it in a window with minimize and close buttons. When a widget is minimized, guests can open it again from the list.

    Screenshot placeholder — A guest using the Frame & border widget in the editor

    Browse templates widget

    The Browse templates widget lets guests try other designs on their work and preview the result before using it.

    1. 1

      Find a design

      Type in Search templates, or start from Current template and the Suggested designs.

    2. 2

      Compare

      Switch the preview between My design now, Result and Template only.

    3. 3

      Combine or replace

      Combine with my design keeps the guest's photos and texts. Choose My content, template style or My content, my style, and the order: Smart (backgrounds behind, decorations on top), Template behind or Template in front. Replace everything starts fresh with the template.

    4. 4

      Apply

      Tap Use this template. Restore original brings back the design the guest started with, and Undo works too.

    Camera FiltersBranding & Colors
    1