Frames render an upload button to a step allowing users to add an image from their device. Frames are a powerful and easy way to empower your consumer with the ability to create professional and artistic personalisation's without needing to have any knowledge of how to design. Without frames we would only be able to drop images into a square region defined by a length and width.
Like all other Spiff assets we provide you with public library so that you can start building workflows straight away. To see the library of frames simply make sure the Show public assets button is checked. Here are some of our existing frames.
Uploading logos to a frame works the same as uploading any other image except the image will need to have a transparent background. The file types that we reccomend to use are PNG's and SVG's because they support transaprency. JPG does not, applying a logo in a JPG will result in white space to fill the area outside of the logo.
When adding frames to a workflow step you can have as many as you like! As long as they all have the same aspect ratio. The reason they all need to be the same aspect ratio is because they will all be placed into the same region, which will stretch/squish a frame that is not the right size.
Placing your frames is made very simple with the use of regions. A region is an area that defines the location where the content in your step is placed on the panel. Simply find out the region in which you want your frame to appear on the panel and then add your chosen frame(s). Go here to more about placing your regions.
Frames are created as vectors in Adobe Illustrator and are exported as SVG’s and uploaded to the frames in the asset gallery. Only SVG’s in this folder will be able to be used in the upload step. See steps below for detailed instructions on how to create a frame in Adobe Illustrator.