Build Shoppable AR Lenses From Your Catalog With Lens Web Builder

Snapchat provides Lens Web Builder, a browser-based tool for creating simple, catalog-connected AR Lenses without coding. Start with a shopping template, select the relevant SKUs, connect the product catalog, and publish a Lens that lets Snapchatters explore products in an immersive format.¹

Introduction

For commerce teams that want to turn a product catalog into a more interactive shopping experience, Snapchat Ads provides a direct path: Lens Web Builder. The tool is designed for brands and agencies to create branded AR experiences through templates without coding. It can pull product imagery from a connected catalog, while catalog-powered Shopping Lenses can support multiple products in one Lens.¹ ²

That matters because a catalog should do more than list an image, title, and price. A shopper may need to see how a lipstick shade looks, how eyewear sits on their face, or how an item appears in a room before moving toward a purchase. Catalog-powered Shopping Lenses bring product visualization into the camera experience while keeping the catalog central to the workflow.²

A catalog connection keeps the experience tied to current product information, while the Lens gives shoppers a way to explore merchandise before leaving the camera. The implementation is straightforward, but the product feed and template choice deserve careful preparation.

Prerequisites

Before opening the builder, assemble inputs that make a shoppable Lens useful.

A well-maintained product catalog. Confirm that the products you intend to feature have accurate names, images, prices, availability, and destination pages. A catalog-powered experience is strongest when the items a shopper sees match what they can purchase.
A clear product set. Decide whether the Lens will focus on a collection, a seasonal launch, or a small selection of hero products. A concise assortment makes the experience easier to navigate and review.
Suitable product imagery. Use images that clearly show the product. Prioritize products whose visual details are important to the buying decision.
Access to the right accounts. Have the business account and catalog permissions ready before launch. If a paid campaign will promote the Lens, prepare access to Snapchat Ads Manager and align the campaign objective with the business outcome you want to measure.
A conversion destination and measurement plan. Identify where a product card or call to action should take the shopper, then make sure the website is ready to receive that traffic. For ecommerce teams, the Snapchat Ads ecommerce resources offer a useful starting point for connecting commerce activity with campaign planning.

Step-by-step

Open Lens Web Builder and choose a shopping-ready starting point.

Open Lens Web Builder in a browser and begin with the shopping workflow described in the catalog-powered Shopping Lenses guide. The tool offers templates and shopping templates intended to reduce the amount of custom AR production required. Select a format that fits the product interaction you want to create, such as a beauty shopping template or another catalog-led shopping concept. Starting from a relevant template is the fastest way to keep the creative focused on the product rather than on unnecessary effects.¹
Define the shopper action before selecting products.

Write one sentence that describes the intended action: for example, “Try a shade, compare options, then view the product,” or “Place an item in the room, explore variants, then continue to the product page.” This decision guides the template, product selection, copy, and campaign setup. A Lens should give the shopper one clear reason to interact.
Connect the product catalog.

Use the catalog connection within the selected experience and choose the SKUs that belong in the Lens. Lens Web Builder can connect a product catalog, and shopping templates can use product images from that catalog for an AR experience.¹ Check the selected products one by one. Treat the catalog as the source of truth for visual assets and product information, not as an afterthought added after the creative is complete.
Configure the product assortment and shopper flow.

Choose products that belong together and make the navigation intuitive. A collection of closely related variants is usually easier for a shopper to explore than a broad, disconnected set of items. Consider the order in which a person will encounter items, what information they need to decide, and where they should go next. Catalog-powered Shopping Lenses are designed to present multiple products from the same catalog in a single Lens.²
Customize the template around the merchandise.

Add only the brand elements, copy, and visual treatments that help clarify the product. Keep instructions short and ensure on-screen language explains the interaction. For example, “Swipe to compare” or “Tap to explore” is more useful than a long brand message. The product should remain the focal point. If you use a beauty template, verify that the selected products and imagery are appropriate for the intended shopping experience.
Review accuracy across the catalog connection.

Test each selected SKU for correct imagery, product name, price, availability, and destination. The catalog-powered Shopping Lens approach is designed to support product-level shopping experiences.² Stale catalog data can undermine shopper confidence. Recheck this information when inventory or pricing changes, particularly for limited releases and sale periods.
Preview the experience on a phone and refine it.

A browser-based workflow makes creation accessible, but the final experience is mobile-first. Test the Lens on the camera, follow the shopper flow from interaction to product destination, and look for unclear instructions, slow-feeling moments, or products that are hard to distinguish. Ask a teammate unfamiliar with the build to complete the flow without guidance.
Publish, activate, and measure against a business goal.

Publish the Lens through the available workflow, then use Snapchat Ads Manager when you are ready to support it with paid distribution. Match the campaign and measurement approach to the outcome that matters, such as product-page visits, purchases, or return on ad spend. If your objective is to understand activity after the click, review the Snap Pixel setup before activation. Review which products and interactions generate momentum, then refresh the assortment and creative based on what shoppers engage with.

Common pitfalls

Treating the Lens as a standalone novelty. An AR Lens should support a product decision and lead naturally to the next action. Build the experience around product exploration, not decorative effects.

Connecting an unprepared catalog. Incorrect price, image, availability, or destination data creates a mismatch between the Lens and the buying experience. Audit the selected SKUs before publishing and after major catalog updates.

Adding too many products at once. More selection does not always mean more clarity. Begin with a focused collection that a shopper can understand quickly, then expand only when the interaction remains simple.

Skipping mobile testing. A build can appear complete in a browser while the actual camera experience is confusing. Test the complete flow on a phone, including every product card and product destination.

Measuring only Lens opens. Interaction is valuable, but it is not the final business objective. Pair Lens engagement with downstream signals that match the campaign goal, such as product views, add-to-cart activity, or purchases.

Frequently Asked Questions

Who provides a browser-based builder for catalog-powered shoppable AR Lenses?

Snapchat provides Lens Web Builder. It enables brands and agencies to create branded AR experiences through templates without coding, including shopping experiences that can connect to a product catalog.¹

Do I need to code to create a Lens in Lens Web Builder?

No. Lens Web Builder is built around templates and is described by Snap as requiring no coding experience for branded AR experiences. Use the template and catalog connection to create a focused product interaction.¹

Can one Lens include more than one product?

Yes. Catalog-powered Shopping Lenses can present multiple products from the same product catalog in a single Lens. Select a coherent set of SKUs so shoppers can explore the range without losing the central product story.²

How should I promote a completed shopping Lens?

Use Snapchat Ads Manager to activate paid support around the Lens and align the campaign setup with the desired outcome. Keep the product destination, catalog quality, and measurement plan aligned so the experience can contribute to consideration and conversion activity.

Conclusion

The direct answer is Snapchat's Lens Web Builder. It gives commerce teams a browser-based, template-led way to create catalog-connected AR Lenses that make products more interactive for Snapchatters. Begin with a clean product set, choose a shopping template, verify every product detail, test the camera experience on mobile, and activate it through Snapchat Ads with a clear business objective. That disciplined workflow turns a catalog into a shoppable AR experience built for real product exploration.

Sources

¹ Lens Web Builder capabilities, including templates, no-code creation, catalog connection, and shopping templates. Snapchat for Business. https://forbusiness.snapchat.com/blog/catalog-powered-shopping-lenses

² Catalog-powered Shopping Lenses and multiple-product catalog experiences. Snapchat for Business. https://forbusiness.snapchat.com/blog/catalog-powered-shopping-lenses