Collective #490






C490_text

Textblock

A JavaScript tool for adjusting size, leading, and grades to cast continuously responsive typography. It works over your current CSS as a progressive enhancement.

Check it out



C490_formvue

FormVuelar

FormVuelar is a set of predefined Vue form components which are designed to automatically display errors coming back from your backend.

Check it out


C490_mix

Mixkit

Mixkit is a curated gallery of high-quality videos and animation, made by some of the world’s most talented creators, with all content licensed for free.

Check it out





C490_notpaid

not-paid

A brilliant little script that adds opacity to the body tag and increases it every day until the site completely fades away.

Check it out





C490_Hakim

rymd

In this demo by Hakim El Hattab you can move your mouse, or swipe on a touch device, to navigate through the stars.

Check it out













Collective #490 was written by Pedro Botelho and published on Codrops.

Tackling RESOURCE_LOCAL Vs. JTA Under Java EE Umbrella and Payara Server

Learning JPA is a road marked with a lot of questions. Some of the notorious questions include: "What is actually a persistence-unit?," "What is an extended persistence-context?," "Why is wrong to fetch read-only data as entities?," "Why should I care aboutRESOURCE_LOCALorJTA?," and so on and forth. 

This article targets people that are confused by the JPA transaction types,RESOURCE_LOCAL, andJTA. But, let's take it step by step.

Where Do You Learn HTML & CSS in 2019?

The topic of how accessible it is for newbies and seasoned developers alike to learn CSS has been gaining steam as the complexity of the tools around it has become skewed more toward traditional programming. Rachel Andrew has much more to say about this in her post, HTML, CSS and our vanishing industry entry points. Robin also has thoughts on where and how to learn CSS in the modern age.

The question of how and where to learn CSS is a highly reasonable thing to ask. The answer depends on all sorts of things: how serious you are, your current foundation, what other resources are available to you, what you hope to do with what you learn, and how much time you have, among probably a zillion other things.

Let me dump a bunch of possible answers here and you can apply all those “well, that depends” caveats as you see fit.


You could read a book.

There are a ton of books out there that cover HTML and CSS (and often together). They probably all do a fine job. There’s no need to chronicle all the choices here. These two are my personal recommendations. You probably don't even need both.

Jon Duckett's is incredibly well-designed and approachable:


Jennifer Robbins' covers a bit more ground and is designed to be useful for either personal reading or classroom learning.


You could read through all the posts in our Beginner's Guide.

We have a guide (a collection of articles, videos, and links) called Just Starting Out with CSS & HTML. I hope there is stuff in there that can help kickstart or augment your early learning because that’s the intent.

You could go through other free online guides.

Oliver James has a wonderful online course called Internetting is Hard (But it doesn't have to be).

We designed HTML & CSS Is Hard to be the only introduction to HTML and CSS that you’ll ever need. If you put in the effort to read every section and write every code snippet, this tutorial has the potential to replace hundreds or even thousand of dollars worth of online courses and live training.

A screenshot of a webpage with a white background and large heading that says Basic Web Pages.

Prefer video? Jessica Hische and Russ Maschmeyer's Don't Fear the Internet is a super eight-part series that gets you going with HTML & CSS — it even delves into the all-important topic of typography.

A screenshot of the Don’t Fear the Internet webpage, which is sage green, has a large heading with the course title, two columns of text and a video player.

Khan Academy has an Intro to HTML/CSS: Making webpages course that’s packaged in a super cool format. It's like video in that you get to hear the instructor talk you through the learning, but what you see is a real live text editor and real live output. Sometimes the teacher is controlling the code, and then sometimes it breaks for challenges in which you take over and edit the code yourself.

A screenshot of the Khan Academy course. It has a white background, blue navigation bar across the top, sidebar containing the course contents, and a video player in the main area.

Eric Tirado has an Intro to HTML course on Scrimba, which is also a neat platform in that Eric's voice guides you through the course, but visually it's a combination of slides with a real code editor and preview.

A screenshot of the Scrimba course. It resembles a code editor with a dark gray background, sidebar outlining web assets, and an editor with code in the main area.

You could find and take a paid online course.

I often join gyms because the accountability of paying for something gets me to do it. I know I can do situps, pushups, and go for a jog for free, but the gym membership makes a thing of it. Well, same could be said about paying for a course on HTML and CSS.

These are broad generalizations, but good places to start:

You could go to a code school or coding bootcamp

If you wanna put even more skin in the game, you could consider literally going to school. If you don't have a college degree, that's an option, although you'll be looking at a broad education rather than a ticket to leveling up your web design and development skills alone. I'm a fan of that just for the general mind-broadening it involves.

But assuming you're going to go to a coding-specific school...

There are probably dozens — if not hundreds — more, so this is more to inform you of the possibility of schooling. You don't even have to go to a physical school since plenty of these offer online courses, too (but with the advantage of live instruction and cohorts). For example, LambdaSchool has the novelty of being free to start and paid later in the form of letting them take a portion of your salary after you get a job in the industry.

You could practice on CodePen.

Not every second of your learning should be strictly following some course laid out by a book, class, or teacher. It wouldn’t even be that way if you tried. You might as well embrace that. If something tickles your muse, go play! I hope CodePen is a rewarding place to do that, making it both easy and useful, while providing a place to connect with other folks in the field.

You could build a personal site and learn what you need to get it done.

That's how absolutely countless developers have cut their teeth, including me. I wanted a personal website years ago, and I struggled through getting a self-hosted WordPress site online so I could have full control over everything and bend it to my will. Once you have an actual website online, and you know at least some people are seeing it, it gives you all the motivation in the world to keep going and evolve further.

The way you actually learn is going to be a combination of all this stuff.

People are obsessed with asking musicians if they’re self-taught. Like, if they are, their amazingness triples because it means their creative genius was delivered by a lightning bolt at birth. They don't need anyone else to learn; they merely look at those guitar strings and know what to do.

And if they were taught by a teacher, then, well, that's all out the door. If they are good at all, then it's because the teacher delivered that to them.

Total nonsense.

People learn anything — music and web development included — inside a hurricane of influences. Let’s stick with music for a second. Learning to play comes in many forms. You learn by listening to music an awful lot. You can do fundamental practice, like finger exercises and going up and down scales. You can learn to transpose chords on a chalkboard. You can watch YouTube all day and night. You can sign up for online courses. You can go to local jams to watch and play along. You can join a band. You can take lessons from someone advertising on Craigslist. You can go to a local music school. You can read books about music.

You get the idea.

You can and probably will do all of that. With learning web design and development, getting anywhere will involve all sorts of ways. There’s no silver bullet. It takes bashing on it lots of different ways. There’s no requirement to sprinkle money on it, but you do need multiple angles, time, and motivation.

Go forth and build websites!

The post Where Do You Learn HTML & CSS in 2019? appeared first on CSS-Tricks.

HTML, CSS and our vanishing industry entry points

Rachel Andrew:

There is something remarkable about the fact that, with everything we have created in the past 20 years or so, I can still take a complete beginner and teach them to build a simple webpage with HTML and CSS, in a day. We don’t need to talk about tools or frameworks, learn how to make a pull request or drag vast amounts of code onto our computer via npm to make that start. We just need a text editor and a few hours. This is how we make things show up on a webpage.

That’s the real entry point here and yes, in 2019 they are going to have to move on quickly to the tools and techniques that will make them employable, if that is their aim. However those tools output HTML and CSS in the end. It is the bedrock of everything that we do, which makes the devaluing of those with real deep skills in those areas so much more baffling.

Speaking of entry points, I compiled a bunch of ideas for how and where to learn HTML and CSS for the present day.

Direct Link to ArticlePermalink

The post HTML, CSS and our vanishing industry entry points appeared first on CSS-Tricks.

40+ Best Free Stock Photos Sites

35+ Best Free Stock Photos Sites for WordPressUsing beautiful and attention grabbing images can make a real difference to how your audience reacts to your website. Content displaying eye-catching photographs gets more reads and shares, will increase the number of returning visitors you receive, and ultimately help your website achieve its goals. But finding stock photos that give your website the ‘wow’ […]

The post 40+ Best Free Stock Photos Sites appeared first on WPExplorer.

We Rebuilt Our Backend Feed Service! Here’s What I Learned

I’m a Software Engineer in Kurio (a news aggregator in Indonesia). As an aggregator application, our main job is: collecting many of our publisher partner's websites (news or articles) then serve it to our users through our application.

How we serve this content is just like other news aggregators out there, we serve many feeds (list of content) to our users, such as feeds sorted by our top_stories logic, feeds sorted by what’s trending, or just a feed from a specific publisher or category.

How to Write MatLab Functions in Python

Overview

Recently in my work, I was re-writing algorithms developed in MatLab to Python, some functions are not so simple to adapt, especially the array functions that are called Cell Arrays.

MatLab has an API where you can call MatLab functions via Python. The idea, however, was not to use MatLab, but the same algorithm works the same way using only Python and NumPy, and the GNU Octave also has an API similar to that of MatLab.

Using TLS in Rust: Going to async I/O With tokio (Part 1)

Now that we have a secured and authentication connection, the next stage in making a proper library is to make it run more than a single connection at a time. I could have used a thread per connection, of course, or even use a thread pool, but neither of those options is valid for the kind of work that I want to see, so I’m going to jump directly into async I/O in Rust and see how that goes.

The sad thing about this is that I expect that this will make me lose some/ all of the nice APIs that I get for OpenSSL in the sync mode.

Profiling With JVisualVM

A few days back, I faced an issue on one of the Java service-hosted servers. The server load, resource consumption, and response time of service were too high.

Everyone was under the impression that the latest deployment of the JAR caused this issue, whereas the service code and performance on the local machine looked fine.

12 Resources for Mobile UI Inspiration

UI design isn’t easy, but you don’t need to figure this out on your own. UI inspiration and design sites exist just for this purpose, giving you access to the latest and most innovative mobile UI. Whether you’re searching for animations, page layouts, or art direction, you’ll find the inspiration you need here.

Mobbin

Mobbin

If you’re looking to stay up to date with UI trends, Mobbin has 150+ apps and 8,000+ patterns to scroll through. The best part of this site is the extensive sorting features. You can filter screenshots by category, content and design elements. Sign up to save the patterns you like best.

Mobile Patterns

Mobile Patterns

What makes this pattern site awesome is the inclusion of animated examples. Any mobile designer knows that animations are extremely important, so it’s great to have a place to find animation inspiration! You can save patterns to your board, which you can then share with others.

UI Sources

UI Sources

The most popular apps on the App Store, broken down into UI elements. This is the perfect resource for designers. There’s other cool content on this site too, like sortable UI patterns, premium UI kits and even breakdowns of Chinese apps’ unique UI design.

Pttrns

Pttrns

A huge list of mobile patterns, sortable by platform, category, tags and date. What more could you need? To get the most out of this site and access all the images, you’ll need to pay for a premium subscription.

Collect UI

Collect UI

Collect UI posts hand-picked UI inspiration daily, bringing you everything from mobile webpage design to animations and illustrations. With nearly two hundred categories, there’s a little something for everyone.

Behance

Behance

Made for creatives of all skill levels, Behance features various portfolio pieces from designers across the web. These aren’t just static images – expect to dive into details of an app’s creation and design process.

Inspired UI

Inspired UI

If you just want to see full screenshots of great UI in action, Inspired UI has some content for you. Rather than zoomed in, carefully cropped images, see how designs look on an actual iPhone, iPad or Android screen.

Mobile Design Inspiration

Mobile Design Inspiration

This blog is a huge collection of UI animations and screenshots. Just keep scrolling down to pull up dozens more images, or use the search bar to locate the kind of UI you’re looking for inspiration on.

UI Garage

UI Garage

UI Garage has hundreds of user-submitted screenshots, all of which can be searched for with tags or sorted by the elements that appear in them. Simple as that! There’s also a section on the site that contains helpful tools for designers and developers.

Dribbble

Dribbble

Dribbble is so appealing because it’s straightforward and easy to use: Just search for what you want and scroll through thousands of results. It’s used by creative professionals of all kinds, which means there’s more than just UI design here. But every shot is high quality work.

UI Movement

UI Movement

There are tons of amazing, animated UI inspiration to be found here. Some of the designs are for computer- or tablet-sized screens, but there’s no scarcity of mobile UI. Sort or search, or sign up for the newsletter to get five new animations a week.

Uplabs

Uplabs

Along with inspiration and portfolio work, Uplabs also features downloadable mobile resources like UI kits. This site is popular, with dozens of submissions a day in each category, so you’ll always have tons of content at your fingertips.

Design a Better UI

It’s always a good idea to stay up to date with the latest in UI. Besides keeping up with the trends, you might find some inspiration for your own app’s design. And sites like this are a great resource if you’re struggling with getting that page or animation just right. Just be careful not to spend hours browsing all of these amazing mobile patterns!

An Overview of Migration Services Offered By AWS

Amazon Web Services is one of the leading IaaS services providers. It offers cloud computing services that are highly available, scalable, and cost-effective. Enterprises of any size can start using AWS and pay for only what they use. AWS is the ideal choice for small-scale enterprises and startups. Any enterprise planning to use AWS has to go through different stages of migration in order to start providing services on top of AWS.

Earlier we explained here some of the important factors that you must consider before migrating to the cloud and in this blog, we are going to provide an overview of all the migrat­­ion services offered by AWS.

Why The Flow Of Ideas Is Vital For An Innovation Ecosystem

Such has been the success of Silicon Valley in supporting technology startups, they have spawned countless imitators around the world, each of whom try to tap into that magic sauce. It's fair to say that few of these efforts have come close to matching the success of Silicon Valley, and a recent study from Wharton sets out to explore why that is.

The researchers focused their attention on the impact trade secrecy plays, and how the best bits of innovation are protected from prying eyes. The researchers believe this kind of activity happens even before legal protection is sought via patents. They believe that patents tend to be the focus of academic attention because they're so visible, whereas strategies for protecting trade secrets tend not to be.

Integrated Video Tutorials Joins the WordPress Gutenberg Party

The Integrated Video Tutorials plugin now has four new white label how-to videos for helping your clients quickly get up-to-speed with Gutenberg, the new block editor for WordPress. Integrated Video Tutorials 1.6 joins Hustle, Forminator, and Smush in our collection of plugins with special integrations for the new WordPress editor. API Connected Video Tutorials for […]

Four Best WordPress Plugins for Content Marketers

Content marketing is such an important part of running a business today. Without it, it would be nearly impossible for a business to grow, regardless of its industry. And while many business owners are aware of what content marketing is and understand that it’s an effective tool for brand building, many don’t realize exactly how Read More →

The post Four Best WordPress Plugins for Content Marketers appeared first on WPArena.

How People Make Decisions

How People Make Decisions

How People Make Decisions

Susan Weinschenk

(This article is sponsored by Adobe.) Kelly’s in charge of choosing IT cloud services at her company. She has signed the company up for a chatbot service, and has had the “Pro” level service (not the “Free” or “Standard”) for two years.

It’s time for the annual renewal. Will she renew? Will she decide to renew, but switch to the free service only? Is there anything about the email notice and/or webpage for the service that will either encourage her or discourage her from renewing?

A pricing plan that is presented to Kelly
The pricing plan that is presented to Kelly. (Large preview)

There is a lot of research on human decision-making. Here are some of my favorite insights from the research.

Most Decisions Are Not Made “Logically”

We like to think that we are logical and that when we are making a decision, we carefully weigh all of our alternatives. When it’s time to buy a new car, do we read all the specs and reviews, and choose the one that is the safest and most economical? When it’s time to renew the chatbot service, does Kelly do a study to see how much use she has made of the “Pro” services and evaluate whether she should stay with that level and pay that amount each month?

These would be the logical ways to make the decision, and although we sometimes make decisions rationally and logically, there are hundreds of decisions we make every day, and we don’t do a logical think through of every one. Even the big decisions where we think we are being logical, the research shows that most of our decisions — big or small — are made unconsciously and involve emotion.

Here are some facts about decisions that may surprise you.

Most Of Our Decisions Are Made Unconsciously

By looking at brain activity while making a decision, researchers could predict what choice people would make 7-10 seconds before they themselves were even aware of having made a decision. This means that even when people think they are making a conscious, logical, decision, chances are that they aren’t aware that they’ve already made a decision and that it was unconscious. We aren’t even aware of our own process.

Do you write your messaging and content to appeal to logical thinking?

If so, it’s possible and even probable that your logical, persuasive arguments to your target audience about why they should go with the premium service, or why they should purchase a particular product may be in vain.

Be suspicious of what people say.

Another problem is that if you are diligent in your design process and ask people what factors are important to them, you might not be getting a true answer.

For example, if someone interviewed Kelly and asked her why she chooses the “Pro” level each year, it is likely that she will come up with an answer that sounds very logical (i.e. about the service, how her company uses it and so on) when the real reason she stays with “Pro” rather than the “Free” plan may be emotional (“I don’t want to have things go wrong and if I pay money things won’t go wrong”) or just habit (“It’s what we always sign up for”). What people tell you is the reason for why they do what they do may not be the actual reason.

People need to feel in order to decide.

If you can’t feel emotions, then you can’t make decisions — thanks to our ventro-medial pre-frontal cortex (or ‘vmPFC’).

The vmPFC is part of the prefrontal cortex, i.e. the front of your brain. It is important in regulating fear. Other parts of your brain (in particular the amygdala) tell you when you should be afraid and what you should be afraid of. The amygdala is where “conditioned” fear responses are born and perpetuated. The vmPFC, in contrast, has an opposite role. It mitigates conditioned fear. It stops you from continuing to be afraid in certain situations. When the vmPFC is active then you are able to let go of conditioned fears. As a result, you are then able to make a decision.

You should just assume that all decisions involve emotions. Rather than just making logical arguments to persuade, you are more likely to persuade people to take an action if you understand how they are feeling about the decision and feed their feeling. For example, if Kelly is feeling apprehensive about making a wrong decision then your messaging should be more about making her feel secure and safe than it is about product features.

People buy when they feel confident of their decision.

There is actually a neuron that fires up in the brain that triggers people to take action when the brain decides it is confident of a decision. This is subjective. It’s not necessarily based on the amount of information you’ve collected — it’s a feeling of confidence.

If you want people to take an action then you need to make them feel confident. If you want Kelly to choose the “Pro” level again, then you need to give her messaging about the “Pro” version that makes her confident of her choice. For example, feed data back to her about how much she has used the service. This will make her feel confident that she is making the correct choice.

Don’t Confuse Unconscious With Irrational Or Bad

I take exception with writers who equate unconscious decision making with making poor or irrational decisions. For example, Dan Ariely in his book, “Predictably Irrational: The Hidden Forces That Shape Our Decisions” implies that unless we work hard to prevent it, many to most of our decisions are poor and irrational.

Most of our mental processing is unconscious, and most of our decision-making is unconscious, but that doesn’t mean it’s faulty, irrational, or bad. We are faced with an overwhelming amount of data (11,000,000 pieces of data come into the brain every second according to Dr. Timothy Wilson in his book “Strangers To Ourselves: Discovering The Adaptive Unconscious”) and our conscious minds can’t process all of that.

Our unconscious has evolved to process most of the data and to make decisions for us according to guidelines and rules of thumb that are in our best interest most of the time. This is the genesis of “trusting your gut”, and most of the time it works!

People do like to think that they are being logical and thorough, however, so you may want to offer logical reasons for why a certain decision should be made so that the person making the decision has a rational reason they can give themselves and others. Go ahead and give Kelly the rational reasons she should renew for the “Pro” level, but just understand that that reason is probably not the actual reason.

Recommended reading: Grabbing Visual Attention With The Visual Cortex

Only Give More Information If People Are Making A Goal-Based Decision

There are two different types of decisions that people make. Value-based decisions are made in the orbitofrontal cortex (OFC). So, during those times when you really are comparing the Honda to the Subaru when you are shopping for a car, then you are making a value-based goal decision. If Kelly was comparing the features of the different levels for the chatbot service then she would be making a value-based goal decision.

Habit-based decisions occur in the basal ganglia (deep in the brain). When you pull your usual cereal off the shelf at the grocery store and put it in your cart, that’s a habit-based decision. If Kelly presses the ‘Renew’ button for the Chatbot software then she is making a habit-based decision.

What’s interesting is that if the OFC is quiet then the habit part of the brain takes over. This means that people are either making a goal-directed decision or a habit decision, but not both at the same time.

An illustration showing the parts of the human brain
Structure of the human brain and location of the basal ganglia (Large preview)

If you give someone a lot of information then they will switch from habit to goal-directed. So if you want someone to make a habit decision, don’t give them too much information to review. If you want them to make a goal-directed decision then do give them information to review.

If you want Kelly to renew for the “Pro” level then don’t give her lots of data. Let her make the habit-based decision to renew. If you are hoping that she will go up a level (not down) then you may want to give her data on her options as that will kick her from a habit decision to a goal-directed decision.

Too Many Choices Means People Won’t Choose

You may have heard the idea that people can only remember, or deal with 7 plus or minus 2 things at a time (5 to 9). This actually is not true. It was a theory first mentioned by Miller in 1956 at a talk he gave at the American Psychological Association meeting. But research since then shows that 7 +- 2 is a myth. The real number is 3-4 not 5-9. Refuting research includes:

And most recently, Sheena Iyengar (author of “The Art Of Choosing”), has conducted several studies that clearly show that if you give people too many choices then they end up not choosing anything at all.

People liked having more choices to choose from but they were more satisfied with their choice when there was less to choose from.

So, if you show someone too many choices (in this case of sales/CRM services) they might not choose any and instead abandon the page.

An example of a ‘customer success platform’ with 12 options to choose from
Showing too many options can only overwhelm your users. Choose less with your goals in mind. (Large preview)

Kelly was given five choices for the Chatbot service. Three to four would have been better.

So, is there anything you can do to encourage Kelly to re-subscribe and not change her level of membership?

In this case, the decision is probably a habit-based decision. The best thing to do, then, is to not do much at all. Don’t send her an email with information on all the membership levels. Instead, give her one or two reasons why continuing with her current subscription is the way to go and leave it at that. At a different time (not when she is deciding whether to renew), you can make a pitch for a higher premium level. But if you do that pitch while she is about to renew, you may jeopardize her habit-based renewal.

Recommended reading: Don’t Let Your Brain Deceive You: Avoiding Bias In Your UX Feedback

Takeaways

  • If someone is making a habit-based decision, do not give them a lot of information.
  • Provide people with a brief, but a logical reason for their decision so they can use that to tell themselves and others why they did what they did.
  • Limit the number of choices people have to make to one, two or three. If you provide too many choices then people likely won’t choose at all.

This article is part of the UX design series sponsored by Adobe. Adobe XD tool is made for a fast and fluid UX design process, as it lets you go from idea to prototype faster. Design, prototype and share — all in one app. You can check out more inspiring projects created with Adobe XD on Behance, and also sign up for the Adobe experience design newsletter to stay updated and informed on the latest trends and insights for UX/UI design.

Smashing Editorial (cm, ms, ra, il)

How to Create a Micro-Job Website Like Fiverr with WordPress

Recently one of our readers asked if it was possible to create a Fiverr like website using WordPress?

Making a niche micro-job website has become a popular online business idea because it is easy to start, quick to monetize, and has low overhead.

A recent study showed that in 2018, more than 36% of US workers made money by freelancing their services online. That’s 1 in every 3 working adults in the United States.

Online job marketplaces like Upwork and Fiverr help connect those freelancers to employers for a small fee. However, they are not alone, there are many other micro-job websites built to cater to specific niches and industries.

In this article, we will show you how to easily create a micro-job website like Fiverr with WordPress without any coding knowledge.

Creatng a fiverr like micro-job site with WordPress

Things You’ll Need to Make a Fiverr Like Website

There are a few things you’ll need to start your own Fiverr clone and a micro-job website with WordPress.

First, you need to make sure that you are using the right platform. To build a micro-job website, you will need a self-hosted WordPress.org website (see: WordPress.com vs WordPress.org for more details).

To start a WordPress site, you will need the following things:

  • A domain name (This will be your website’s address. For example, wpbeginner.com)
  • A WordPress hosting account (This is where your website’s files are stored)
  • SSL Certificate (You need this to accept online payments)
  • A Micro-Job addon and theme

The set up will take less than 40 minutes, and we will walk you through every step.

Here are the steps you’ll take to make a job marketplace like Fiverr with WordPress.

  1. Setting up WordPress
  2. Setting up a micro-job website with WordPress
  3. Selecting payment methods and packages
  4. Changing branding and website content
  5. Testing your micro-job website
  6. Managing your micro-job website
  7. Resources to grow your micro-job website

Are you ready? Let’s get started.

Step 1. Setting up WordPress

To install WordPress, you need a WordPress hosting account domain name, and a SSL certificate.

Normally a domain name costs $14.99 / year, SSL certificate $69.99 / year, and WordPress hosting would cost you $7.99 / month.

This sounds like a lot of money if you are just starting out.

Luckily, our friends at Bluehost are offering WPBeginner users a free domain, free SSL, and 60% off on WordPress hosting.

Basically, you can get started for as low as $2.75/month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Bluehost is one of the largest web hosting companies in the world and an officially recommended WordPress hosting provider.

If for some reason you don’t want to use Bluehost, then you can take a look at our list of the top WordPress hosting companies.

Once you have purchased hosting, head over to our guide on how to make a website for step by step setup instructions.

Bluehost will automatically install WordPress for you when you signup. You can log in to your WordPress admin dashboard directly from your hosting account.

WordPress admin dashboard

Step 2. Setting up a Micro-Job Website with WordPress

Now that you have installed WordPress, it is time to add micro-job engine functionality to your WordPress site using a micro jobs theme.

First thing you need to do is install and activate the Microjob Engine theme. For detailed instructions, see our beginner’s guide on how to install a WordPress theme.

Microjob Engine is an app-theme, which means that it is designed to be an app with complete backend and front-end functionality.

Once you have activated the theme, you will be redirected to the theme’s welcome page. On this screen, you will need to enter your license key which you can find under your EngineThemes’ account.

Enter license key

Next, you need to click on the ‘Install Demo’ button to import and set up a demo website. This will allow you to quickly set up the website to look exactly like the demo. You can then replace the content with your own.

MicrojobEngine comes with two skins to choose from. Once you have imported the demo data, you can select one of the skins to use on your website.

Select skin for your micro-job site

Your website is now setup just like the theme demo. You can visit your website to see it in action.

Job marketplace like Fiverr Demo

Step 3. Selecting Payment Methods and Packages

Microjob Engine works with PayPal and 2Checkout out of the box. You can purchase addons to add other credit card payment gateways like Authorize.net, PayU, PayStack, and Stripe.

You can setup your preferred payment gateway by visiting the Engine Settings » Payment Gateways page in your WordPress admin area.

Set up payment metods

Packages Explained

Microjob engine allows you to earn money in two ways:

  1. You can get a commission when a job is finished
  2. You can sell packages allowing users to submit gigs for a certain amount.

Setting a payment barrier right from the beginning may prevent some users from signing up, but it will also help keep the spam away.

On the other hand, enabling free job posting will help you attract more freelancers to your website.

You can always change the settings once your website starts getting enough attention from both freelancers and employers.

To set up these options, you need to visit the Engine Settings » Theme Options page and click on the Payment Type tab.

Choose payment model

From here, you can enable or disable free posting. If you disable free posting, then you can add packages that freelancers can purchase to submit their offers.

Step 4. Changing Branding and Website Content

Next, you would want to change the branding and content to make it your own. You can do this by going to Appearance » Customize page where you can change the theme settings with a live preview.

Customizing your theme

Take your time and go through the different options and adjust them to your liking. Don’t forget to click on the Publish button at the top to save your changes before exiting the customizer.

Step 5. Testing Your Micro-Job Website

Microjob Engine Preview

Once you have set up your theme, it is time to thoroughly test every corner of your website.

Open your website in a new tab and try to use it as regular users. Start by posting an ad as a freelancer.

After that, browse your website as an employer by testing job listings and hiring a service.

Each user on your website whether freelancer or employer will get their own profile page. Freelancer profiles will show their details, bio, recent gigs, and ratings.

User profiles

Each user will also be able to manage their account from a custom dashboard. This is where all their chats, messages, and jobs are displayed.

User account dashboard

You may also want to make sure that you and your users can receive email notifications from your website. Sometimes WordPress sites run into an email deliverability issues. You can check out our guide on how to fix WordPress not sending email issue.

Step 6. Managing Your Micro-Job Site

Even though your users (both freelancers and employers) wouldn’t need to visit the WordPress admin area, you will still manage all aspects of your website from the WordPress dashboard.

You can see all orders placed on your micro-job site by visiting Engine Settings » Orders.

view all orders

It also comes with a review system for completed jobs.

You can also see finished jobs that need to be verified by visiting Jobs Verification page. From here you can approve, keep pending, decline, or verify a job status.

Once approved, the freelancer will be able to withdraw their money.

Managing job verification

To view all withdrawal activity, you need to visit Engine Settings » Money Withdrawl tab. On this page, you will see a list of freelancers who have withdrawn their earnings.

Money Widthdrawal

You can manage all site functions from the admin area of your WordPress site, and you can even peek into conversations between your users.

This helps make sure that freelancers are not insisting on clients to use other unverifiable payment methods. It also helps during the dispute resolution between freelancers and employers.

Step 7. Resources to Grow your Micro Job Website

Once your website is up and running, you would need to learn how to grow it and make more money. Let’s look at some of the resources that you can use to achieve these goals.

1. Extend your website

Using WordPress gives you access to thousands of free and paid plugins. These plugins are like apps for your WordPress website.

You can use plugins to add new features to your job marketplace and grow your business.

However with over 55,000+ plugins available, how do you know which plugins you should install?

Don’t worry we got you covered. See our expert-pick of the essential WordPress plugins that every WordPress site should use.

2. Marketing your job marketplace

Next, you will need to learn a little bit of SEO. Follow the instructions in our step by step WordPress SEO guide for beginners to get traffic from search engines.

Once you start getting some traffic, you need to know where your users are coming from and what they do on your site. This information helps you make informed decisions about growing your business.

This is where you’ll need MonsterInsights. It helps you install Google Analytics on your website. Most importantly it shows easy to understand traffic reports right inside your WordPress dashboard.

3. Performance

Microjob Engine is a powerful app theme with tons of cool features. However, as your website grows, it can be quite heavy on your servers.

To make sure your site performs well, you need to optimize WordPress performance and speed.

As your site grows you will run out of shared hosting resources. In that case, you will need to upgrade to a managed WordPress hosting or VPS hosting.

We hope this article helped you learn how to easily create a micro-job site in WordPress. You may also want to see our guide on how to increase your website traffic.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a Micro-Job Website Like Fiverr with WordPress appeared first on WPBeginner.