Settings

Creating a Custom Certificate

Create fully customizable certificates using templates, design elements, dynamic variables, images, QR codes, and canvas settings in KREDO.

The Custom Template option allows administrators to create certificates with personalized branding, layouts, and content. Unlike the Default Template, which uses a predefined structure, the Custom Template provides greater flexibility to customize the certificate design.

Create a Custom Certificate

  1. Under Menu, click Settings.
  2. Click Certificates.
  3. Click Create Certificate.
  4. Select Custom Template.

The Custom Certificate interface consists of three main areas:

  • Left Panel – Contains the certificate name, design elements, and templates.
  • Working Canvas – Displays and organizes the certificate elements.
  • Right-Side Properties Panel – Provides configuration options for the selected element.

Left Panel

The left panel contains the following options:

Certificate Name

Enter a unique name for the custom certificate.

Design

The Design section provides elements that can be added to the certificate, including:

  • Add Text – Add titles, labels, descriptions, and other text.
  • Add Image – Upload images such as logos, signatures, or other graphics.
  • Add Variable – Add dynamic information such as the recipient's name, course, or completion date.
  • Add QR Code – Add a QR code for certificate verification or other relevant resources.

Templates

The Templates section provides predefined designs that can be used as a starting point for creating a certificate.

Available templates include:

  • Academic Achievement – Suitable for academic certificates, diplomas, and course completions.
  • Professional Training – Suitable for corporate or skills-based training certifications.
  • Award Certificate – Suitable for awards, achievements, and special recognition.
  • Blank Template – Provides an empty canvas for creating a certificate from scratch.

Tip: Predefined templates are fully customizable. You can edit, rearrange, duplicate, or delete their elements.

Add Text

Use Add Text to insert and format text on the certificate.

  1. In the left panel, click Add Text.
  2. The Edit Text panel opens.
  3. Enter the required text in the Enter Text Here field.
  4. To insert dynamic information, click Insert Variable.
  5. Select the required variable, such as Name, Date, Course, or Instructor.
  6. Configure the text properties as required.
  7. Click Save Changes.

Text Properties

The available text properties include:

  • Font Size – Defines the text size.
  • Font Family – Selects the font style, such as Arial.
  • Color – Sets the text color.
  • Font Weight – Controls the text weight, such as Normal or Bold.
  • Text Align – Aligns the text to the Left, Center, or Right.

The configured text appears on the working canvas.

Manage Text Elements

After adding a text element, you can:

  • Move – Drag the element to the required position.
  • Duplicate – Create a copy of the selected text element.
  • Delete – Remove the selected text element.

Add Images

Use Add Image to upload images to the certificate.

  1. In the left panel, click Add Image.
  2. Select an image from your device or drag and drop it into the upload area.
  3. Supported image formats include JPG, PNG, GIF, and SVG.
  4. Configure the image properties as required.
  5. Click Add Image to insert the image into the certificate canvas.

Image Settings

The available image settings include:

  • Alt Text – Provides alternative text for accessibility.
  • X Position – Sets the horizontal position of the image on the canvas.
  • Y Position – Sets the vertical position of the image on the canvas.
  • Width (px) – Defines the image width.
  • Height (px) – Defines the image height.
  • Maintain Aspect Ratio – Preserves the original proportions of the image while resizing.

After adding an image, you can drag it to the required position and adjust its size.

Manage Images

You can:

  • Duplicate an image using the copy option.
  • Delete an image using the delete option.
  • Move the image by dragging it on the canvas.
  • Resize the image using its dimensions.

Add Variables

Variables allow certificate information to be populated dynamically based on user or learning data.

  1. In the left panel, click Add Variables.
  2. A variable selection window opens.
  3. Select the required variable from the dropdown list.
  4. Click Add Variables.
  5. The variable is added to the certificate canvas.
  6. Position and resize the variable as required.

Variables can be moved, resized, duplicated, and deleted.

Example: Variables can be used to dynamically display information such as the learner's name, course name, or completion date.

Add a QR Code

Use Add QR Code to add a QR code to the certificate.

  1. In the left panel, click Add QR Code.
  2. The QR code is added to the certificate canvas.
  3. Position the QR code as required.

You can also duplicate or delete the QR code after adding it.

Canvas Settings

Use Canvas Settings to configure the overall appearance and dimensions of the certificate.

Background Color

Select a background color for the certificate using the color picker.

Background Image

Upload an image to use as the certificate background.

To remove an existing background image, click Remove.

Expiry Days

Specify the number of days after which the certificate expires.

Note: Enter 0 to indicate that the certificate does not expire.

Canvas Size

Select the required certificate size:

  • A4 – 2480 × 3508 px
  • Letter – 2550 × 3300 px
  • Custom Size – Allows you to define the certificate dimensions manually.

When Custom Size is selected, enter the required:

  • Width (px)
  • Height (px)

Tip: Select a canvas size based on whether the certificate will be printed or distributed digitally.

Templates

The Templates section provides predefined designs that can be used as a starting point.

Academic Achievement

The Academic Achievement template is suitable for academic certificates, diplomas, and course completions.

  1. Select Academic Achievement.
  2. Click Use Template.
  3. The predefined elements appear on the working canvas.
  4. Customize the elements as required.

Professional Training

The Professional Training template is designed for corporate and skills-based training certifications.

  1. Select Professional Training.
  2. Click Use Template.
  3. The predefined elements appear on the working canvas.
  4. Customize the elements as required.

Award Certificate

The Award Certificate template is suitable for achievements, awards, and special recognition.

  1. Select Award Certificate.
  2. Click Use Template.
  3. The predefined elements appear on the working canvas.
  4. Customize the elements as required.

Blank Template

The Blank Template provides an empty canvas for creating a certificate from scratch.

  1. Select Blank Template.
  2. Click Use Template.
  3. Add and configure the required certificate elements.

Tip: All predefined template elements can be rearranged, edited, duplicated, or deleted.

Right-Side Properties Panel

The Right-Side Properties Panel displays the properties of the currently selected element. Use these options to precisely position and customize elements on the certificate canvas.

Text Properties

When a text element is selected, you can configure:

  • Position – Sets the X and Y coordinates.
  • Font Size – Defines the font size in pixels.
  • Line Height – Controls the spacing between lines.
  • Font Family – Select a standard font or add a custom font.
  • Color – Sets the text color using a color picker or hexadecimal value.
  • Font Weight – Controls the thickness of the text.
  • Text Align – Aligns text to the Left, Center, or Right.
  • Rotation – Rotates the element by the specified number of degrees.
  • Opacity – Controls the transparency of the element.

Add a Custom Font

You can add a custom font to match organizational branding.

  1. Provide a Google Fonts CSS link or URL.
  2. Enter the Font Name.
  3. Click Add Font.
  4. The custom font becomes available for use in the certificate design.

Image Properties

When an image is selected, the following properties are available:

  • Position – Sets the X and Y coordinates.
  • Size – Defines the width and height in pixels.
  • Rotation – Sets the rotation angle.
  • Opacity – Controls the transparency of the image.

Variable Properties

When a variable is selected, you can configure:

  • Position – Sets the X and Y coordinates.
  • Rotation – Sets the rotation angle.
  • Opacity – Controls the transparency of the variable.

Note: For predefined templates, selecting the template displays the properties of its elements in the Right-Side Properties Panel.

Preview the Certificate

Preview the certificate to verify its appearance before saving it.

  1. After configuring the certificate, click Preview.
  2. Review the certificate layout and design.
  3. Click Exit Preview to return to the certificate editor.

Save the Certificate

After completing the certificate design:

  1. Review all design elements and settings.
  2. Click Save.
  3. The custom certificate is saved and added to the certificate list.

Clear the Canvas

Use Clear Canvas to remove all design elements from the certificate canvas.

  1. Click Clear Canvas.
  2. All elements are removed from the canvas.

Caution: Clearing the canvas removes the entire certificate design except the Background Image.

Design Guidelines

When creating a custom certificate:

  • Use templates as a starting point and customize them according to your requirements.
  • Select individual elements to edit their properties.
  • Add text, images, variables, and QR codes as required.
  • Use the Right-Side Properties Panel to fine-tune position, size, fonts, colors, rotation, and opacity.
  • Preview the certificate before saving it.

Related Topics

Creating a Category

Create and organize categories and sub-categories to group learning content in KREDO.

Creating a Default Certificate

Create a certificate using the Default Template with customizable branding, expiry, orientation, and certificate details in KREDO.

Copyright © 2026