Skip to main content

Image Replacement

This tutorial guides you through managing media folders and replacing image objects in templates. This setup allows users to easily change images within the design while maintaining the layout structure.

Video Tutorial

1. Select a Company

Before configuring the template, you need to create a media folder that will contain the images users can select later in the design.

First, select the Company where you want to manage media assets.

image-replacement (1).png

2. Open Media

Click Media to open the media management section for the selected company.

image-replacement (2).png

3. Create a Folder

Click Create First Folder to start creating a media folder.

image-replacement (3).png

4. Create Additional Folders

To create another folder, right-click any existing folder and select Create New Folder.

image-replacement (4).png

5. Enter the Folder Name

Enter the folder name, then click Save.

image-replacement (5).png

6. Add New Media

Right-click the folder and select Add New Media to upload images into the folder.

image-replacement (6).png

7. Upload Image

Click Upload Image to select and upload image file.

image-replacement (7).png

8. Enter the Image Name

Enter the image name, then click Save.

image-replacement (8).png

9. Review Uploaded Image

The uploaded image will appear on the right side. Repeat the previous steps to upload additional images into the folder.

image-replacement (9).png

10. Navigate to Products

Click Products to open the product management section.

image-replacement (10).png

11. Open a Product

Select the product where you want to add the template.

image-replacement (11).png

12. Open Template Settings

Click Template to manage the template settings for the selected product.

image-replacement (12).png

13. Add a Template

Click Add Template to create a new template.

image-replacement (13).png

14. Import the Template

Click Import Template and select Import PDF.

image-replacement (14).png

15. Mark the Image as a Variant

Right-click the image object users should be able to replace, then select Mark as Variant.

image-replacement (15).png

16. Select the Variant Type

Click Select a variant type and choose Image.

image-replacement (16).png

17. Select the Media Category

Choose the media category that contains the uploaded images.

image-replacement (17).png

18. Confirm the Settings

Click Confirm to save the image variant settings.

image-replacement (18).png

19. Save the Configuration

Click OK to finalize the settings.

image-replacement (19).png

20. Enter the File Name

Enter the file name, then click Confirm.

image-replacement (20).png

21. Preview the Design

Click Preview to review the final layout.

image-replacement (21).png

22. Browse Available Designs

Click BROWSE DESIGN & ADD TO CART to select a design for printing.

image-replacement (22).png

23. Update the Image

Click the image object to start replacing the image.

image-replacement (23).png

24. Select an Asset

All images from the selected media category will appear on the right side. Select the image you want to use in the design.

image-replacement (24).png

25. Review the Updated Design

After selecting an image, the design will automatically update with the new image.

image-replacement (25).png


You have successfully configured image replacement, managed media folders, and customized image variants within the template.