Configure a homepage for your buyers logging in to Pepperi B2B eCommerce. Easily create a beautiful easy to use homepage that emphasizes the promotions, categories, and products you wish to focus your buyers on.
Page Builder allows you to design a homepage by dragging and dropping Slideshow and Gallery blocks containing graphic assets, and action buttons linking to specific items or filters in the catalog.
- Create a new page
- Add sections
- Drag Slideshow or Gallery blocks into the sections
- Save and Publish the page
- Assign buyers permission to view this page as the homepage when logging in to the Pepperi web app
Pages designed in Page Builder are supported on the web app only.
COMING SOON: mobile support for pages designed in Page Builder.
Video: Quick view of configuring a home page
Slideshow block
General Select the size and format settings for the Slideshow. Height Padding Transition duration, type, time Arrows |
|
Content Add slides For each slide select the Title, Subtitle, font, overlay
|
|
Assets Manager Use the Assets Manager to upload images and select the image for each slide. Asset file names should NOT contain spaces, or "+" sign |
|
Buttons and Scripts Slides can have up to 2 buttons The buttons link to the catalog for ordering. Each button runs a script that opens a new Activity or Transaction. See script parameters information below. There is a sample script attached for Creating and Navigating to a new Transaction or Item Details page. Note: the script parameters need to be added manually.
|
Script Parameters
atd_name - name of the Transaction Type to open (ie "Sales Order", "B2B", etc)
catalog_name - name of the Catalog to use in the Transaction Type
status_list - the equivalent of the "Validate History" action in the Transaction Workflow. Enter "1" if you wish to check for orders already "In Creation" status and automatically open an open order. Leave blank to open a new order each time.
NOTE: Do not use the Validate History action in the workflow of the Transaction Type you are using in scripts. All validations should be handled by the script. If you have a "Validate History" action in your Transaction workflow in new -> In Creation status transition, delete it, and add "1" in the "status_list" parameter.
filter - the filter parameter from the URL of the catalog
view_type - a specific view (Medium, Grid Line, etc.) to open in the catalog
To find parameters, open the catalog to the filter you would like to link to, and copy the URL.
The filter parameter is the value in the URL highlighted below - the CurrentTab= parameter.
The view_type parameter - after &ViewType in the URL example below.
https://app.pepperi.com/transactions/scope_items/d71ad49c-28fc-454c-adc5-424ea72e71b2?CurrentTab=%22%7B%5C%22JsonFilter%5C%22:%5C%222ca75973-5e3e-4a8b-ba19-0c1811bd628b%5C%22,%5C%22Parent%5C%22:%5C%22%7B%5C%5C%5C%22JsonFilter%5C%5C%5C%22:%5C%5C%5C%2241be52c5-120b-4d4a-be1e-d7d189369d5d%5C%5C%5C%22%7D%5C%22%7D%22&StartIndex=0&ViewType=%7B%22Key%22:%22OrderCenterView3%22,%22Value%22:%22Medium%22%7D&SearchString=&SearchAll=false
account_uuid - Account UUID will be taken by default from the logged in account. However for debugger/testing you can enter an Account UUID
item_uuid - if you want the user to be directed to a specific Item Information page, enter the UUID of the specific Item Information Page you wish to open the catalog on. To find the UUID, browser the catalog and click on the Item Information of the item. The UUID is the part of the URL after the "item_details". For example:
https://app.pepperi.com/transactions/item_details/d71ad49c-28fc-454c-adc5-424ea72e71b2
Gallery block
General Select the Max Columns, Heights, and size options for the Gallery |
|
Content Add Gallery Images and script actions when clicking on each image in the gallery. |
|
Assets Manager Use the Asset Manager to load images for the Gallery |
0 comments
Please sign in to leave a comment.