> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help-new.virtueimpact.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Product page - Giving widget

The **Product Page giving widget** is used to promote your giving campaigns within your store.

The video below explains how to setup the Product page Giving widget. Prefer reading? Just scroll down.

${frame}[](https://www.youtube.com/embed/cvxyFA17kNQ)

By default you can setup this widget on your product page. By adding it to your product page it will calculate the giving amount dynamically based on the price of the product or selected variant/variation.

When turning on this widget by default it will appear directly below the **Buy it now or Add to cart** button.

Depending on your giving campaign this will show a fixed amount or percentage from the product or the order.

If you have enabled [Upsell giving](https://help.virtueimpact.com/en/articles/8263324-upsell-with-giving) it will display the target amount the customer must spend and a donation amount.

[![](https://storage.crisp.chat/users/helpdesk/website/-/4/0/c/f/40cfdd4d427ed800/219b7825-1bab-4efe-bd3e-f45054_la60rs.png)](https://downloads.intercomcdn.com/i/o/820065526/991412c77fac978d4061a0dd/Screenshot+2023-08-31+at+18.07.15.png?expires=1765978200&signature=c7b794223e35dc8e536e3df4f764484a3028123aae65bd3f9b158d7ecb92ea51&req=fCInFs97mINZFb4f3HP0gGnVcXoXFYDbFu7GX%2BgFS83uQ1U0kpTZoRk2ZqX8%0Ae6F6grRjS4Zg%2FvbdJg%3D%3D%0A)

If you would like to setup the Product page giving widget on **any other page** the steps to do so can be found [here](#h_c6fbe5b8cb).

If you have a **Shopify 2.0 Theme** you can learn how to add the widget block using your theme editor [here](https://help.virtueimpact.com/en/articles/8323314-product-page-giving-widget-shopify-2-0).

## Turn on the Product Page Giving widget

1. Locate and click on **Widgets** in the side navigation menu which will take you to the **Widgets** page.
2. At the top of the **Widgets** page you will see the Widgets navigation bar. Click on **Product Page**.
3. Under the **Product Page banner** description you will see a toggle switch. Click this toggle and then click on **save** at the bottom of the page to enable the widget.
4. The widget will automatically appear on your **product page** under the buy now button.

[![](https://storage.crisp.chat/users/helpdesk/website/-/9/8/8/f/988f74bd6f801000/3a5fc07c-2787-4ba4-8800-b85f03_1p5zsjy.gif)](https://downloads.intercomcdn.com/i/o/808951269/544c3345bae7e9d7589dbeb2/01.anabe-product-page-banner.gif?expires=1765978200&signature=2855cd61cc935705ce661dc5e8183b5cc2316b311eb4982b90a054a46e9fdfe1&req=fCAvH8x%2Fn4dWFb4f3HP0gI9AZhtZeqf5Crmck8QBSybbT5yorG8ZiXlppt05%0AvE4pjLwyhsBe6nqarg%3D%3D%0A)