> ## Documentation Index
> Fetch the complete documentation index at: https://pitchprint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# GleamPrint For WordPress

> Install GleamPrint on WordPress and add an animated foil accent behind your product images.

GleamPrint adds a foil accent effect behind your WooCommerce product images. It requires [WooCommerce](https://woocommerce.com/woocommerce/) on your WordPress site.

<Steps>
  <Step title="Install WordPress">
    Download and install WordPress from [wordpress.org](https://wordpress.org/).
  </Step>

  <Step title="Install WooCommerce">
    In your WordPress admin go to **Plugins → Add New** and search for "WooCommerce".

    To install it manually, download the [WooCommerce zip](http://downloads.wordpress.org/plugin/woocommerce.zip).
  </Step>

  <Step title="Install GleamPrint">
    Go to **Plugins → Add New** again, search for "GleamPrint" and install it.
  </Step>

  <Step title="Activate both plugins">
    Go to **Admin → Plugins → Installed Plugins** and activate WooCommerce and GleamPrint.
  </Step>

  <Step title="Create a product">
    GleamPrint works on WooCommerce products, so go to **Products → Add New** and fill in the title, description and price.

    <Tip>
      Choose a product image with a cut-out section. GleamPrint renders the foil accent behind the image, so it shows through the transparent areas.
    </Tip>
  </Step>

  <Step title="Pick a gradient and animation">
    In the panel on the right of the **Add New Product** screen, choose your gradient and decide whether to add the light reflection movement or keep it static.

    <Frame>
      <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/6638ac075027f87fcc6be32d/file-02Cgt9TOsY.png" alt="Choosing a GleamPrint gradient and animation state" />
    </Frame>
  </Step>

  <Step title="Publish the product">
    Publish, and the product should look like this:

    <Frame>
      <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/6638b5545027f87fcc6be330/file-y2hCTjB6Ot.png" alt="A published product with the foil accent applied" />
    </Frame>
  </Step>

  <Step title="Preview other gradients">
    Once published, return to the product page to preview how each gradient looks without the animation.

    <Frame>
      <img src="https://s3.amazonaws.com/helpscout.net/docs/assets/58f1ec6d2c7d3a52b42f8254/images/6638b7815ae8353469c6b4da/file-yUlTni8ddx.png" alt="Previewing gradients without animation" />
    </Frame>
  </Step>
</Steps>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.