Replace the image for Free Shipping or Discount Code Goals

To change the image that appears on the free shipping or discount code goals on the progress bar, you will need to upload your preferred image to your Shopify File Manager, then add a custom CSS code to replace the default free shipping or discount code image with your uploaded version.

Here are the steps on how to upload the image to the Shopify File Manager. Once the image is uploaded, click the Copy Link button of the uploaded image so you can copy the image URL.

Once the image URL has been copied, replace the image URL on the sample CSS code below and add the custom CSS code to your theme.

/* Use custom icon for discount goals in free gift app's progress bar */
body .docapp-free-gift-progress .docapp-fg-progress-goal .docapp-fg-pin .docapp-fg-discount {
    background-image: url(https://cdn.shopify.com/s/files/1/0746/5697/3112/t/4/assets/discount2.jpg?v=1688478660) !important;
    background-size: 30px !important;
}

/* Use custom icon for shipping goals in free gift app's progress bar */
body .docapp-free-gift-progress .docapp-fg-progress-goal .docapp-fg-pin .docapp-fg-free-shipping {
    background-image: url(https://cdn.shopify.com/s/files/1/0746/5697/3112/t/4/assets/discount2.jpg?v=1688478660) !important;
    background-size: 30px !important;
}

Updated on: 11/05/2026