Build Your Own Fiverr Clone - a No-Code Freelance Marketplace

Chapters

• 0:00Intro
• 0:09What we'll build
• 1:04Setting up the frontpage
• 3:29Setting up Stripe Connect using test keys
• 4:14Making the listing type and adding a custom field
• 6:11Adjusting the signup form
• 7:46Signing up and making two listings
• 9:20Adjusting what to show on the all-listings page
• 10:00Adjusting what to show on the specific-listing page
• 10:32Paying for a listing as a buyer, asking for a lower price
• 11:11Seller makes a custom offer to the buyer
• 11:40Buyer accepts offer and pays
• 12:38Setting up moderation - flagging certain words
• 14:03Outro

Intro (0:00)

What's up, guys? In today's video I'm going to show you how to build a Fiverr clone, including messaging, custom offers, and much, much more. Let's do it.

What we'll build (0:09)

So this is what we're going to be making today. First, we'll set up the marketplace and make the front page, and make it look relatively nice. Then we'll set up the listing types, and we'll make it so that you can also add add-ons as a freelancer. Then we'll make one or two listings, and we'll see how it looks on the buyer side: how you browse and how you hire these freelancers.

We'll also go through the messaging and the custom offers. So if you message a freelancer, that freelancer can then give the potential buyer a custom offer. We'll also look at the moderation platform, so that as a marketplace owner you can make sure that all deals are kept on the platform. And of course we'll set up Stripe Connect, and we'll set the commission to 10 percent - actually, maybe a little higher, 15 or 20 percent. And we'll see how it works when we go through an actual payment. Let's do it.

Setting up the frontpage (1:04)

We're jumping straight into it. I'm on Prometora.com and I'm about to create my new marketplace. I'll pick the service marketplace template, because we're creating a Fiverr clone. So I pick that one and click next. Then I'll call this marketplace Realhire, and create marketplace.

So now we have our template. We can adjust it the way we want. I'm going to delete some of the components we don't need - for now the FAQ, and this one here. Let's add an image up here: I click on it, upload a new image, and add some opacity to it.

Let's make some small adjustments. The quick searches down here, let's leave them. For the search placeholder, let's do "search trusted professionals." Let's also pick a color we'll use throughout the marketplace - a green one. We also use that up here in the navigation, so I go to the header design, add it, and save. Okay, that is very green, but let's leave it.

We don't need the tagline, so let's remove it. We could upload a logo, but not now. We do need to add some more pages: we don't need a link to the front page, but we'll add a link to the all-listings page for sure, and maybe to the about page too. So let's publish, and check. Okay, so it looks like this. And this component pulls in the recent listings, or whatever listings I'd like there. We'll leave it like this for now.

Setting up Stripe Connect using test keys (3:29)

Now let's go to the back office by clicking store settings. Let's start by setting up Stripe Connect. I click on payments, scroll down, and click on Stripe Connect, because that's what we're using for our marketplace payments. You can see I can add my publishable test key and then the secret test key.

So I'll go to my Stripe account, and I'm in a sandbox - a test environment. I copy my publishable key, and my secret key, paste them in, and click save. So now we've added our test keys.

Making the listing type and adding a custom field (4:14)

Now let's go to the listing form. This is where you create your different listing types - basically what you want to ask your sellers about when they're making their listings. Let's add a listing type that we call "video." We'll just edit the existing one: instead of "listing," we call it "video," and click done.

Then we scroll down to adding a custom field. We call it "video form," the label is "video form," and the placeholder is "select video form." We make it a select field, and we add three options with a comma in between: short-form video, YouTube long-form, or motion graphics. Let's make it a required field as well.

We don't need a calendar here. We do toggle on variants, so you can add variants to your listing. So this is what we're asking about: title, description, price, then price options if any, video form, and then images and a video - though that's optional.

One adjustment: we shouldn't call the listing type "video form" - that's the custom field. That was a mistake by me. I'll just call it "video." So then you could have video, transcriptions, text, or whatever as listing types, and different custom fields within the video type afterwards.

Adjusting the signup form (6:11)

Now, just before we sign up on our own marketplace, let's adjust the signup form. We'll have a buyer and a seller signup, and we won't ask for the phone number. For the seller, we'll ask for the first name, last name, email, and business name (optional). We won't use the multi-step signup wizard, but we'll add a field like "where did you hear about us," with a dropdown: Facebook, Instagram, and word of mouth. We'll even make it required, because it's nice to know.

Oh, and by the way, a seller isn't called a seller on a Fiverr-style marketplace - they're called freelancers. So let's change that to freelancers. Buyer, freelancer. Let's leave it like that.

And this one: "create listing, can also buy/book." Let's adjust it. We go to the translations, search for "can also buy book," and just leave it as "create listings," then save - so we're overriding that one. Now it says "freelancers create listings." Good.

Signing up and making two listings (7:46)

So now let's go to the marketplace and sign up as a seller, then create one or two listings. I sign up, and I'm now logged in as a seller - a very new one. Then I go to the create-listing area and start making my first listing.

So I created the information for the first one: "Punchy short-form edits for real TikToks and Shorts," priced at 120. Then some price options: rush 24-hour delivery, +40; extra revision round, +15; styled captions and subtitles, +20. The video form is short-form video, and there's one image. Let's create that listing.

Now I'll create one other listing - all about custom motion graphics and brand animations. The same freelancer can also do this, so he writes about what he can do: "I create polished motion graphics and brand animations," and so on. The price is 250, with some price options: rush delivery, editable source, extra aspect ratio, and so on. We chose the video form "motion graphics," added two images, and create that listing. So now we have two listings.

Adjusting what to show on the all-listings page (9:20)

Let's have a look at the all-listings page. Actually, before that, let's go to the back office again and click on the all-listings page to choose what we want to show. We don't need the built-in category. We're not using compare-at price, add-to-cart, or the cart. Let's scroll down and see what we can toggle on. Video form, we want to show for sure - actually, let's make that the top one. Let's toggle off the built-in category, and leave the price range and the seller. Let's go and have a look.

Okay, so it looks like this. We have our two listings and our filters.

Adjusting what to show on the specific-listing page (10:00)

If I go into a listing, you can see the image, the price, and also the add-ons here, which is pretty cool. Then you can click buy now. The quantity - I think we should remove that. So I go to the product detail page and toggle off "show quantity selector." And let's also add the wishlist button, and this star here. So now it looks like this: an add-to-wishlist button up there, the buy now, and no quantity selector.

Paying for a listing as a buyer, asking for a lower price (10:32)

Now let's sign up as a buyer and make a purchase. I sign up as a buyer. Let's say I'd like to buy this rush 24-hour delivery plus the styled captions and subtitles. But instead of just buying it now for $60, I want to negotiate the price. So I'll ask a question to the seller: "Hey, can I buy the 24-hour package plus the styled captions and subtitles for 50 USD?" And we ask that.

Seller makes a custom offer to the buyer (11:11)

Now from the seller side - I'm logged in as the seller - you can see they received the message, and also an email. Let's say the seller accepts this. Yes, create a custom offer: the 24-hour package plus the styled captions and subtitles - let's call it that, so they both know what's included. We say 50 USD, and I send the offer. So the offer is sent.

Buyer accepts offer and pays (11:40)

The buyer received a message saying there's a custom offer. In the messaging area, as the buyer, I can now accept and pay for this offer. So I go ahead and check out. Of course, I'm using a test environment again in Stripe, so I'm adding a test card.

Cool. So the order is confirmed. Everything went through, the buyer received an order confirmation, and the seller received an email with exactly how much they'll be earning. By the way, the platform fee is $5, because on the payment area we didn't change the commission rate - right now it's 10 percent, which is $5. But if it had been 20 percent, of course you, as the marketplace owner, would have earned more.

Setting up moderation - flagging certain words (12:38)

Now, one other thing I want to show: as the marketplace owner, you can try to ensure that all transactions happen on your marketplace. It's impossible to guarantee 100 percent, but there are ways to keep them on there. Basically, you can flag words. Let's flag "PayPal" - you can add as many words as you'd like. So if someone writes "PayPal" in their messaging, they'll see a banner saying they should keep the transaction on the marketplace.

So back in the messaging area, let's write "PayPal": "Can I use PayPal instead?" And we send it. Now you see this heads-up: "Please keep payment communication on the marketplace." He's getting a warning, but it still goes through. As the marketplace owner, you can then go to the moderation area, see the messages they're sending each other, and see that this one was flagged for containing the word "PayPal." So if you see this happening many times, you can go in and suspend the seller or the buyer. That's one way to keep pretty much all transactions - and your commission - on your marketplace.

Outro (14:03)

That's it, guys. I hope you found it interesting. If you did, go ahead and test out Prometora for free - there's a free trial, and it doesn't have to be a Fiverr clone. It could be any other type of marketplace you could build using Prometora. If you liked this video, give it a like - I really appreciate that - and subscribe if you'd like to. Thank you so much, and I hope to see you in the next one. See you. Bye-bye.