Customize Portal Appearance

This article will show you where to customize your API Portal theme and what elements can be customized.

You need to generate your API Portal on OpenAPIHub before using the Provider Admin Portal. Please follow "Become a Provider and Generate API Portals (opens new window)" to generate your API Portal.

Where to Customize API Portal Appearance?

1. Log into your API Portal. For more details, visit How to Find My API Portals?

2. Click Appearance on side bar. Then, click Theme to select the desired theme of the selected API Portal. There are 5 themes - Standard, Boxed, Classic, Gallery and Modern, check out our demo portals:

• Standard (opens new window)
• Boxed (opens new window)
• Classic (opens new window)
• Gallery (opens new window)
• Modern (opens new window)

4. Click on the Menu button at the bottom right of each theme card.

• For the current theme you're using, you can click Customize to go to the edit page
• For the other themes, you can click Activate to switch to that theme

5. Then you may click on Display Information or Design & Branding or Landing Page Setting or Header Setting or Footer Setting to update portal appearance according to the theme chosen.

---

What Can Be Customized for an API Portal?

Under Portal Appearance, there are 5 parts you can edit:

• Display Information

• Design & Branding

• Landing Page Setting

• Header Setting

• Footer Setting

These parts will affect what will be viewed by other users on OpenAPIHub.

Display Information

Under Display Information, you will be able to edit your information mainly in text format:

• General

  • Display Name

  • Industry

  • Provider Short Description

  • Terms of Use

  • Privacy Policy

• Public Contact

  • Company Website

  • Business Support Email

  • Technical Support Email

  • Company Contact Number

• Guides (with text styling & images)

Design & Branding

Under Design & Branding, you will be able to customize the portal styling with images & theme colour:

• Profile Picture

• Theme Colour

Landing Page Setting

Under Landing Page Settings, there are 5 parts you can edit, depending on the theme you chose:

• Hero Section

• Features Section (Not applicable to Standard Theme)

• How It Works Section

• CTA Section (Not applicable to Standard Theme)

• Theme-Specific Setting (Only applicable to Gallery Theme)

Header Setting

Under Header Setting, you will be able to customize the portal header with logo and URLs:

• Header Colour Logo

• Custom URL

Footer Setting

Under Footer Setting, you will be able to customize the portal footer with logo and colour:

• Footer White Logo

• Background Colour

---

More Tips for Customizing Your Portal Appearance

1.     Number of characters, file format and file size may be restricted, please refer to remarks under each field for details.

2.     When you enter any page under Appearance, click Edit to start editing details.

3.     Don’t forget to click Save at the end of each page after editing information

4.     You can preview your API Portal by clicking the link icon on this page (opens new window).

---