Shopfront Display

Tags: #<Tag:0x00007fd8087f2a50> #<Tag:0x00007fd8087f2898>

In France we did a tutorial to explain shoppers how to

  • find their shop
  • choose their products
  • finalize their shopping
  • pay
    As less computer oriented people found it difficult to shop… So maybe at the first connection, a step by step journey with pop-up appearing on the site and with a small comments, going through the shopping steps, with a button “next”, to go over the demo, would be great. But we need to make sure it only appears the first time a user shops (with a cookie? I don’t know how that work)

At checkout, enable the shopper to select a pickup point on a map, like it’s done here

We have a hub who has 14 pickup options, it’s not very appealing to have a list of 14 shipping options…

1 Like

Enable the shopfront to display the products by producer (and enable the hub manager to sort out which producers they display first)

1 Like

Some users don’t naturally look for the trolley at the top right corner to finalize their order, they go at the bottom of the page and look for a button, which doesn’t not exist (I saw a user doing that, I had to tell him to click on the trolley which symbolize the basket). Maybe add a button/link “checkout” bellow the “update cart” button at the bottom, like it appears when you click on the trolley actually?


The way product categories are displayed is not so user firendly, you have to click on “more” to see the other category, and it can be frightening to have this looooong list of products on just one page.
Should we opt for shopfront with a more widespread category menu? Either vertical (Goodeggs style below) or horizontal (comptoirlocal style below). Interesting in Comptoirlocal, they have a two step meny, in “fruits and vegetables”, you have sub-menus (salad, root vegetables, season fruits, etc.)
Today in OFN all menu category are displayed on the same level, and even the title of the category list (usually: products) is proposed in the list when a hub manager add a product. So for the shopper, he can’t see any two step menu. I think that would make the product list more easy to navigate to have the possibilty to have two steps menu, and a way to display the meny that avoid to clic on “more” button to see all the option.

1 Like

As mentioned by a hub manager regarding his experience with his customers, the shopper doesn’t want to give too many information about himself, especially private informations that doesn’t seem obvioulsy necessary. So we need to enable the hub to decide which info should be compulsory, and not ask as compulsory info what doesn’t need to. Make customer address and phone non compulsory info at checkout?

I have mentioned before that I would like it to be much clearer if a product is labelled “organic” or similar. At the moment you have to click through to the product description and because that’s not good enough, I have added (organic) to each product title, so to make it clearer to shoppers. Much better would be to have the label shown right there in the list of products.

In terms of having a video or bubbles to explain how it works, I wonder if a website that needs this is simply not intuitive enough?

@Oliver I agree, however I am also aware that we are dealing with a wide variety of demographics, many of which don’t find intuitive websites intuitive at all. I think we’ve all had dealings with folks of older generations who just dont find anything on screens intuitive. I am thinking that the popup bubbles or whatever would be mainly to support these groups.

1 Like

hi people - just a note that it would also be good to be adding to this thread things we like and ideas for how the shopfront could work to be most awesome . . like @MyriamBoure’s post above, so we’re starting to build a picture of what we really want . .

my feeling is that the ideal would be that it is easy to use enough that MOST people don’t need an instructional video, but perhaps that’s there for those that do. It’s certainly common enough on other sites . . but generally not shopping ones. I feel that this might be something applied in the back-end / admin side but we should really try not to need it in the shop / checkout

1 Like

known problem: when hubs are using ‘distribution methods’ to enable selection of different collection points, the customer cannot see what these are until they get to the checkout. People get around this by listing the distribution points in their ‘about us’ info panel, but this means that a) people need to look somewhere and b) they have to keep info up to date in two places.

Was in the original design (but we ran out of money to build) a place to display and select from distribution methods in the shop itself. This would potentially also affect distribution cost, which would mean customer sees the total order price in the cart on the shop page, rather than finding out at the next step that there’s an additional cost

Would like to see this integrated properly in shopfront 2.0 :slight_smile:

1 Like

question: price transparency modal / pop-ups . . how much / well are these being used? would it be worth putting some analytics on them to know if people are actually accessing this information? could this mechanism be used to deal with some of the VAT display issues? i.e. change the colour of the icon if VAT is included in the price, and show the info in the modal

It would be also useful if you could tag certain items to a distribution point, and people selected the point before they shopped so they only saw products that were available at that specific pick up. For example, if some collection points had freezers and were able to sell frozen stuff, but others didn’t.

just having a little look at where some others are up to, farmdrop is pretty nice n easy to use

Interestingly I had a discussion yesterday with a hub manager who said what he liked in OFN was the simple appearance of the shop. For activists group, they really don’t WANT fancy pictures, for which they would need to take beautiful pictures, they just want a clear list and transparency. So I think it’s important that if we have more picture oriented version of the shopfront appearance, we should have various options for the hub manager of how the shopfront will look like.

Or we could have View options in the shopfront so the user can choose e.g.:

  • List with no pictures and minimal info
  • List with pictures and more info
  • Tiles with info below

The hub should also be able to choose default view from backend.

1 Like

I was demonstrating OFN yesterday in a trade show in Toronto - primarily to consumers. The feature they liked the most was the price transparency graph. Next they linked that you can click on the producer name and open the about them description. I was only demonstrating a simple hub with few products, but even so, people didn’t like scrolling through a long list. And - they thought the quality attributes/certifications about the products were not clearly enough stated. Finally, they didn’t like that a fee was added in at the end when they checked out. They expected that applicable taxes would be added at the end, but they wanted to know about any other fees up front. I had a distribution site with a fee that added in at checkout set up in the demo - and they wondered why this fee didn’t appear in the price transparency graph in the shop. It would be great to address these - although, I’m in awe at OFN as it currently stands - I’m blown away by how we want to do even better. I also want to add a comment on taxes and where they should be displayed. For me, it makes sense that taxes are displayed at checkout. All the other fees (mark-ups, fundraising, distribution…) are all fees ‘internal’ to a food network, so it makes sense these are all on the transparency graph. But taxes are not something we (producers, users, admins…) decide - and this money is outside of the food network. So I’d keep the graph only for costs that are ‘internal’ to the food network.

I think the ability to show taxes on shopfront or at checkout is definitely a feature that is required by lots of people @tschumilas. Normally all the other fees can already be added upfront, it depends on how you set up your hub :slight_smile: Only the payment fee, if you set it up, will add up when they choose the payment system. But you can also treat that as a regular entreprise fee and add 2 or 3% in the product price to cover the payment gateway cost, if you want, so no fee at all is added at checkout.

@MyriamBoure We recently tried moving around how we charged our fees on cycles, to try and have all the calculations correct (specifically the payment gateway fee), and were surprised by what our customers had to say about it.
Originally we had put 2.5% to cover payment costs in as an enterprise fee under ‘sales’, but this number only calculates a percentage of the producers cost of the item, it does not cover the cost of the payment gateway on the other enterprise fees. We also wanted to include the cost of using the platform (2% in Norway) but that too needs to be calculated against the enterprise fees as well. Right now, the only way to do that means showing the customer a additional cost at checkout (both for delivery and payment fees where applicable.) In Norway, customers are used to having all fees included in the item cost (except delivery fees). We had instant feedback that our customers did not want to be charged a new (payment) fee at checkout, and many decided to cancel their order and write us instead.
If it were possible for customers to choose their pickup/delivery option first and payment method (ideally having a default one stored against their profile) It would be potentially possible to have all the fees calculated in advance.

@tschumilas as a Canadian, I have always been used to having taxes applied at the end, I was surprised when I first moved here about how all taxes are included in prices here. It will be interesting to see how we move forward to enable the platform to manage the various needs of different societies and cultures.