> For the complete documentation index, see [llms.txt](https://products.monterosa.co/fancompanion/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://products.monterosa.co/fancompanion/feature-index/watchandshop/click-to-buy.md).

# Click to Buy

## Description

Webview app which is embedded into Fan Companion, allowing fans to directly purchase products from a sponsor related to the Sports or Entertainment format. 

## Previews

![](/files/-MgpoOtEE9_0g3MykYCY)

![](/files/-MgpoVtK24j5zGWI5C_L)

![](/files/-Mgpocz1iysGNK31bOmH)

## Specs

| Item       | Spec                                                    |
| ---------- | ------------------------------------------------------- |
| Main Media | **Image** 16:9 \| 750 x 422px \| Max 250kb \| PNG / JPG |
| Product    | **Image** 1:1 \| 274 x 274px \| Max 130kb \| PNG / JPG  |

{% hint style="info" %}
**Image Guidance:** Exact pixel dimensions are for maximum guidance only (00 x 00px), media must be the correct ratio size to avoid being cut or distorted (0:0). For example, 16:9 is equivalent to 32 x 18px and 64 x 36px. Media must be under the recommended file weights to avoid lengthy download times (Max 000kb).
{% endhint %}

## Setup Guide

![](/files/-MhnSSaHQAYHxiH97K2S)

![](/files/-MhnSf_HoedWYZ5bQroQ)

![](/files/-MhnSl-nizsREHauTEL8)

![](/files/-MhnSo_mjdoOsSg5_9NC)

![](/files/-MhnSttvekMpCV127GjA)

![](/files/-MhnSwn0Xpor-6445wvq)

## FAQs

Click to Buy is a carousel of third-party retail content which can be linked out to or embedded into the app. It can be configured to be launched as a bottom navigation tab (“Style” in the UK app) or from MPU in the latest feed or Explore/Discover buttons. This commercial feature is a web app which is managed in a separate **Monterosa / Interaction Cloud™** project and embedded into the app.

| Feature             | Description                                                                                                                                  |
| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
| Brand design assets | Brand-specific design assets can be configured in the Click to Buy project, including header image, navigation buttons and background images |
| Carousel images     | Main carousel images managed within the platform                                                                                             |
| Product launchers   | Images and product information configured within the platform, which click through to third party product pages.                             |