# Set up subscription sales Web Shop supports selling subscriptions directly via the web interface, without needing to set them up in app stores. This allows you to gain control over the subscription terms, integrate regional payment systems, and reduce costs related to third-party platform restrictions and fees. Xsolla provides all the tools you need to configure and manage subscriptions — both for you and your users: **Audience: all other audiences** * On your side, subscription management is available in Publisher Account. You can create and configure plans for each currency, set trial periods, configure grace periods, view subscribed users, and change subscription statuses for specific users, and more. **End of audience: all other audiences** **Audience: Mobile games, Web games, Premium PC games, Free-to-play PC games** * On your side, subscription management is available in your account. You can create and configure plans for each currency, set trial periods, configure grace periods, view subscribed users, and change subscription statuses for specific users, and more. **End of audience: Mobile games, Web games, Premium PC games, Free-to-play PC games** * Users can manage their subscriptions in Web Shop. If a user is signed in, the **Manage plan** button appears for their active subscriptions. Clicking on the button opens a subscription management interface where the user can, for example, view subscription details, renew or cancel subscription. ## How to get it To add subscription sales to the Web Shop: **Audience: all other audiences** 1. [Set up a subscription plan in Publisher Account](/sell-subscriptions/integration-guide/set-up-plan/#guides_subscriptions_set_up_plan_regular). **End of audience: all other audiences** **Audience: Mobile games, Web games, Premium PC games, Free-to-play PC games** 1. [Set up a subscription plan in your account](/sell-subscriptions/integration-guide/set-up-plan/#guides_subscriptions_set_up_plan_regular). **End of audience: Mobile games, Web games, Premium PC games, Free-to-play PC games** > [!NOTE] > The Web Shop supports only **Regular plans** — i.e., subscriptions with recurring billing cycles. 2. [Set up subscription sales on your site](#web_shop_guide_sell_subscriptions_how_to_set_up). 3. Implement [retrieving information about subscriptions](/sell-subscriptions/integration-guide/get-subscription-information/) purchased by the user in your application. ## Set up subscription sales on your site To add subscription sales, you need to add a button to your site and configure the **Purchase subscription** action for it. You can use customizable buttons in the **Header**, **Card grid**, and **Game editions** blocks. We recommend using the **Cards grid** block for subscription sales — it offers extensive customization options for both the cards themselves and their layout. To make subscriptions available for purchase in Web Shop: **Audience: all other audiences** 1. Open your project in Publisher Account and go to the [Storefronts > Websites](https://publisher.xsolla.com/0/projects/0/site-builder) section. **End of audience: all other audiences** **Audience: Free-to-play PC games** 1. Open your project in the account and go to the [Storefronts > Websites](https://xsolla.com/for/free-to-play-pc/account/0/projects/0/site-builder) section. **End of audience: Free-to-play PC games** **Audience: Premium PC games** 1. Open your project in the account and go to the [Storefronts > Websites](https://xsolla.com/for/premium-pc-games/account/0/projects/0/site-builder) section. **End of audience: Premium PC games** **Audience: Web games** 1. Open your project in the account and go to the [Storefronts > Websites](https://xsolla.com/for/web-games/account/0/projects/0/site-builder) section. **End of audience: Web games** **Audience: Mobile games** 1. Open your project in the account for mobile games and go to the [Web Shop](https://xsolla.com/for/mobile-games/account/0/projects/0/site-builder) section. **End of audience: Mobile games** 2. Click the pane of your site. 3. If your site includes multiple pages, select the one you need: a. Click the current page title at the top of the builder. b. Select the necessary page from the drop-down list. 4. In the main area of the builder, choose a place where you want to add a new block and click **Add block**. 5. Add the **Card grid** block and set it up. For example, specify a title, set a background, and add texts. 6. In the main area of the builder, configure the card grid: a. To split any grid area vertically or horizontally, click the icon with a vertical or horizontal line in the upper-left corner of the area. ![set grid devide](https://cdn.xsolla.net/developers/current/images/solutions/web-shop/catalog/subscriptions/set-grid-devide.svg) b. To set the height or width of an area, drag the **║** or **═** icon. ![set grid size](https://cdn.xsolla.net/developers/current/images/solutions/web-shop/catalog/subscriptions/set-grid-size.svg) 7. Go to the card settings. To do this, click the **⚙** icon. ![go to card settings](https://cdn.xsolla.net/developers/current/images/solutions/web-shop/catalog/subscriptions/go-to-card-settings.svg) 8. Add a subscription purchase button to the card: a. Click **Add button**. ![add button](https://cdn.xsolla.net/developers/current/images/solutions/web-shop/catalog/subscriptions/add-button.svg) b. In the **Action** drop-down list, select **Purchase subscription**. c. In the **Subscription plan** drop-down list, select the plan you created earlier. > [!NOTE] > The list displays only subscriptions with the **Regular plan** type. > > pc-f2p-tmp > pc-premium-tmp > web-games-tmp > > **Audience: all other audiences** > > If the plan you need is not in the list, click **Add new plan** and [set up a subscription plan in Publisher Account](/sell-subscriptions/integration-guide/set-up-plan/#guides_subscriptions_set_up_plan_regular). > > **End of audience: all other audiences** > > **Audience: Free-to-play PC games, Premium PC games, Web games, Mobile games** > > If the plan you need is not in the list, click **Add new plan** and [set up a subscription plan in your account](/sell-subscriptions/integration-guide/set-up-plan/#guides_subscriptions_set_up_plan_regular). > > **End of audience: Free-to-play PC games, Premium PC games, Web games, Mobile games** > d. Change the button style (optional). 9. Customize the subscription purchase button text (optional): a. In the main area of the builder, click on the button text. b. Enter the desired text. By default, the button displays the subscription price or the number of trial days if a trial period is set in the selected subscription plan. When editing the text, you can also include the subscription price or trial period using the following variables: - `{priceDefault}` — base price. If there's a discount, this value will be struck through. - `{pricePromo}` — final subscription price with discount. - `{trial}` — number of trial days. ![edit button copy](https://cdn.xsolla.net/developers/current/images/solutions/web-shop/catalog/subscriptions/edit-button-copy.svg) > [!NOTE] > By default, the text is determined automatically by these rules: > * `{trial} day(s) for free` — if the subscription has a trial period. > * `{priceDefault} {pricePromo} per month` — if the subscription doesn’t have a trial period, but is discounted. > * `{priceDefault} per month` — if the subscription doesn’t have a trial period and is not discounted. > * `Manage plan` — if the current authorized user has an active subscription. This text can’t be changed in the builder and will be displayed even if you manually set custom text for the button. > > To restore default text, click on the button text, delete the custom text and unfocus the button. 10. Configure other card settings. For example, add text, images, and background. 11. Configure other cards in the grid. **Example of the subscription card block setup:** ![subs cards example](https://cdn.xsolla.net/developers/current/images/solutions/web-shop/catalog/subscriptions/subs-cards-example.svg) 12. To make your site publicly available, publish it: a. In the upper-right corner of the site builder, click **Publish**. ![subs publish](https://cdn.xsolla.net/developers/current/images/solutions/web-shop/catalog/subscriptions/subs-publish.svg) b. Check the boxes next to the pages you want to publish. c. Confirm that the website is ready for publishing, and click **Publish**. > [!NOTE] > If website publication isn’t available, make sure all the conditions are met: > * There are no empty sections on the website (marked with a red indicator). > * The [licensing agreement with Xsolla](/get-started/work-in-pa/legal-aspects/#web_shop_guide_sign_licensing_agreement) has been signed. > * The main page is published or selected for publication. You can’t publish child pages before the main one.