What are they?
Image attributes can be used when you need to change images for different certifications whilst still only using a single design. Adding an image attribute will create a container box that gets filled with the Image attribute data you upload.
For Example, you may have two different course tutor's who teach the same course. The only image in the certificate design that needs to change is the signature, instead of creating two different designs you can use image attributes to vary the signature image.
Or Perhaps you work with multiple partners and you want to display their respective logos depending on which partner you are issuing for. Image attributes will allow you to do this without creating a design for every single partner.
How do I use them?
First things first, make sure you have set up the rest of your design and know where you want to put the image attribute.
Step 1) In the design editor, click +image and the select "Insert Image Certificate Attribute"
Step 2) Choose the dimensions of the image container you want to add and give the image attribute a name. Don't worry if you're unsure of the dimensions, once it's added to the certificate you can drag the corners of the container to adjust the size.
Step 3) The attribute will be added in a container on the certificate design. Move the image attribute container into place and re-size as necessary.
Step 4) You also need to add these attributes for the mobile design. To do this, click the mobile button in the top right hand corner and then follow the same steps as above. It's quicker this time as the system remembers the image attributes you've already added.
Alternatively you could click the copy desktop design button to copy everything across. Be careful though as the size difference may cause certain elements to distort (use CTRL-Z to undo!)
Step 5) Give your design a name and save it, once you're done you should see a design preview that shows your image attribute containers as greyed out sections. Like this:
Step 6) Now for the clever part. We need to host the images we want to display in the containers on an image hosting website. There are loads of free options but I used postimg.org for this example. Simply head to the site, upload the image(s) and it will generate a unique direct link where it is hosted. This link is the key to getting the image attribute to work so make sure you note it down.
Step 7) Now that we have hosted our images and set up our designs, we're ready to start uploading some data. In this example I will use a spreadsheet upload but you can also do this manually or via API.
Select the group you want to issue for and make sure it is using your new design with the custom image attribute containers added.
Then head to the 'add credentials' tab and click 'spreadsheet upload'. Here you can download a spreadsheet template that is ready to receive your recipient & image data. just click the blue "download spreadsheet template" button.
Step 8) Open the spreadsheet template and add in you data. You will see columns whose names correspond to the image attribute(s) that you added to your design. Paste the image urls that we created in section 6 into these columns.
Step 9) Save the template in either CSV or XLS format, head back to Accredible and upload the spreadsheet.
Step 10) You're done! You can check out a preview of your certificates with their Images in place, by clicking on one of the unpublished certificates. Once you're satisfied just hit publish to send them out.
Here's my finished version: