Skip to main content
Impact calculator

Showcase your impact to customers using the Impact calculator widget.

M
Written by Mariya Kupryienko
Updated over a week ago

The Impact calculator displays the total impact of all giving broken down by your your store currently active cause.

The video below explains the Impact calculator and how to add the Impact calculator to your store. Prefer reading? Just scroll down.

We recommend setting up a separate page to tell your shoppers about the impact your store is making as well as embedding the Virtue Impact calculator into key content pages such as the Homepage.

If you have given to causes with trackable impact the calculated impact is displayed in the impact calculator. For causes who don't have trackable impact the total amount of giving is displayed.

Below is an example of an Impact calculator with both total giving and calculated impact causes displayed

Add the Impact calculator to your Shopify store

Automatically add to your shop’s home page.

While on the Impact widgets page locate the blue link at the top of the page. Clicking this link will redirect you to your theme editor where the Impact Calculator will be automatically added to your home page.

Manually add using the Shopify theme editor.

Alternatively you can place the Impact widget anywhere in your shop using the theme editor.

  1. Head to Shopify Admin > Online Store > Themes > Customize

  2. On the page you would like to add the Impact calculator select Add section and click on the Apps menu.

  3. From the Apps menu select Virtue Impact Calculator.

  4. Click save in the top right hand corner to see the change take effect.

  5. Turn on the Impact calculator by visiting the Impact widgets page in your Virtue admin and selecting the toggle.

Add using Embedded code

  1. Head to Shopify Admin > Online Store > Themes > Customize

  2. On the page you would like to add the Impact calculator select Add section and choose Custom Liquid.

  3. Copy the embed code bellow and paste into the field for the Customer liquid section.

    <div id='pledger-impact' data-widget-id='impact_calculator'></div>

  4. Click save in the top right hand corner to see the change take effect.

  5. Turn on the Impact calculator by visiting the Impact widgets page in your Virtue admin and selecting the toggle.

Add the Impact calculator to your Woocommerce store

Copy the source code from the Impact Widget page. Insert anywhere on your site via the Theme editor HTML option.

    <div id='pledger-impact' data-widget-id='impact_calculator'></div>

Turn on the Impact calculator

  1. Locate and click on Impact widgets in the side navigation menu which will take you to the Impact widgets page.

  2. Under the Impact calculator 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.

When will the Impact calculator become visible in my store?

Once you have selected a plan and activated the app, The Impact calculator will be visible after it has been embedded. However, we recommend making some impact before embedding the Impact calculator to ensure it is visible to your customers.

How often does the Impact calculator update?

Currently numbers are updated automatically every 5 hours. If you need this to be faster - please reach out to support.

View on demo store

Here is a demo store where you can see what the different Virtue widgets look like https://mashas-hackney-bikes.myshopify.com/

Did this answer your question?