Follow

An Introduction to Image Attributes

 

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 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_2017-03-06_at_17.38.28.png

 

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_2017-03-06_at_17.42.35.png

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_2017-03-06_at_17.51.31.png

                          

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_2017-03-06_at_17.53.42.png

 

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_2017-03-06_at_17.57.26.png

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-11-27_at_4.18.32_PM.png

 

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-11-27_at_4.20.59_PM.png

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:

Screen_Shot_2017-03-06_at_18.12.47.png

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.