Tap into Shoppable Stories with Product Tagging in Your App

Kaan Uyanık
June 6, 2022

Discovery has been fundamental to how users interact with brands on social media, starting with Instagram. When it comes to shopping, the discovery experience has to be immersive rather than transactional, so the user feels like they’re browsing in-store. In order to recreate the same experience in your mobile app, we’ve added a new feature to Storyly, product tagging, with an upgrade on product tags you’re used to seeing on Instagram.

This new feature allows you to tag detailed information such as product name and price within stories, and each product tag takes the user to the product detail page, still within the app, to learn more and purchase. This simple yet effective feature will let brands using Storyly turn their product marketing into sales. Product tagging on stories enhances the user experience and helps convert interest into sales.

What Is Product Tagging on Stories?

Product tagging allows you to tag your products on stories in your app. With each product tagging, you get the ability to provide the user with more detailed information and seamlessly drive the user to purchase.


These product tags are visible within the story and allow the user to get more information about a product they like. Through this simple yet highly effective method, brands with Storyly on their app will have the advantage to convert the user from product discovery to sales.

Product stories have the power to inspire users about a lifestyle instead of just pushing promotions or campaigns. They provide context so the user can imagine the experience with that product. For a fashion brand, that can mean styling the product within a whole outfit in stories with a CTA such as “shop the look.” For nutrition or a supermarket brand, it can come to life in product stories with a recipe.

Why Should You Use Product Tags?

On mobile, we are already accustomed to shopping while consuming content. Moreover, current trends tell us that, in the future, we will all be shopping on apps while watching stories. E-commerce has already entered an era of mandatory story ads with a direct link to purchase.

While browsing and discovery can be made convenient on mobile apps, finding more information about specific products isn’t always as simple. Product tags provide just that. It is an informative yet seamless experience from discovery to checkout. You simply have to integrate product tagging on stories.


If you are a Storyly client, you already leverage your best brand assets on stories in your app, and you create engagement for users to spend valuable time there. Now you need a simple and seamless solution to convert that attention into sales – better yet, a social native feature! Leveraging easy access to detailed product information without interrupting the shopping experience will highly increase the chances of conversion.

Who Can Use Product Tagging?


With Storyly, you can add product tagging to your e-commerce platforms and mobile apps. Your prospective users can easily access the details of your products.

With this new feature of product tagging on stories, you can basically enter the world of shoppable content in your own app. Each product tag provides potential consumers to obtain extensive preliminary information about the product, increasing the likelihood of a purchase. Therefore, this practical feature helps e-commerce stores get noticed by a broader audience and optimizes the journey to sale. However, any app with the intention to showcase products for sale, regardless of their industry, can benefit from this functionality.

Potential Use Cases for Shoppable Tags


Shoppable content means much more than just to tap a story in order to buy. With product tags, apps powered by Storyly can now create immersive shoppable stories by tagging products. They can add multiple and custom product tags; brands can display product details, price, and link tags to complete the user journey within their organic content.

This feature isn’t just for shopping apps. This is intended to add a new layer to the stories on your app to provide a contextual look at products. Expanding on the earlier examples; you can tag any item of clothing or accessories while asking users to “shop the look” with a styled outfit for fashion; similarly, as a food, supermarket, or kitchen appliance brand, tagging any ingredient or gadget while offering a recipe in stories has the potential to engage users without a glaring CTA to buy. You can tag products inside stories or interactive shoppable videos to increase in-app revenue. The possibilities are endless.

How to Make Tags for Products

As a publisher, you decide on the image or video you want to promote. This could be a new collection of unique content. You then upload the content on the Storyly dashboard. Later, you add product tags to relevant parts of the content. Finally, you link the applicable CTAs, enter the product description and price.

Once stories are published in the app, users then get to discover, find out more about the products and purchase! Storyly Studio can offer a seamless experience to integrate this new feature of product tags into your app. At the studio, you can discover product tag template and product tag design options. You can easily create your own custom product tags to better fit the experience of your app.

How to Tap and Shop the Product

Once the story appears, users will be able to recognize the tags.

The users can tap the product tags, such as animated stickers, to see product details.

They will be able to see the price of the product directly in the story.

Once the tag is tapped, they will be taken to the product details page.

Start discovering now and tag products on your product stories!

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

How to customize formatting for each rich text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor pretium massa sagittis cursus. Etiam egestas turpis vitae sem mattis semper placerat in nibh. Nullam tempus ligula sit amet turpis laoreet, et interdum purus hendrerit. Donec tortor massa, ultricies vitae laoreet a, facilisis quis orci.

Pellentesque rutrum erat eget neque accumsan porttitor. Aenean id consequat orci. Aliquam euismod finibus lacus, eu ultrices mauris interdum eu. Nulla tempor ac risus vel congue. Integer imperdiet purus ut turpis ultricies consequat.
  • Sed sagittis, ipsum pellentesque luctus porttitor
  • metus nisl vehicula ex, ut bibendum dui lectus ac odio
  • In faucibus laoreet malesuada. Fusce finibus eros vel nisl sodales congue.
  • Duis in massa mi. Donec venenatis, lectus interdum scelerisque pellentesque, orci lorem maximus ante, fermentum scelerisque dolor est eget nisl.
  • Cras aliquam pulvinar hendrerit. Morbi blandit auctor risus vitae consectetur. Sed auctor mauris eu velit imperdiet tincidunt.
  1. Sed sagittis, ipsum pellentesque luctus porttitor
  2. Ut quis dapibus elit. Nunc non sagittis quam.
  3. Nullam est est, posuere eget orci et, laoreet pharetra tortor.
  4. Nulla felis nisl, viverra sit amet mi id, volutpat ornare est. Ut ullamcorper sed dui sit amet pellentesque. Donec vel lectus id ipsum varius pellentesque et nec elit.
Read more like this
July 1, 2022

Four Features that Maximize Engagement for Web Stories

If you’re familiar with Storyly, it’s likely that you’re also familiar with all the ways that Stories can help brands achieve their engagement and revenue goals. But did you know that we also offer Story capabilities for websites? The same benefits of adding a Story layer to apps are now accessible for websites as well, and we’re constantly adding new features to make them even more fun and effective. Let’s take a look at some of the recent upgrades for Web Stories!
June 15, 2022

Stories: The Leading Mobile Format

Stories are the most popular mobile content form today. What makes them so delightful and how can mobile brand make the most of them? Learn now!
Mobile Marketing
In-App Stories

Subscribe our blog

Get the latest post in your email.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.