Customize your Pepperi B2B eCommerce Home Screen to include your own branding, images, links, widgets, or any data from Pepperi.
Load a different home screen for small buyers, chain stores, or any other profile which is using your Pepperi B2B eCommerce site.
Display any Pepperi data such as customer details, recent orders, invoices, promotions, and more using the Pepperi Client API calls in the HTML. See Client API documentation at https://apidocs.pepperi.com
To load the HTML file for the Home screen layout, you must first load the HTML for the Main Bar layout. The Main Bar is the header area at the top of each page on the Storefront. To load this file see: Main Bar (Header) Customization with HTML.
Once you have loaded the Main Bar HTML file and created your Home screen HTML file, go to Settings -> Configuration Files and click + Add
File Type: Select WebApp Customization
Name/Description: Provide a name and description
Upload your HTML template for the header and Save
Next, assign the file to be used on the Storefront
Go to Settings -> Company Profile -> WebApp Main Bar
Edit the relevant profile and add the Home screen configuration file UNDERNEATH the Main Bar configuration file (which must be loaded first).
Pepperi will load the first file as the Main Bar (header area) and the second file as the full Home Screen page (as illustrated in the screen above).
You can load multiple configuration files for the Home screen and then use a different one for various profiles, such as Buyer, Manager, Office Staff etc… (any profiles which you have created in Pepperi). Just add the profile to the WebApp Main Bar configuration and select the relevant configuration file.