Web Adding a product in Square

Watch a recorded Adding a product flow inside Square on desktop web. Every screen and interaction is captured step by step — see exactly how Square designs the Adding a product experience for web users.

Square is a powerful, easy-to-use point of sale (POS) system that helps businesses manage payments, inventory, staff, and customer relationships from a single platform. With features like contactless payment options, real-time reporting, and the ability to integrate with e-commerce platforms, Square is ideal for businesses ranging from retail stores to restaurants. It offers tools for managing orders, creating custom reports, and tracking sales, ensuring smooth operations for businesses of all sizes.

Video preview
In this video
  • Home
  • Items
  • Create item
  • Set name
  • Add description
  • Select categories
  • Continue
  • Add option
  • Search
  • Search results
  • Continue
  • Create variations
  • Edit variation
  • Details
  • Edit details
  • Done
  • Manage
  • Save
  • Changes saved
  • Items
  • Add item
  • Save
  • Item added
Adding a product 30 Screens
Adding a product screenshot
Home
Adding a product screenshot
Adding a product screenshot
Items
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Create item
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Set name
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Add description
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Select categories
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Continue
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Add option
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Search
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Search results
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Continue
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Create variations
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Edit variation
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Details
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Edit details
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Done
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Manage
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Save
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Changes saved
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Items
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Add item
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Save
Adding a product screenshot

Sign up to unlock this user flow

Try 3 Days
Item added
Unlock 20 hidden flows

Log In or Sign Up to See All
Square Flows

  • Home
  • Items
  • Create item
  • Set name
  • Add description
  • Select categories
  • Continue
  • Add option
  • Search
  • Search results
  • Continue
  • Create variations
  • Edit variation
  • Details
  • Edit details
  • Done
  • Manage
  • Save
  • Changes saved
  • Items
  • Add item
  • Save
  • Item added

Other Business apps you might like

Eventbrite screenshot
Intercom screenshot
Mailchimp screenshot

Square Adding a product Flow on Web — Full Sequence

This recording documents the Adding a product flow inside Square's web experience, captured from the live desktop product. Rather than showing summarized highlights, it preserves the full flow — every screen, hover state, transition, and UX decision — so you can study the real experience, not a press-ready version.

Web-Specific Adding a product Design Considerations

Adding a product on the web comes with different constraints than mobile: larger screens, multi-column layouts, keyboard shortcuts, and richer interaction possibilities. Square's approach to Adding a product on web reflects those realities, and seeing it in full makes it easy to understand the design decisions behind the flow.

A Reference for Adding a product Research on the Web

For growth teams, designers, and PMs researching Adding a product patterns on the web, this recording provides a direct reference to a production implementation. For teams benchmarking against Square specifically, it's a detailed look at how the brand handles this moment of the experience.

Frequently Asked Questions

What does the Square Adding a product flow cover?

The recording captures the full Adding a product sequence inside Square on desktop web — every step, every transition, and every significant design decision from start to finish.

How does Square's web Adding a product differ from its mobile versions?

Web Adding a product flows typically use more screen real estate, richer hover interactions, and keyboard-friendly patterns that don't work on mobile. If Square also has iOS or Android entries, you can cross-reference to see the platform differences.

Can I see Adding a product flows from other web products?

Yes. The web Adding a product flows category gathers the same flow type from many different web products, so you can compare Square's approach against competitors and alternatives.

How up to date is the Square Adding a product recording?

Recordings are refreshed when Square ships notable redesigns, so the Adding a product flow reflects the current web experience.