Skip to main content
All CollectionsIntegrationsWooCommerceStore management
How can I add mockups to my products in WooCommerce?
How can I add mockups to my products in WooCommerce?

Learn how to add mockups to WooCommerce products by downloading them from Gelato and uploading them to your product listings

Updated over a week ago

This article provides a workaround for adding mockups to WooCommerce products since direct integration isn't available yet. You'll learn how to download mockups from Gelato and upload them to your WooCommerce product listings.


Downloading Mockups from Gelato to add to WooCommerce

While you can't directly add Gelato mockups to WooCommerce, you can easily download them and add them manually. Here's how:

  1. Go to the Gelato platform and navigate to your store's product page.

  2. Select the product for which you want to download mockups.

  3. Open the design editor for the product.

  4. In the design editor, preview the design.

  5. Right-click on the mockup images you want to download and save them to your computer.


Uploading Mockups to WooCommerce

Once you've downloaded your mockups, you can upload them to your WooCommerce product listings. Follow these steps:

  1. Log in to your WooCommerce dashboard.

  2. Go to Products.

  3. Select the product you want to edit.

  4. In the Product data section, find the Images or Product gallery section.

  5. Upload the mockup images you downloaded from Gelato.

  6. Update the product to save your changes.

For a detailed guide on adding product images in WooCommerce, refer to the Adding Product Images and Galleries article in WooCommerce's Help Center.

Did this answer your question?