Dynamic Designs is an exciting feature that serves to simplify and expand upon the tool-set available for creating Customisable and Personalised (aka Pre-designed) products.
Conventionally, Customisable products are configured on the CPP, and then duplicated multiple times with artwork being applied to create Personalised products. This approach is still valid and fully operational.
Dynamic Designs simply provides an alternate solution which splits the visual element of the product and the configurable functionality/pre-design options into separate processes, which are then combined within the App via a Dynamic Designs selector.
Important Note: Dynamic Designs is currently only supported in 2d with ACP2/ACP3 and ACP3_2. It requires a custom config setting to enable the tab menu - please liaise with your Project Manager at Custom Gateway, or request one by emailing email@example.com asking for this to be created. It is recommended that users have a good understanding of 2d Product Creation and the CPP before attempting to create Dynamic Designs.
What are the benefits of using Dynamic Designs?
The Dynamic Designs feature has the potential to change how Personalised products are created on CPP as it streamlines the creation process.
Lets look at a hypothetical scenario:
I have 10 products with the same print specification, and 3 configurations / designs that I want to be available on each of them.
A) Standard process requires you to create all 10 products on CPP. Each of those products would need to be duplicated and configured with the design being applied to the Print Area.
10 products x 3 designs = 30 products
B) Using Dynamic Designs in the same scenario, we create the 10 base products. Then we create the 3 design variations as separate products on CPP. These can then be applied to the 10 base products in the App, thus removing the multiplication completely.
10 products + 3 designs = 13 products
In this scenario, using Dynamic Designs has more than halved the required workload of the standard process.
Another huge benefit is that any changes to products are much faster and easier to make. This is because the products are fewer in total number, and because they are separate elements. Eg. A change to the 3 designs in (A) would require all 30 products to be altered, whereas in (B) only changes to the 3 Dynamic Designs is required. This would reduce the potential workload by 90% in this case.
How do I set it up?
1. Create your 'base' product on CPP. This should consist of a 2d view, and a print area only. Nothing else is required from a setup perspective for the base product (you can set a colour area to change the product colour if needed), the sole focus should be on how the product is to be presented to the customer. See Figure 1.
2. Create and configure your Dynamic Designs as separate products on CPP. These should be created on a blank/transparent 2d view, as the base product will serve to provide a 2d view within the App. Any design elements should be added as placeholder images/text.
The designs created should be based on the Aspect Ratio of the Print Area defined on the base product - so the pixel dimensions should make use of the full space available (as long as the AR matches closely, the difference in scale between base product and design is irrelevant). See Figure 2
3. The Dynamic Designs then need to be moved to a separate category folder on CPP - this folder will be looked up by the App to make the designs selectable - see Figure 3
4. Generate the URL using Smartlink Builder. You will need the config and the category ID of the designs.
Important Note: The URL parameter for Dynamic Designs is &dd= followed by the category folder ID, eg &dd=12345
Once loaded, the App will display the base product and the Dynamic Design menu. When the user selects a design, it gets applied into the specified Print Area on the base product and the functionality configured on that Dynamic Design then becomes interactive. See Figure 4
Important Note: You can create any configuration as a Dynamic Design - it is not limited to Pre-designs. Technically you could create a blank Print Area and add standard Image Upload/Text Input to give you Customisable Product functionality, as shown in the image above.
How do I load a specific dynamic design by default?
Load your base product with the &p= parameter as always and then also include the &ddp= parameter to reference a product ID from CPP with the dynamic design, it will add this design to the base product on loading.
The &ddp= parameter can be used in conjunction with the regular &dd= parameter which references a category of dynamic designs, this would have the effect of setting the dynamic design which loads by default but still allowing the user a choice of several designs.
It's worth remembering that &ddp= and &dd= can also be used with a product selector parameter &pc= to enable a range of products that can be used with the dynamic designs.
To see the Dynamic Design feature in action use these links: