This template helps you create a service marketplace site like Fiverr. Below is how the Airtable fields are mapped and displayed in the site.
|Title||The title of the item. E.g. username|
|Subtitle||The text displayed beneath the title. E.g. Location|
|Description||A paragraph displayed inside a popup modal. E.g. A detailed description about the services provided|
|Avatar||A round image. E.g. A display photo of who is providing the service|
|Gallery||Displays images in a carousel inside the popup modal. E.g. A portfolio of past projects by the service provider|
|Price||Displays text on the footer of the card. E.g. The price of the service|
|Call To Action URL||A button displayed inside a popup modal that opens a URL. E.g. A method for booking/enquiring about the service provided|
How to add a record to the Service Marketplace Template
For this example, we will be adding Daredevil's services to the list.
Open up your Airtable base and select the site-content table
Add a new record by selecting the empty field and add data into the relevant fields
- Title: daredevil
- Subtitle: New York City
- Short Description: All things legal
- Description: "About this gig I will fight for justice and stop at nothing! The legal system is blind but not me!"
- Call To Action URL: https://airtable.com/shraXbNZsBt1Nefiy
Lets upload an avatar for Matt. Select the Avatar field and click the +
A modal will appear. Drag and drop the image into the modal and hit Upload
Now, we will add a couple of pictures to the gallery. Select the Gallery field and click the + button
Drag and drop the pictures into the modal and hit Upload
It seems like Legal Services is not yet part of the list of filter options. We can add that by going into the Filters table, selecting Filter 1 and click the + button.
Enter LegalServices into the text box that appears and click Create a new option named Legal Services
For users to be able properly filter the record by service type, we need to add the Legal Services filter to its Filter 1 field.
Add the filter to record
Now that the record is all set up in Airtable, head back to your Pory.io and refresh. You should see the new record!New record with filter selectedModal of new record