Things You Must Have:

These are prerequisites for UpCertify.

Download & Installation

Follow these steps to install the UpCertify add-on in your Lernen platform:

• Step 1: Download the Package

  When downloading the zip package file from CodeCanyon, you'll have all the files you need inside. The zip package contains the following files:

  • Upcertify.zip contains the UpCertify Add-on
  • documentation.zip folder (It contains documentation for the add-on)

• Step 2: Extract the Package
  • Extract the downloaded zip file i.e. Upcertify.zip
• Step 3: Install UpCertify
  • Goto Admin > Manage Addons and click on Add new.
  • Choose the Upcertify.zip file that was downloaded from the CodeCanyon and click on Install.
• Alternatively, Manually Installation

  If you prefer to manually install the UpCertify add-on, follow these steps:

  • Extract the downloaded zip file i.e. Upcertify.zip in Modules/ directory
  • Execute this – php artisan module:enable Upcertify
  • Execute this – php artisan module:migrate Upcertify
  • Execute this – php artisan module:seeder Upcertify
  • Execute this – php artisan module:publish Upcertify
  • Please verify whether the following NPM packages are installed. If they are not, please proceed to install them.

        "dependencies": {
          "puppeteer": "^23.5.1",
          "puppeteer-core": "^23.5.2"
        }
    

  • Execute this to install the NPM packages – npm install puppeteer puppeteer-core --force

Certificates

The Certificates Management page displays all certificates that the tutor has created.

Create Certificate

• Click on the Certificate from the left sidebar.
• Located at the top right of the page, the Create Certificate button allows users to add a new certificate.
• A pop-up form appears when the user clicks the Create Certificate button.
• Title Field: Users are prompted to enter a title for the new certificate. This is a required field.
• Create Button: After entering the title, users can click Create to add the certificate to their collection.
• Cancel Button: Users can close the modal without saving by clicking Cancel.

After create certificate the page will be redirected to the certificate editor page.

After redirecting, this page allows users to edit and customize templates for their designs, such as use built-in elements or templates. Here’s a brief overview of how to use the key features on this page:

General

• Title Field: The top left section allows users to enter or edit the title of the template. The title is a required field for saving or updating the template.
• Update Button: After making changes to the title or any other aspects of the template, click Update to save the modifications.
• The central section displays a live preview of the selected template. Users can see how their customizations, such as backgrounds and elements, appear in real-time.
• The template is shown in a large view, making it easier to visualize the final design before saving.
• Update Button: Clicking this button will save all changes made to the template.

Media

The Media section in Lernen’s editor provides users with the tools to manage and upload media elements such as backgrounds and attachments for their documents and certificates. Here's how to use it effectively:

• Under the Background category, you can upload and manage various backgrounds.
• Click the + icon to add a new background. A modal will open where you can:
• Title Field: Enter a title for the background. This is a required field to save the background.
• Upload Section: Users can either drag and drop their file or click to upload a background image. Supported file types are displayed.
• Save Button: After entering the title and uploading an image, clicking Save will add the background to the library.
• Cancel Button: Clicking Cancel closes the modal without saving any changes.

• In the Attachment feature allows users to add visual or decorative elements, such as signatures, logos, or custom graphics, to documents like certificates.
• Click the + icon next to the Attachment section.
• Title Field: Enter a title for the attachment. This is a required field to save the attachment.
• Upload Section: Users can either drag and drop their file or click to upload a attachment image. Supported file types are displayed.
• Save Button: After entering the title and uploading an image, clicking Save will add the attachment to the library.
• Cancel Button: Clicking Cancel closes the modal without saving any changes.

Elements

The Elements section in Lernen’s editor provides dynamic fields that can be inserted into your documents to personalize certificates or other outputs automatically. These elements pull relevant data from the system, ensuring that each document is unique and accurate. Here's how to use this feature:

• Click on the Elements option in the left sidebar to view a list of available dynamic fields.
• Elements such as Tutor name, Student name, Session date, and other details are listed. You can search for a specific field using the search bar at the top.
• Drag and drop an element onto the document canvas. The placeholder text (e.g., [tutor_name]) will appear where the data will be automatically filled when the certificate is generated.
• Once the element is added, you can click on it to access formatting options like font size, style, alignment, and color in the top toolbar.
• You can also add custom messages or text directly onto the canvas and format them to match your design.
• The Custom message element allows you to add personalized notes or instructions that are not part of the system data but can be adjusted manually.
• After arranging and editing your elements, click the Update button at the bottom of the editor to save your changes.

All certificates

Click on the three-dot menu (...) next to the template you want to use and select Use Template.

• This Use Template option allows you to quickly utilize an existing certificate template.
• This will open a new form where you can customize the content based on the selected template, such as adding recipient details or other specific information.
• Once completed, you can save and generate the certificate.

Assign Certificate (Tutor side)

The Assign Certificate page allows tutors to assign certificates to students. Here's how to use it:

• Go to Manage Bookings > Manage Sessions
• Click on the Add new Session at the right side.
• Select the Certificate from the Certificate dropdown.

Note: If no certificate is selected, students will not receive a certificate upon completion of the session.

Download Certificate (Student side)

When booking is completed, the student will receive a certificate. The Download Certificate page allows students to download their certificates. Here's how to use it:

• Go to Certificates section from the left sidebar.
• Click on the Download or View action button from the Action column.