Steamworks Documentation
Store Widget

Overview

For any game with a visible purchase option in the Steam store, you can create a widget with information about your product, current price, any discounts, and a purchase button to help you promote and display your title anywhere.

widget-example-firewatch-purchase.png

widget-example-manor-upcoming.png

Widget Functionality

Creating a widget for a released game will show a buy button and the price of the game. In this case, clicking the "Buy on Steam" button from the widget will take customers to the Steam website with the item in their cart where they can easily complete the purchase process and pay with whatever method they prefer, including funds from their Steam Wallet.

Creating a Steam widget for an unreleased game will generate a widget with an "Add to Wishlist" button instead of a "Buy on Steam" button.

Creating your Widget

To create your Steam widget, you will need to head over to your public store page in Steam. This widget will keep up to date as you change your product price or discount, add platforms, or update your branding image.

  1. On the right-hand side of your product page in the Steam Store, click the "Embed" button.
  2. If you have more than one purchase option, you will be prompted to pick which of your purchase options (and price) you wish your widget to display.
  3. You will also see a box that is pre-populated with the first part of your product description. You can edit this to say whatever you want about your product.
  4. Hit "Create Widget".
  5. You will now see a preview of your widget along with the HTML, which you will need to copy and paste into your website or blog where you wish to display it.

Measuring Engagement

Steam's UTM Analytics provides visit and conversion data for Store widgets. By default, widgets will include utm_source=steamwidget on links to your Store page, including on the purchase button. On the UTM Analytics dashboard filter to utm_source=steamwidget to view visit and conversion data for your widget.

You can optionally include your own UTM parameters on the Steam widget's iframe link if you want to be able to track conversions from different places that you have the widget embedded. These parameters will be included on links to your Store page within the widget. If you provide a utm_source it will override the default utm_source=steamwidget. Here's an example
<iframe src="https://store.steampowered.com/widget/500/?utm_source=homepage&utm_campaign=mycampaign"></iframe> // UTM parameters are included on Store page links within the widget <a href="https://store.steampowered.com/app/500/?utm_source=homepage&utm_campaign=mycampaign"/>