Skip to main content

How to customize your POK credential pages

Custom pages in POK Proof of Knowledge control how your credentials look when recipients open them. You can brand each page with your logo, header color, banner, footer, and up to four ads, then link it to the credentials you issue. This guide shows you how to create, edit, and delete custom pages.

Create a custom page​

  1. Open "Branding" from the main menu, then click "Customize" in the Pages section.

  2. Click "New Page" to create a page, or review the list of pages you already created.

  3. Enter a name to identify the new page, then click "Confirm".

The page editor opens with the sections you can customize, next to a preview of the page. Every field is optional.

A new page starts from Your brand when your organization has saved one: its header logo and color, banner, button colors and footer are already filled in. Otherwise it starts from POK's defaults. Each section's "Reset" button also goes back to those starting values.

Customize the header and banner​

  • Header: drag a logo onto "Drop your logo" in the Header section, or click it to browse your files: PNG, SVG or JPG, under 2 MB. You can also change the "Header color". The logo is optional: a page without one shows no logo in its header, neither POK's nor your organization's name.

  • Banner: drag an image related to your brand onto "Drop your banner", or click it to browse your files: PNG or JPG, under 2 MB. The recommended size is 1440 × 160 px, or 2880 × 320 px (9:1 ratio). Its "Background color" fills the sides of the banner on wide screens.

Once an image is uploaded, "Replace" swaps it for another file and "Delete" removes it.

In the preview, the header and the footer carry an "Edit" button and the banner an "Upload Banner" button. Clicking one opens that section of the editor.

Add ads​

Each custom page supports four ads, and each ad can use one of four formats: static image, video, text, or document.

Text​

Enter a title of up to 48 characters, a description of up to 120 characters, and optionally a link. If you add a link, a button appears and you must enter the button text that redirects to that link. Click "Create".

Static image​

Optionally add a link so the image acts as a button, then select and upload the image. Click "Create".

Video​

Enter the link of the video you want to show and click "Create".

Document​

Enter a title of up to 48 characters, a description of up to 120 characters, and upload the document as a JPG, PNG, or PDF file under 2 MB. Click "Create".

Customize button colors​

You can change the colors of the buttons on the page, both the ad buttons and the ones shown with the credential decryption, by entering the color code in RGB, HSL, or hexadecimal.

The Footer section lets you "Choose which footer the recipients of your credentials will see.":

  • "POK footer": POK's standard footer, with the platform's logo and links.
  • "Create my own": your own footer, with its own logo (PNG or SVG, under 2 MB), "Footer color", "Footer text color", "Brand slogan" and "Columns and links". Click "Add links" to build up to three columns of up to five links each, with a live "Footer preview". The links work as described in Your brand.

"Reset" in this section brings back the footer of Your brand.

Link a credential to a custom page​

Go to "Issue". After choosing the type of delivery you want, select the credential design and the custom page you want to associate with it.

Edit a custom page​

Open "Branding" from the main menu, click "Customize" in the Pages section, find the page you want to edit in the list, and click the pencil icon. Keep in mind that editing changes how every credential linked to that page is displayed.

Delete a custom page​

Open "Branding" from the main menu, click "Customize" in the Pages section, find the page you want to delete, and click the trash can icon. Credentials linked to that page are unlinked and associated with POK's default design.

That's it: you now know how to create and manage the custom pages where your credentials are displayed.

Learn more​

To fully customize the look of your credential pages with your own branding, see the white label feature page.