Navigating Company Stores

video icon.pngNavigation Video 

Organization View Map

The initial screen of the Organization view is the Jump Into a Store screen and provides access to everything you need to create and manage stores, products, orders and data.

1

Use the menu bar to navigate to different sections of the platform.

Stores >

Organization Settings >

Organization Admins >

Suppliers >

Warehouses >

Products >

Orders >

Reports >

Data >

2 The header bar provides breadcrumb links to currently active pages.
3

Click the profile icon to open the My Profile page, where you can view and edit your profile information and reset your password.

 

4 The overflow menu provides links to the Knowledge Base, Support and is where you Log Out.
5 Click these icons to toggle the view of the Stores between tile and list view.
6 Click here to Create a New Store.
7 Enter information into any of these fields to search for a particular store in your list.
8 This is your list of stores. Click the arrows next to each of the column headers to reorder the list.
9 From the Actions column, you can delete a Store or Jump In! to a Store (open the Store dashboard). 
10

The footer bar provides links to additional information.

Legal:

Help:

11 Click on the chat icon to open a support chat.

Store View Map

The Store View Dashboard provides access to everything you need to design and a store, as well as a snapshot of store activities.

1

Use the menu bar to navigate to different sections of the platform.

Design >

Settings >

Admins >

Users >

Products >

Payment Methods >

Reports >

Data >

2 The header bar provides breadcrumb links to currently active pages.
3 Click here to open the Store Front.
4

Click the profile icon to open the My Profile page, where you can view and edit your profile information and reset your password.

 

5 The overflow menu provides links to the Knowledge Base, Support and is where you Log Out.
6 Click the dropdown to change the Dashboard view to show a different time frame. Options are: Today, This week, This month, and This year.
7 This graph reflects the time period selected. Click Go to Reports to select from the different Orders report options.
8 Information in this field reflects the time period selected.
9 Store Info at a Glance provides basic information about the store. Information provided is gleaned from the following sources:
Operating Mode: Site Visibility and Security
URL: Create a New Store
Store Markup or Discount: Basic Settings
Store Admins: Manage Admins
Order Approval: Order Approval
Payment Methods: Test or a list of the types of payment methods applied. 
10 Product Info at a Glance provides basic information about products in the store. Click Edit Products to go to the Edit Products screen.
11 Best-Selling Products list the top three sellers in the store.
12

The footer bar provides links to additional information.

Legal:

Help:

13 Click on the chat icon to open a support chat.

Storefront Map

Commercio Stores Content Blocks.jpg

Header and Navigation Bar

What Navigation Headers would you like along the top of the screen? (See Image under Hero Slider to see what Navigation Header will look like).

  • Select if a navigation items is a page or a category
    • For pages, select the page to link to
    • For categories, select the style of the menu:
      • Simple Link: Great for categories without subcategories
      • Hover Dropdown Menu: Great for categories with a single tier of subcategories
      • Mega Menu: Great for categories with two or more tiers of subcategories

Hero Slider

A full-width image and text slider for products and custom images. Generally the best content block to place right underneath the header. Upload an image. JPG and PNG file types are accepted. 5MB size limit. Dimensions are 1440x460px at Desktop resolution.

  • Please Provide Image if you would like to add to site.
  • Select transition style
  • Set the duration between slide transitions
  • Add and rearrange any number of slides to the slider
    • Select if a slide is a custom slide or a product slide
    • For product slides, select the featured product and add copy
    • For custom slides, upload a background image, add copy, toggle an opacity overlay, set the overlay or text color, and select a destination for the button

Hero Image

A full-width image with text overlay. Functionally equivalent to a single custom slide in the Hero Slider. Upload an image. JPG and PNG file types are accepted. 5MB size limit. Dimensions are 1903x460px at Desktop resolution.

  • Please Provide Image if you would like to add to site.
  • Upload a background image, add copy, toggle an opacity overlay, set the overlay or text color, and select a destination for the button.

Page Title

By default, Page Title is added to any new pages and features the name of the page in a light grey bar. The block can also be used for section headers or content breaks.

  • Add a heading and set the text justification.

Feature product categories in a cycling carousel.

  • Toggle between an automatically scrolling carousel or a manually-scrolled carousel
  • Set the duration between scroll transitions
  • Add and rearrange any number of categories to the carousel. The category’s thumbnail image will display. If the category does not have an uploaded thumbnail, it will pull the alphabetically first product in the category to display.

Feature products in a cycling carousel.

What Products would you like to feature in the Product Carousel?

  • Toggle between an automatically scrolling carousel or a manually-scrolled carousel
  • Set the duration between scroll transitions
  • Add and rearrange any number of products to the carousel.

Two side-by side images with text overlay and multi-purpose buttons. Upload an image. JPG and PNG file types are accepted. 5MB size limit. Dimensions are 780x200px at Desktop resolution.

  • For the left and right images, upload a background image, add copy, toggle an opacity overlay, set the overlay or text color, and select a destination for the button.

Grid

One large product or custom image with six product or category images, organized in a grid layout.

  • Large Image
    • Upload an image. JPG and PNG file types are accepted. 5MB size limit. Dimensions are 621x472px at Desktop resolution.
    • Select if the large image is a product or custom image.
    • For a product image, select the featured product and add hover text.
    • For a custom image, upload an image, add hover text, and select a destination for the click
  • Small Images
    • Toggle between a product or a category
    • Select the product or category

Banner

A centered, narrow image banner with an icon, text overlay, and a multi-purpose button. Upload an image. JPG and PNG file types are accepted. 5MB size limit. Dimensions are 850x150px at Desktop resolution.

  • Upload a background image, add copy, toggle an opacity overlay, set the overlay or text color, select an icon to use, and select a destination for the button

Image

A standalone, centered image.Upload an image. JPG and PNG file types are accepted. 5MB size limit. Dimensions are 850x150px at Desktop resolution.

  • Upload an image and provide alt-text

Video

A standalone, centered video. Recommendation: 850x478 (standard video ratio of 16:9)

  • Enter a video URL to embed. Only works with “embed” links like “https://www.youtube.com/embed/oLV6yVrvrSg”
  • Upload a background image if you’d like to replace the default video cover image, toggle an opacity overlay, set the overlay or play button color, and provide alt-text.

Text Block

A block of larger-sized text with an optional header that is ideal for small paragraphs or sentences of text, or for use with the header only as a section header or title.

  • Add a heading and set the text justification
  • Add the paragraph text

Body Copy

A block of smaller-sized text that is ideal for longer paragraphs.

  • Add the paragraph text and set the text justification

Button

A multi-purpose button that inherits the store accent color and is ideal for calls to action after other content blocks.

  • Add the button text, set the button justification on the page, and select a destination for the button

Spacer

Adjustable white space that can be added between any other content blocks to create breathing room for page elements.

  • Adjust the height of the spacer, up to 200px

Contact

Provide a contact form, contact information, or both. Only editable in other pages besides the Design Home Page editor.

  • Toggle between a one-column and two-column layout
  • Toggle on or off the Contact Form section
  • Add a Contact Form heading and set the text justification
  • Add and reorder any number of form fields
    • Set the field title
    • Set the type of input that will be entered in the field for validation
    • Toggle if the field is required
  • Add button text, set button justification, and add an email address to which the form responses should be sent
  • Toggle on or off the Contact Info section
  • Add a Contact Info heading and set the text justification
  • Add and reorder any number of info blocks
  • Set the info block title
  • Set the type of info that will be added
  • Add an email, address, or phone number

FAQs

Provide blocks that expand to reveal paragraph text when clicked. Only editable in other pages besides the Design Home Page editor.

  • Add a heading and set the text justification
  • Add and reorder any number of question blocks and enter answers in the paragraph text editors

Customize the storefront footer. Only editable in the Design Home Page editor.

  • Add a contact name, address, email, and phone
  • Add links to social media profiles or to corporate websites that will appear as icons in the footer
  • Add any number of additional navigation links to other custom or default pages

 

Updated

Was this article helpful?

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.