WhatNot App Instructions

Whatnot Stream App Guide

Create your own live-stream design, display products, add text and
images, and send the finished layout directly to OBS.


Create an account

START HERE

Quick Start

Follow these steps to create your first stream layout.

1
Add your background, text, images and products.
2
Arrange everything from the Live Editing preview.
3
Copy your private production URL from Settings.
4
Add the URL to an OBS Browser Source.

App Sections

Live Editing

Live Editing is the main workspace and shows a preview of the layout
that will appear in OBS.

  • Drag items to reposition them.
  • Double-click supported text to edit it.
  • Shift-click to select multiple items.
  • Shift-drag over empty space to select several items.
  • Group selected items so they move together.
  • Use Undo or Ctrl+Z to reverse a recent change.
  • Use Reset Layout to restore standard positions.
Example: Select a heading and the shape behind it,
group them, and drag both into position together.

Background

Add the main background that appears behind your stream layout.

  • Upload one or more background images.
  • Create a timed background slideshow.
  • Choose fade, slide, zoom or instant transitions.
  • Reposition and zoom individual backgrounds.
  • Use a solid colour, custom blend or global blend.
  • Darken the background to make text easier to read.
Example: Upload several toy photographs and have
the background automatically change throughout your show.

Text Boxes

Text Boxes are useful for headings, labels and short announcements.

  • Add and position several independent text boxes.
  • Choose the font, size, alignment and text colour.
  • Add a transparent, solid or blended background.
  • Add borders, rounded corners, shadows, glow or outlines.
  • Adjust padding and opacity.
  • Delete a text box when it is no longer required.
Example: Add “WINNER PICKS ONE TOY” inside a bright
coloured box above your product display.

Text Area

Text Areas are designed for longer or multi-line messages.

  • Add show instructions, rules or descriptions.
  • Control the width and text alignment.
  • Apply fonts, colours, backgrounds and borders.
  • Add shadows, glow and other text effects.
  • Duplicate an existing Text Area and its styling.
  • Move each Text Area independently.
Example: Explain that the winning bidder can choose
any available toy from the display case.

Animate

Add motion and attention-grabbing effects to supported items.

  • Select the item you want to animate.
  • Choose scrolling, flashing, typewriter and other effects.
  • Adjust the animation speed.
  • Control the movement distance or effect strength.
  • Select No Animation to return the item to normal.
Example: Add a scrolling animation to a “NEXT ITEM”
message so it attracts viewers’ attention.

Tables

Display organised information in an editable live table.

  • Create tables containing up to four columns.
  • Add, edit, reorder, show or hide individual rows.
  • Change the title and column headings.
  • Adjust table width, row height and font size.
  • Use solid, custom blend or global blend backgrounds.
  • Save frequently used tables for later.
Example: Display auction numbers, buyer names or the
order in which products will be shown.

Teams

Create a board containing teams, brands, categories or custom logos.

  • Use the included NBA team set.
  • Create your own custom team or logo set.
  • Upload custom names and logos.
  • Show or hide individual entries.
  • Use Show All and Hide All for quick control.
  • Save different sets for future streams.
Example: During a sports break, hide each team after
it has been selected or sold.

Product Slider

Upload products and display them in a moving slider within OBS.

  • Create multiple named product sliders.
  • Upload several product photographs at once.
  • Add a product name, price and Tub/Location.
  • Reorder, hide or delete products.
  • Adjust image size, spacing and slider speed.
  • Control product name and price styling.
  • Search the current slider or every saved slider.
  • Save Product Lots as backups.
  • Export products as a Whatnot-compatible CSV.
Example: Upload toys stored in “Tub B4,” add their
prices and export them for listing on Whatnot.

Ticker

Create a continuously moving line of short messages.

  • Add up to 20 ticker message boxes.
  • Remove messages that are no longer required.
  • Adjust text size, speed, font and colour.
  • Add a solid, custom blend or global blend background.
  • Show or hide the complete ticker.
Example: Rotate messages such as “VINTAGE,”
“MINI BRANDS,” “POPS,” “PLUSH” and “MORE ADDED DURING THE SHOW.”

Color Options

Set shared brand colours and background blends for the layout.

  • Choose two global theme colours.
  • Set the global blend direction.
  • Apply the global blend to supported sections.
  • Set separate colours for individual sections.
  • Turn off the global option to restore local colours.
Example: Select orange and purple as your brand
colours, then apply the global blend throughout your design.

Images

Add standalone images and GIFs on top of the stream layout.

  • Upload several images into available image slots.
  • Show or hide each image.
  • Resize, stretch, rotate and reposition images.
  • Adjust image opacity and layer order.
  • Display an image for a selected number of seconds.
  • Lock an image to prevent accidental movement.
Example: Add your logo at the top of the stream and
lock it once it is in the correct position.

Media

Store reusable images, GIFs, video and audio for future layouts.

  • Upload media once and reuse it later.
  • Add stored visual media to the canvas.
  • Use suitable media as a background.
  • Give files recognisable names.
  • Remove media that is no longer needed.
Example: Store your logo and “SOLD” GIF so they can
be reused in different stream layouts.

Shapes

Add simple design elements behind or around other content.

  • Add rectangles, circles and other available shapes.
  • Change the fill colour and outline.
  • Resize, stretch, rotate and reposition shapes.
  • Adjust shape opacity.
  • Move shapes forward or backward.
  • Group shapes with text so they move together.
Example: Put a coloured rectangle behind a heading,
send it behind the text and group both items.

Layers

Control which items appear in front of or behind other items.

  • Move layers forward or backward.
  • Bring an item to the front.
  • Send an item to the back.
  • Show or hide individual items.
  • Lock items to prevent accidental movement.
  • Adjust opacity or delete supported items.
Example: If a shape covers your text, send the shape
backward or bring the text to the front.

Effects

Trigger visual effects during important moments in your show.

  • Launch available celebration effects.
  • Adjust supported effect settings.
  • Preview effects before using them live.
  • Trigger an effect whenever something important happens.
Example: Trigger confetti when an expensive item
sells or when you reach a show milestone.

Sounds

Play sound effects through your OBS browser source.

  • Use the included stock sounds.
  • Upload supported custom sounds.
  • Preview a sound before using it.
  • Trigger sounds while streaming.
Example: Play a success chime when an auction
finishes or a product sells.

Save / Load

Save complete designs so they can be restored and reused.

  • Save the current layout with a recognisable name.
  • Load a previously saved layout.
  • Update an existing saved layout.
  • Create and manage starter themes.
  • Keep different layouts for different types of shows.
  • Administrators can publish the current public demo design.
Example: Save separate layouts for toy auctions,
card breaks and Be Right Back screens.

Settings

Manage canvas dimensions, OBS output and account-related options.

  • Set the canvas width and height to match OBS.
  • Copy your private production URL.
  • Open the output in a browser for testing.
  • Regenerate the private URL if it needs replacing.
  • Access any plan-related options available to your account.
Example: Set the canvas to 1080 × 1920 for a
portrait Whatnot stream and use the same dimensions in OBS.

Saving tip: Most changes are sent to OBS automatically.
Allow a moment for saving to finish before closing or refreshing the page.
Use Save / Load when you want a named backup of a complete design.
Public demo: Every visitor receives a separate temporary
workspace and private production URL. Demo layouts and uploaded images are
removed when the 30-minute timer expires. Create an account for permanent
saving.