Customize the B2B portal appearance

Customize the B2B portal appearance

Customize how your B2B portal appears to your customers. Cin7 Core allows you to upload a company logo, change the website's colors, and change company information that appears in your footer from the Appearance tab of your B2B portal settings. You may also be interested in configuring navigation bars or adding page elements (carousel, banners, etc.) to your portal.

Prerequisites


     

Upload a logo (required)

The portal shows your company logo. Uploading a logo is a mandatory step before customers can start using your portal.

  1. Go to Integrations →Cin7 Core B2B portal and select your store. Go to the Appearance tab.

  2. Click Browse and choose a file to upload. Maximum image height is 72 pixels, but logos will be resized automatically. Logo width is only limited by the width of the screen.

  3. Click Save to complete.

Change portal colors

In this section, you can customize the appearance of your portal by changing the color schemes of the Header, Custom Menu, Content and Footer areas to match your brand. Go to Integrations →Cin7 Core B2B portal and select your store. Go to the Appearance tab to change portal colors.

Click an option, then either enter the color's hexadecimal code or choose a color from the palette to apply the color scheme to that area.

Customize log in screen

Cin7 Core allows you to change the slogan which appears on the login screen as well as display log in information below the the log in fields.

  

Customize the slogan and log in information by going to the Appearance tab of the B2B portal. Scroll down to Slogan and Log in information to edit and format the text, then save your changes. These can be left blank.

Show company information and contact details in footer

Customize your B2B portal footer by adding content pages such as Terms and Conditions, Privacy Policy, and About Us. In this section, you can manage various information pages you would like to include in the footer of your B2B portal, such as a privacy policy, FAQ, etc. This is managed from the Content pages section of your B2B portal settings.

By default, the following content pages are already available and can be customized from this tab:

  • Contacts

  • Terms and Conditions

  • About Us

  • FAQs

  • Privacy Policy

  • Our Goal

Select a page from the list to edit and format the text, table or image content using the HTML Editor (< > symbol). You can copy and paste content from an existing website or edit directly in the editor. Use + Add new section to create a new page which will be displayed in the footer with the others.

  

Content pages can be dragged and dropped to be reorganized. Delete a content page from the B2B portal footer by clicking the X next to a content page. This action cannot be reversed once you have saved your changes.

Customer contact information specified in the General tab, General Settings of your B2B portal settings, is also displayed in the B2B portal footer. The Portal address is shown in this section (select a Company address from the dropdown menu). The Contact Name, Phone, and Email of the Portal Contacts (select a Company contact from the dropdown menu) is also shown. If these fields are left blank, the contact information section for that field will not be displayed.

Add social media links to footer

You can add links to your social media channels to your portal to make it easier for customers to find your content. These will be displayed at the very bottom of your page.   

Add social media links from the General tab of the portal, then scroll to Follow Us. Add the full URL of your social media channels and save your changes.
     

Preview portal appearance

Preview your portal appearance before going live from the Apperance tab. Simply press Preview Portal to see the changes you have made.
     

Was this article helpful?

Have more questions? Submit a request