Skip to main content

Generate & Replace QR Code

This tutorial guides you through generating a QR code and configuring it as an editable variant. Customers can replace the QR code by entering a different link when customizing the product template.

Video Tutorial

1. Open a Product

Select the product where you want to add the template.

qr-code.png

2. Open Template Settings

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

qr-code (1).png

3. Add a Template

Click Add Template to create a new template.

qr-code (2).png

4. Import the Template

Click Import Template and select Import PDF.

qr-code (3).png

5. Keep Texts Position

Enable Keep Texts Position to preserve the original text layout during import.

qr-code (4).png

6. Open the QR Code Tool

Click Tools from the side menu.

qr-code (5).png

7. Select QR Code

Click QR Code to open the QR code generator.

qr-code (6).png

Enter the URL you want to convert into a QR code.

qr-code (7).png

9. Generate the QR Code

Click Generate Code to create the QR code.

qr-code (8).png

10. Position the QR Code

The generated QR code will be added to the design. Move and resize it as needed.

qr-code (9).png

11. Mark the QR Code as a Variant

If you want customers to replace the QR code when ordering, right-click the QR code object and select Mark as Variant.

qr-code (10).png

12. Select the Variant Type

Click Select a variant type and choose QR Code.

qr-code (11).png

13. Enable Required Before Save

Enable Required Before Save if customers must replace the QR code before saving the design.

qr-code (12).png

14. Confirm the Variant Settings

Click Confirm to save the variant configuration.

qr-code (13).png

15. Save the Configuration

Click OK to finalize the template settings.

qr-code (14).png

16. Enter the File Name

Enter the file name, then click Confirm.

qr-code (15).png

17. Preview the Design

Click Preview to review the final layout.

qr-code (16).png

18. Browse Available Designs

Click BROWSE DESIGN & ADD TO CART to select the design.

qr-code (17).png

19. Update the QR Code

Click the QR code object to edit it.

qr-code (18).png

Enter the new URL you want to generate.

qr-code (19).png

21. Generate the New QR Code

Click Generate Code to create a new QR code using the updated link.

qr-code (20).png

22. Review the Updated Design

Verify that the QR code has been updated correctly in the design.

qr-code (21).png


You have successfully generated a QR code and configured it as an editable variant. Customers can now replace the QR code with their own link while customizing the product.