In this tutorial we overview what features are included in the marketplace template. This is important to understand before you start to modify the template.
Last updated
Depending on which type of marketplace template you installed, there will be a different set of features to highlight. For instance, whilst rental marketplaces focus heavily on the features such as the duration a renter can use a providers property for, item condition tracking and so on, product marketplaces have more of a focus on shipping and logistics.
That being said, all marketplace templates include the following set of features.
Sellers, also known as "providers" all have to have a way to onboard new products, services or rental property to their marketplace. To test this out and upload your first property listing, click on the "List your property" option in the top right of the screen. This is shown below.
Note. Depending on which template you have implemented, the seller onboarding forms will be displayed in different locations. However, each full stack template will work in the same way.
After clicking on the List your property button, your sellers will get pulled through the the My Listings page. This page will be used to display all of their marketplace listings. From within here the seller can click on "Create Listing" to create a new listing. This is shown below.
Clicking "Create Listing" will bring up the seller onboarding forms. The seller can click "Get Started" in order to start the process of listing their first item.
Note. All of these onboarding screens are fully customizable from within Dittofi's visual development studio. You will be able to edit these with the same flexibility as coding but without having to write any code. We will come onto how to do this in later tutorials.
After the seller clicks "Get Started" they will then be able prompted to tell us something about their listing. As noted above, you will be able to switch out images, change the colors and copywriting on these forms using Dittofi's visual development studio. We will show you this later on.
Once the seller clicks next, they will be prompted to fill in some information about their listing. This includes:
A title for the listing
A location for the listing
Basic information about the listing
Again - this form can be customized later on for your specific use case.
Add photos to their listing
Assign a listing to a category
Sellers can group listings into a set of categories. Again, it is possible to create your own custom listing categories and sub categories at a later stage.
Give a listing description
Set a price for the listing
And finally, publish the listing.
Once the listing has been published, sellers will automatically get a popup that encourages them to input their bank details. This is so that they can start to receive payouts. By default the seller can dismiss this box, but they will not be eligable for payouts until they setup their account details.
Once the setter has setup their account, they will be able to publish their listing onto the marketplace. To do this, go to the listings page and click the three dots next to the listing and then click "Activate".
The marketplace homepage will display your sellers listings. In the screenshot below you can see the example listing that I uploaded and activated in the previous step.
We will show you how to customize this page using Dittofi's visual development studio in later tutorials.
On this page, users have the option to search for listings using our keyword search, location based search and by selecting different categories to filter by.
When buyers or renters want to see more details about a listing, they can click on the listing. This will bring up the listing details page, as shown below.
On the listing details page, users are able to buy or rent a particualr listing. If they are renting out a property, they are able to set the date range that they're interested in booking for, by clicking the "Reserve" button or in the case of the product marketplace, "Buy now", "Make an offer" or "Add to Cart" options, this will allow the buyer to begin their transaction flow.
Lastly, buyers can also use the listing details page to review details about the seller and the property such as reviews, additional details, cancellation policies and so on.
Each buyer and seller on your marketplace is able to create a user profile. To get to the user profiles, buyers and sellers can click on the "Account" button, as shown below.
After this, they will be taken through to an Account page. From inside here, users are able to reach separate pages where they can input information for their Personal info, Login & Security and Payments & Payouts.
In this example we can click on the Personal info box and this will bring up the Personal profile page. From there, users are able to create user profiles.
Note. User profiles will propgate throughout the entire application. For example, once added users will be able to see these on their listings pages.
Users can also manage their passwords and deactivate their account from the Security page, as shown below.
Finally, users are able to manage their payments and payouts through the Payments & Payouts page, as shown below.
If we create a new account on the marketplace, we can sign up to the buy side of the marketplace. After creating a new account on the buy side, we can then purchase a product on the marketplace.
In my case, I am going to pay to stay in the canal boat for one night.
Once the buyer clicks the pay button, they will automatically be redirected back to the homepage of the their marketplace applicaiton. From here, the buyer can click "Trips" from the dropdown to display a list of upcoming trips.
The upcoming trips (or past purchases) are then displayed on the Recent Purchases page like so.
Buyers are able to click into the booking in order to review a specific transaction, review additional information about the trip, message the seller, get a PDF receipt of the transaction and so on. An example of this is shown below.
Dittofi's marketplace templates also all come with a fully functional on platform chat feature. This allows buyers and sellers to be able to send messages directly to each other about a transaction.
Below is an example of the chats page for our canal boat example. You will notice that the buyer in this case is messaging the seller.
On the sell side of the marketplace, the transaction that we put through in the last section is represented to the seller as a pending transaction. This is viewable on the reservations page and is shown in the screenshot below.
Sellers can click the "View" button to view the transaction.
Clicking "View" will pull the seller through to a screen where they can view details of the transaction. This is similar to the buyers transactions details view that we saw in the earlier.
On this page, the seller has the option to either accept or cancel any transaction that is in a pending status. The marketplace admin can also accept or cancel the booking. The marketplace admin's accept or cancelation has higher privileges to either the buyer or the seller.
Once the transaction has been accepted it will move to an upcoming state and the buyer will be notified. Then, once the transaction has taken place e.g. a product was delivered to a client or the renter has stayed at the property, the transaction will move to a past state. As shown below.
Buyers can share and favourite individual listings. To do this, there are two buttons on the top of each listing, as shown below.
Listings that are favourited will be saved to the favourites page. On the rental marketplace template, this page is called "Wishlists" and can be found under the menu at the top of the page.
An example of the Favourites (Wishlists) page is shown below.
Once the transaction has complete, both the buyer and the seller has the option to review each other. To view this, buyers and sellers can go to the past trips and then click "Review" as shown below.
Reviews can incorporate star rating and text rating by default however you can also add picture or video reviews. The screenshot below gives an example of the default star rating on the rental marketplace template.
Once the reviews have been submitted, the listing, the seller profile and the buyer profile will update with new reviews. An example of how this is displayed on the lising profile is shown below. Note that the star rating on the listing is the average of all the star ratings.
You should now try signing up to your marketplace and creating a test listing as a seller. Once you've successfully listed an item, try taking the point of view of the buyer and make a transaction.
Once you fully understand how the marketplace works and the features that are on offer move to the next tutorial where we will go over how you can quickly customize your marketplace.
