A Guide to Image Attributes

This quick guide will help to explain what image attributes are and how powerful they can be when used on your certificate designs or email templates.

What are Image Attributes?

Image attributes can be used when you need to change images for different certificates whilst still only using a single certificate design and group. Adding an image attribute will create a container box that gets filled with different image 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 depending on which recipient had which tutor. 

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 image attributes?

 

First things first, make sure you have set up the rest of your design and know where you want to put the image attribute. 

 

1. In the design editor click the 'Attribute' button to open the Attributes menu. Then scroll down to the bottom of the menu and select "+ Add a Custom Attribute"

Screen Shot 2018-12-14 at 4.01.16 PM

Step 2) Type in the name you want to call your Image Attribute, this can be anything you like. Then select 'image' from the Attribute Type' drop down field and click save once you're done. 

Screen Shot 2018-12-14 at 4.01.43 PM

Step 3)Choose the dimensions of the image container you want to add  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.

 

Screen Shot 2018-12-14 at 4.02.18 PM

 

Step 4) The attribute will be added in a container on the certificate design. Move the image attribute container into place and re-size as necessary.

Screen Shot 2018-12-14 at 4.03.17 PM

Step 5)Give your design a name and save it. Once you're done you should see a design preview in the all designs section that shows your image attribute containers as greyed out boxes. Like this:

Screen Shot 2018-12-14 at 4.03.49 PM

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 but you can actually use our system to create the image link for your signatures.  

Head to the certificate design of your choice, then drag your image (must be a JPEG or PNG) into the design. Then right click on the image and select 'copy image address'

Screen Shot 2018-12-14 at 4.04.17 PM

 

From there, you will generate an image link to use for uploading your credential data. The link will look like so:

https://s3.amazonaws.com/accredible-api-templates/1543364575109.png

Make sure to save this for your records and identify the signature so you do not confuse it with others! 

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 "download spreadsheet template" button.

Screen Shot 2018-12-14 at 4.04.54 PM

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. 

Screen Shot 2018-12-14 at 4.05.23 PM

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:

 

Screen Shot 2018-12-14 at 4.05.50 PM