Easy Way to Manage Your Sub Tasks with The Best WordPress Collaboration Plugin

The success of an organization lies in the proper coordination of all individual tasks to consistently deliver effective results.

WP Project Manager can be the glue to hold all the resources, opportunities, planning, and company objectives align in a disciplined and strategic way.

This WordPress collaboration plugin will diminish the hurdles of a project manager to control all the complex and diverse activities of a business.

Today we will discuss a premium module of WP Project Manager named “Sub Task” to split the project into small pieces and assign them among the team members.

WP Project Manager Sub Task: A Small Preview

wordpress-collaboration-plugin

WordPress Project Manager Sub task helps you to chop the primary task into small parts that make things more specific. It is a pro feature and comes in the form of a module.

Before jump into Sub Task features, let's take a quick glimpse of WordPress Project Manager.

Best WordPress Project Manager Plugin

wordpress-collaboration-plugin

WP Project Manager is a simple yet powerful open-source Project Management tool to control and improve project results. It will increase your project efficiency, reduce risk factors, cut costs, and improve the success rate gradually.

Overall, it fuels the entire workflow and let the project manager control all the projects smoothly from WordPress and help the associated members to meet the deadlines accordingly.

As an admin, you can monitor the task list, responsible persons, progress, deadlines, reports, in short, the complete overview of how all your projects are going. Also, you can create a permission hierarchy for projects and add a milestone for an individual project.

Moreover, you and your permitted team members can easily create a project, assign tasks, add discussions and to-do lists in the project manager with a few clicks.

Another amazing module comes in called Sub Task!

How Does WP Project Manager Sub Task Work

wordpress-collaboration-plugin

After adding a task under a project you can also break it into sub-tasks and assign a responsible person for each task. You can check the individual subtask after completion. Hence, it's a convenient way to measure you and your team member's work progress.

Moreover, associated persons can easily see their work progress, remain task list, deadlines for each subtask at a glance.

It's sometimes difficult to complete a big task individually. However, if you divide the whole task into small segments and set an individual deadline and responsible person for each task, it becomes easy to achieve the goal.

WP Project Manager Sub Task assembles this procedure simple yet effective for your project handling. It makes your task list more specific.

Furthermore, you can monitor your team members' daily working overview with the help of the WP Project Manager Subtask.

Why Sub Task Management is so Important

In WordPress collaboration plugin you can create small tasks under a parent task that is helpful to combine and track all the to-do list of a project.

You should avail the WP Project Manager Sub Task because you can:

  • break down the task into important segments
  • organize the work in a disciplined way
  • easily set priority, time duration, assignee and others
  • accelerate the work procedure to meet deadlines
  • easy to keep track of work progress
  • make things more specific
  • reduce the workload and give mental relief

Hence, it will pay off your expenses in an advantageous way and you will earn great revenue for your business.

How Do You Create Sub Tasks Under The Main Task

For a WordPress user, it is very easy to handle WP Project Manager.

Now, we will show you how to configure and use Sub Task module for your project manager.

Pre-requisition

To get the best experience of WP Project Manager Sub Task, we suggest the following:

  • PHP 5.6 or later
  • MySQL 5.6 or later
  • WordPress 4.9.0 or later
  • WP Project Manager Pro 2.0+

Here, let assume you have already installed WordPress and WP Project Manager Pro. If not check the latest pricing list of the best WordPress collaboration plugin at 70% less cost compared to others.

Configuration

You need to create projects and task list first in the WP Project Manager. Therefore, you can easily create Task Lists with a few clicks on your Project Manager.

Now, to activate the Sub Task Module log in to your WP Admin Dashboard. Then, simply navigate Project Manager → Modules → Activate the Sub Task module.

wordpress-collaboration-plugin-sub-task-module
Activate the Sub Task module

Add Sub Tasks

You can add Sub Tasks in two ways:

  • Selecting a task
  • Using the Kanban Board

Selecting a task

Go to WP Admin Dashboard and Click on the Project Manager. After that Select any project you wish to view → click on Task Lists tab.

After clicking on the Task Lists tab, you will get the following view:

wordpress-collaboration-plugin-task-list
Task Lists View

Now select a task by clicking on a task. For example, let's select the task, “Video tutorial” from here.

wordpress-collaboration-plugin-select-task
Select A Task

Now, a modal window will pop up and from this window, you can add subtask.

Add-the-Subtasks
Add the Subtasks

You can also add estimate time, assign a co-worker, and set a deadline for each subtask.

wordpress-collaboration-plugin
Add estimated time, member, and deadline

Now, click the ‘Enter' button of the keyboard to save this subtask. On hitting the ‘Enter' button, you will see the subtask has been created. You can also edit and delete the subtask from here.

wordpress-collaboration-plugin

After completing a subtask you can check it to tell that the subtask is done.

check-subtask
Check the subtask after completion

That's how you can create unlimited subtasks under a parent task and track them individually from your WP Project manager.

Using the Kanban Board

However, you can also add subtasks from the Kanban Board. In order to do so at first, you have to activate the Kanban Board Module from WP Project Manager.

wordpress-collaboration-plugin-kanban-board-module
Activate Kanban Board Module

Now, to add subtasks in the Kanban Project Manager, navigate to board first. After that, click on any task you want to add subtask beneath. See the example below:

select-task-on-kanban-board
Select Task On Kanban Board

In this example, by clicking the “Keyword Research” task we get the window for adding subtasks same as selecting a task of the method 1:

add-subtask-kanban-board
Add Subtask on Kanban Board

Now, you can add subtask and other details just like we have mentioned above in Method 1.

Final Thoughts

WP Project Manager Sub Task can be an efficient way to control your to-dos with more details and break them into small tasks.

No matter which type of business you have and how big it is, WP Project manager is fit for all types of organization small, medium or big enterprises. While entrepreneurs feel a dilemma for big investment, giant organizations put their best effort to manage their time and resources efficiently.

This WordPress collaboration plugin is helpful for both types of companies to keep all the projects on track, control costs and monitor project progress. In addition, you can add unlimited users to your project manager and control a data warehouse regarding your company project with a few clicks.

Furthermore, Sub Task module will help you to track every tiny detail of your project easily.

weDevs is the Proud Platinum Sponsor of WordCamp Dhaka 2019

Finally, It’s going to happen!

WordCamp Dhaka 2019 is scheduled to be held on September 28th. And the good news is- weDevs is participating in this magnificent event as a Platinum Sponsor. Not only that, our Founder & CTO Tareq Hasan; Co-Founder & CEO Nizam Uddin will be attending as the speakers and panelists.

They will share their thoughts-experiences about WordPress Ecosystem and its future prospects, Product Development, Digital Marketing and more.

Many of our emerging talents and qualified team-members will play a key role in the event as speakers, organizers and also volunteers. And as a participant, you will find exciting giveaways including t-shirts, backpacks, stickers, pen, keyring, up to 100% special discounts and what's not!

In this post, we have talked about various aspects of WordCamp Dhaka 2019 and beyond. Also, you will get a clear idea of WordCamps, how they work and why should you attend. So, let's get started.

Matt Mullenweg & WordPress Community: The Story behind WordCamps

WordCamps are informal, locally-organized conferences spreading everything about WordPress. The first such event was WordCamp 2006 in August that year in San Francisco. It was the brainchild of the Automattic Founder & CEO Matt Mullenweg.

On July 9, 2006, Matt shared this idea on his personal blog- ma.tt.

The idea is to bring WordPress users and developers so we can meet each other face to face, share stories, and try to figure out the future of our little corner of the online publishing revolution

Matt Mullenweg

With the short notice of less than one month, Matt’s dream became a reality.

The first WordCamp outside San Francisco was held in Beijing on September 2007. Since then, there have been 1,022+ WordCamps in over 75 cities in 65 different countries around the world.

WordCamp San Francisco 2014 was the last official annual conference of WordPress, taking place in San Francisco, That's now been replaced with WordCamp US.

The first regional WordCamp ran in 2013 as WordCamp Europe. The purpose behind regional WordCamps is connecting people who aren't already active in their local communities. And encourage them to get in touch with WordPress professionals in their hometowns.

This year's WordCamp Dhaka 2019 is going to be held with the same purpose in Bangladesh.

WordCamp Dhaka 2019 at a Glance

Welcome to WordCamps- WordCamp Dhaka 2019

The WordCamp Dhaka 2019 is a day-long casual community meet-up of WordPress professionals including product developers, designers, marketers, bloggers and others who are enthusiast about WordPress. Like other regional WordCamps, its also organized by the local WordPress community members.

We are very excited and hoping to do everything WordPress here at WordCamp Dhaka 2019 with a total blast so that you can learn, connect and contribute and make WordPress better for everyone.

WordCamp Dhaka Team

As it's the first country-wise Community Meet-up in Bangladesh, just imagine what could be happening there!

The program will start at 8:00 am. There will be around 15 sessions, workshops and a special panel discussion on- ‘Future Prospects in WordPress: Business & Beyond!' The attendees will get the opportunity to participate in different Quiz and win exciting giveaways. Also, there will be amazing swags waiting to be distributed among all the participants.

This day-long program will end with an awesome After Party meet-up at 8:00 pm.

Visit Our Stall and Get Swagged!

You already know that weDevs is attending this event as the Platinum Sponsor. So, there are lots more to get.

Crowd in WordCamps- weDevs WordCamp stall
Our stall in WordCamp Kathmandu

We are ready with a huge collection of swags including Stickers, Mugs, Wrist Bands, Key Ring, Pen for everyone. And it's just the beginning! Check what more is waiting for you.

1. Developer Quiz Contest

Mechanical Keyboards- WordCamp Swags
Mechanical Keyboard for Developers!

This is a special Quiz Contest designed for developers. If you're a WordPress developer attending this WordCamp, you also can participate and win an awesome gift. The gift for this contest is a Mechanical Keyboard.

2. Share & Win

WordCamp Swags- Backpack
Share your thoughts and win amazing Shoulder Bags

This is a ‘Share and Win' contest for the general audience. The attendees will get the opportunity to share their thoughts on our products on their social media profiles or timeline and win swags like a shoulder bag, Mi band 4, wireless headphone, Power bank and more. Give a check!

3. 25% Discount on Any Purchase Order!

Yes, you can get a special 25% discount for your each and every purchase up to the end of September-19. And it's open for anyone across the world! You also have the opportunity to be part of this WordCamp.

So, pick up any of your favorite plugins and claim the discount!

How Do WordCamps Work

The purpose behind WordCamps is to build perfect communication among those who are working with this great CMS platform as developers, marketers, authors or in other ways. So that they will be able to work more efficiently in the upcoming days. And the WordPress ecosystem gets more powerful through the way.

WordCamps are very helpful to maintain proper interaction and understanding

Experts get the chance to talk, share knowledge and thoughts, discuss what they are going to do, what needs to do or more. And WordCamps are the only stage where they can build the perfect understanding and interactions, which is very rewarding and effective for everyone at the end of the day.

Usually, WordCamps are one or two days of casual meet-ups. Organizers may have a workshop or contributor day

WordCamps also create a lovely relationship between locals community members, as well as those who are working globally.

Besides, product companies get the opportunity to brand and promote themselves. And there are expert people who share their thoughts and experiences to help others; do personal branding. These are the core achievements of WordCamps.

Why WordCamps are Important

Now the question is-

Is it possible to get those benefits without WordCamps?… not actually! In this digital age, we are globally connected mainly through the internet and modern devices. It’s ok and even enough for the basic working purpose. But physical meet-ups are essential for building a strong, sustainable and emotional relationship.

WordCamps bring all kinds of WordPress related people under one umbrella, give them a chance to get together.

We can say- the idea of organizing camps was one of Matt Mullenweg’s revolutionary thoughts, which has been happening since 2006, from the very early age of WordPress.

Why weDevs Attends WordCamps

weDevs is the platinum sponsor at WordCamp Dhaka-2019

Here at weDevs, we appreciate WordCamps very much. As a WordPress based product company, we believe that WordCamps give us the opportunity to perform some of our particular duties and responsibilities towards the community.

We believe that giving back to the community has the same importance

Sponsoring WordCamps is not about generating revenue or doing business. It's about making the community strong. There are many people who we work with regularly can't meet face to face. WordCamps help us to meet our friends and create a happy reunion. Also, helping the community by sponsoring gives us peace of mind that we are helping WordPress to grow more.

We have been sponsoring and participating in WordCamps every year since 2014. Have a look at some of our WordCamps stories.

Looking Forwards

Our Founder and CTO Tareq Hasan, weDevs’ Co-Founder and running CEO Nizam Uddin are ensuring their participation and contribution to various local and global WordCamps at the same time. We are not only the sponsor of this year's ‘WordCamp Dhaka 2019’ but also one of the core organizers.

The Head of our Marketing team, Mainul Kabir Aion, is also regularly participating in various WordCamps, organizing local meetups, sharing his experience and maintains contact with global community members. And that's how we want to strengthen our relationship with the WordPress community today and in the future.

We are working to build a stronger community along with our beloved customers so that we can prepare a culture of creating harmony and the tendency of sharing and caring in the WordPress ecosystem. Thus, we want you to be a part of it as well.

Let's meet at WordCamp Dhaka or some other future WordCamps 🙂

How to Build an Online Marketplace With Elementor & Dokan

Successful online marketplaces are inspiring people all over the world to build their own online eCommerce stores or marketplaces. Thanks to platforms like AliExpress, Airbnb, Fiverr, Etsy or eBay, the perception of doing businesses online has changed dramatically in this new age.

This is where the hype of building an online marketplace is coming from. Even I wanted to build an online business over some point in the past year! 

Why Create Your Own Online Marketplace Business?

In 2018, $2.86 trillion was spent in online stores by 1.8 billion people. There are 3 million online stores available in the world, but around 63% of them also sales in various marketplaces. Besides that, 501 billion USD was the retail eCommerce sales in the United States and it is forecasted that the sale will increase to 740 billion in 2023. [Source]

Most importantly, the eCommerce sector is growing 23% every year and this could be a great opportunity for any of us.

So, why wouldn't people want to start their own online marketplace?

Why Design Your Online Marketplace with Elementor?

Create Online Marketplace using Elementor

Design is an integral part of building a website. When it comes to designing a website beautifully inside WordPress, the first solution that pops into our mind is – Elementor!

People want simplicity and want to achieve more taking less hassle. This is the reason Elementor could climb to the top position within just a year. Now, more than 3 million people are actively using Elementor Page Builder on their WordPress site and I am one of them 😉

Not to mention, Elementor has a 4.9 out 5 Start rating in WordPress.org and it has been download more than 34 million times till date!

Elementor user growth

From WordPress.org, we can look into the active installation growth of Elementor page builder. It shows a 1% growth in their active installation and for a tool with 3 million active users, this is pretty good.

Apart from that, Builtwith data shows 1.63% of the world's top 1 million sites uses Elementor to design their sites. This number is roughly 16,322! Only in the United States, there are around 900K sites using Elementor.

Elementor has a great drag and drop page builder where you can copy-paste sections and blocks. It is fully supported with WooCommerce, the best eCommerce plugin for WordPress.

Also, there are pre-built templates, animations and query management inside Elementor.

WordPress Web Development
Related Article: How Elementor Changed The Era of WordPress Web Development

If you are still looking for a way to build your own online marketplace platform, then here is good news for you! 

You can now create your marketplace within a few minutes and today's article will guide you through the step by step process.

Create Your Own Amazon-like Marketplace in Minutes

35% of the world's websites are built with WordPress, a powerful yet easy to use content management system. You can create more than just a website thanks to the plugins and themes that WordPress has to offer.

That being said, you can create an online store with a few clicks with WordPress. You will require an eCommerce plugin like WooCommerce. Just follow my steps and you will be able to create a marketplace similar to Amazon, AliExpress or eBay easily.

Step 1: Choose Domain & Hosting for Your Marketplace

The first thing that you will require to start an online marketplace is a live website. For that, a domain name and hosting is a must.

There are countless domain and hosting providers out there to choose from. Among them, GoDaddy, Bluehost, Namecheap, Kinsta, Cloudways are the best.

You can get started with just $20 per year ($10 for hosting and $10 for domain). There might be discounts available to it might be less in that case.

Managed Hosting for WordPress and WooCommerce Sites

However, keep in your mind that an online marketplace will require a strong hosting because when you start getting a huge amount of traffic, cheaper hostings won't be able to provide that much support. So, you can look for marketplace hosting plans (they might cost a bit more!).

Step 2: Install WordPress

Now, comes the big brother of all CMS – WordPress.

It's very easy to install. You can install directly from your hosting's Cpanel. You will only have to perform a few clicks to get done with this simple step.

You can go through this detailed tutorial on how to install WordPress in the right way.

Build A Free eCommerce Marketplace Using WordPress

Step 3: Add eCommerce Features

WooCommerce is the most popular eCommerce solution inside WordPress with more than 5 million active installations and 90% market share. It holds more than 24% market share in the entire eCommerce industry!

See more WooCommerce Stats here →

You might ask why this eCommerce plugin is so popular?

Because it is completely to free to get started with and the free version has many features that would be enough for you to start a fully functional online store.

To add eCommerce functionalities to your online store, log in to your WordPress Admin Dashboard and click on the plugins menu. From there, you can add plugins to your site.

Click on the add plugin button and search for WooCommerce in the plugin store. When you find it, simply click Install and then Activate. That's it.

how to install woocommerce

WooCommerce has an amazing setup wizard that will help you to set all the important settings after installation.

Add your desired payment gateways like PayPal, Stripe, etc. Create products if required and start selling! Check the tutorial below for further help.

Step 4: Turn Your eCommerce Store into A Marketplace

You have launched your own online store successfully with WooCommerce, but your goal is to create a marketplace. You will need an advanced solution for this type of complex job. Luckily, the shining knight of marketplace industry, Dokan Multivendor makes thing easy for you.

With Dokan, you can create a fully functional marketplace within a few minutes. All you have to do is – install and active the Dokan plugin from the plugin page.

how to install dokan

For advanced features, you will need the premium version of Dokan, which starts from $149/year. This is comparatively 60% reasonable than other solutions in the market like Shopify, Magento, CS-Cart, etc.

After Installing Dokan, you will get a setup wizard similar to WooCommerce. It will walk you through the most important settings.

You have to enable registration on your site so that vendors and customers can come in and join easily. Dokan has built-in registration forms for both vendor and customer.

You can also set up vendor commission using Dokan. When vendors sell their products, you earn commission from them. You can then set withdraw earning management for vendors from their dashboard.

Here is a detailed guide on how to create an online marketplace using Dokan.

Multivendor marketplace with dokan

There are many themes available for Dokan. Here, I am using the famous Elector theme.

Step 5: Design Your Online Marketplace with Elementor

Now, the most important part of this blog.

You can customize your online marketplace with Elementor. To do so, you will require Dokan Elementor module, which comes with the Professional version of Dokan. You will also require the pro version of Elementor. With this combo, you will be able to edit the design and layout of the default Dokan store.

So, you need the following plugins to get started with –

  • WooCommerce
  • Dokan Lite
  • Dokan Professional
  • Elementor
  • Elementor Pro

At first, activate all the plugins. Now, navigate to – WordPress Admin Dashboard → Dokan → Modules → Enable Elementor module.

How to install elementor

Now, navigate to – WordPress Admin Dashboard → Templates → Add New

Installing elementor

You will see the Elementor Template creation modal form. Select the type of template you want to create. For designing stores, you must select the Single Store type.

Template type of Elementor

Type in a name for your template. Hit the Create Template button.

Installing Elementor template

In this step, you have to choose the type of design or layout you want to customize your online marketplace with Elementor. Your stores' design layout will be transformed into the one you select from here.

Elementor template library

Hover over your chosen template and click on the Insert button. You will now see the stores' design editable using Elementor.

You can read the detailed Dokan Elementor documentation.

You will find all the elements that you need to design your store in the Elements section including –

  • Store Banner
  • Store Name
  • Profile Picture
  • Store Info
  • Store Social Profile
  • Tab Items
  • Share Button
  • Store Support Button
  • Live Chat Button
  • Store Follow Button
  • Store Vacation Message
  • Coupons
  • Also the regular elements of Elementor
Build online marketplace with Elementor

After editing, here is the store page that I have come up with. Its really easy if you are familiar with Elementor.

Dokan tutorial

Step 6: Customize Your Marketplace with Advanced Features

Dokan has many amazing features and modules to let you create the ultimate online marketplace like Amazon, Alibaba, Aliexpress, eBay, Flipkart, etc.

  • Live Chat: Allows you to create a live chat system between vendor and customers.
  • Geolocation: Lets your customers search for vendors' stores by location.
  • Product Duplicator: Enable vendors to copy a product that another seller is already selling.
  • Return and Warranty Request: Lets the admin manage vendors to offer a customized return and warranty system.
  • Seller Verification: Allow vendors to verify their stores using social profiles or ID cards.
  • Wholesale: Lets you turn your marketplace have the popular feature of wholesale management.
  • Store Support: Get all the customer support features at the convenience of your frontend.
  • Subscription: Create highly customized subscription packs and charge vendors as you like.
  • and 15 more!

Now, you have successfully created your own marketplace and designed it with Elementor. You can launch your new venture this way and start earning from your vendors.

Wrapping Up

WordPress has opened a new door for general people like us to make our dreams of creating our own online businesses true. You can be the next Jack Ma with your very own version of Alibaba and AliExpress.

All you have to do is find an amazing marketplace idea and use WordPress, Dokan, and Elementor to make it a reality.

Dokan is evolving every day with amazing new features and integrations. The Elementor module is one of the integrations of this evolution. You can design your marketplace with the available themes and create your own store design using Elementor. The day is not so far when Dokan will fulfill every bit of requirement that you have regarding the design and development of online marketplaces or multi-vendor stores.

How to Get SMS Notifications and Reports in WordPress with WP User Frontend Pro

It may sound surprising to you that WordPress is now powering 34% of all the web. This is the most recognized web platform across the countries.

Statistics say users make 41.7 Million new posts and 60.5 Million new comments every month by WordPress. The result is truly remarkable. It indicates that the ratio will be undoubtedly double in the near future.

If you are a regular WordPress user, you may familiar with many WordPress plugins or solutions. And WP User Frontend is one of them.

There are many plugins available in the market that provide various modules with different benefits. Likewise, WP User Frontend Pro has 20+ modules. SMS Notification and Report features are among them.

SMS notification feature with your WordPress site will help you get some benefits like, who is registering and who is submitting a post. And the report feature will help you see the total summary of these activities like user's conduct, posts, subscriptions, and transactions, etc.

In this article, we will cover the SMS Notification and Report module of WP User Frontend. But before going to the discussion, we need to know about what is WordPress user frontend and how does it help to grow business. So let's get started gradually.

How Does WP User Frontend Help to Grow Your Business

WordPress frontend solution plugin

People are becoming smarter than in the past. They prefer better, affordable and user-friendly services in any sector. When it's about an online platform then you as a business owner have to be very careful about your service.

WP User Frontend has been giving an amazing service to the business owners. It's really helping them with the easy frontend interface. Have a look at its basic features in the below article.

Getting SMS Notification with WP User Frontend

To enhance your customer loyalty and increase future marketing opportunities, SMS notification module is the best option to have.

SMS Notification is a useful add-on for WP User Frontend Pro. It gives you a notification when a user submits a form.

A study by Baymard Institute shows about 67.45% of eCommerce carts are neglected who don't use WordPress SMS notification service on their website.

So this plugin can help you minimize this situation with a suitable SMS notification feature on your eCommerce website. Let's know how to add SMS notification feature on your website.

How to Utilize WordPress SMS Notification

Go to your website's admin dashboard. Navigate-

User Frontend>Modules, select and activate SMS Notification.

WordPress SMS plugin
Activating WordPress SMS notification featre

How to Configure

Go to WP Dashboard → User Frontend → Settings → SMS.

You will get the blank options to set up addon. You can utilize any of the following sections for sending SMS.

  • Clickatell
  • SMSGlobal
  • Nexmo
  • Twilio

All you need to have an API or Token of these services. This will help you to activate the SMS Notification service.

WordPress SMS plugin
Configuring SMS Notification module

When you are done with required settings, click on “Save Changes” button

After that go to WP Dashboard → User Frontend → Registration Forms. Then click on the setting tab.

Read the documentation to know how to create a registration form

SMS notification
Enabling SMS notification

Then click on the “Enable SMS” checkbox. Therefore SMS notification setting will appear.

wordpress sms plugin

Next, put the information in the blank box. Set the message body and choose a gateway you want to use.

Finally, update your form. And yes! you have successfully set up your WordPress SMS notification.

Watch the video to learn more about the WP User Frontend SMS Notification Module.

Generate Reports with WP User Frontend

When you think about getting any report on your website, you may worry. But it's easy to generate all essential reports using WP User Frontend Report module.

The report module will help you get posts reports, subscription reports, and transaction reports. In this section, we will show you how to enable the Report module and also its process.

Report module of WP user frontend
Report module

To activate the report module go to-

Wp admin>Dashboard>WP User Frontend>Modules and then activate it.

How to Configure the Report Module

After activating the module “Report” option will appear on your menu.

WordPress SMS plugin
Report Menu

You can check monthly reports by clicking on the right corner above the page. Just select this month, last month, this quarter, last quarter, last 6 months, this year, and last year and then click on the “Show” option.

User Reports

User report shows the number of total registered users, the pie chart for comparison, different users role by categorizing in color, percentage of growth/drop of the total registered user, etc.

WordPress SMS plugin
User reports

To be noted: The Yellow curve indicates users in last period and the Blue curve indicates users in this period

Post Reports

Here you will get the total number of posts, total number of pages, number of all post types, and the pie chart.

Post reports
Post Reports

Subscription Reports

In this section, you will get the sales amount of total subscriptions, the pie chart of total sold pack and pending transactions.

Subscription reports

Transaction Reports

This option will give you the total sales report, tax amount, and net income. The blue curve shows the sales report in this period, deep green shows tax in this period, and light green shows the sales in the last period.

Reports on transaction
Reports on transaction

FAQ about WordPress SMS Notification and Report Features

Question: Are these modules free to use?
Answer: No, WP User Frontend is free but you will not able to get the modules in the free version. Modules are available in the pro version. Click to Get pro version.

Q: Can I use other SMS gateways apart from the integrated SMS gateways?
A: No, You can only use the default SMS gateways. Supported SMS gateways are: Clickatell, SMS Global, Nexmo, Twilio

Q: Does it charge to avail SMS gateways features?
A: It depends on which types of gateway you have configured.

Q: How can I get all the reports?
A: To get necessary reports, navigate to WP-Admin>Dashboard>USer Frontend>Report> And click Ctrl+P.

How to get report through
Getting Data from the report module

These are the FAQ of the SMS notification and Report module of the WP User Frontend plugin.

It's Your Turn to Make the Right Decision

We believe that you got something useful in this article. We always try our best to put emphasis on the quality of our product. Therefore, it could be easily said that WP User Frontend' SMS Notification and report feature will satisfy you just as you want.

In this competitive business world, you can use these two features to grab the customer and make a remarkable success in the business field. So without any confusion just grab the WP user frontend pro as your business enhancer than any other solution.

Introducing WordPress Default Theme – Twenty Twenty

As a persistent WordPress enthusiast, you may already be familiar with the trend of rolling out a WordPress theme with every major release. And this was no exception while it was the last major release of WordPress 5.0 back in December 2018.

With that in mind, the WordPress developers are all set to launch a new default theme called “Twenty Twenty”. But this time the theme will be included in the imminent release of WordPress 5.3 even if it is not a major release.

So, what's inside the theme?

Let's get going.

Under the Hood

The idea to develop the Twenty Twenty theme is inspired by the popular Chaplin theme which was introduced by Anders Norén. Interestingly, Anders is also leading the design team of the WordPress Twenty Twenty theme in close collaboration with the WordPress core developer Carolina Nymark who also belongs to the WordPress theme review team.

The Twenty Twenty team is @anlino as design lead, @ianbelanger taking charge of development, and @poena representing the Theme Review team. Anders Norén

The WordPress community is already aware of the feat shown by Anders Norén in developing his Chaplin theme. Thus the community is taking this news by their utmost interest.

Since the new Twenty Twenty theme is based on the Chaplin theme, we can infer that the theme will basically be improved and repurposed in a different manner rather than creating from scratch. According to the make.wordpress.org, the upcoming WordPress 5.3 update is confirmed to be released on 12th November 2019.

What Can You Expect from WordPress Default Theme Twenty Twenty?

The Chaplin theme also bags 5-star rating on the WordPress.org. Currently, it has more than 800 installations.

If you want to know what can be done with the WordPress default theme Twenty Twenty, you need to know the characteristics of the Chaplin theme beforehand.

The Chaplin theme was built to make the most out of the Gutenberg block editor. Though the Chaplin theme was primarily tailored to meet the need of business and agency theme, it can be personalized to suit other requirements.

Here are a few things you can do with Chaplin theme:

  • Editing each and every aspect of the theme with the help of Gutenberg editor
  • Creating advanced theme layouts with Chaplin theme's “Cover Template” option
  • Adding a featured image
  • Defining the page structure using the block editing options
  • Giving you full control over the fonts and colors on your site
  • Choosing one of the ten included color schemes or build one from scratch
  • Adding infinite scroll on archive pages
  • Being able to set the different type of post meta to show on single posts and archive pages
  • And many more

Twenty Twenty theme is actually the improved and diversified version of the Chaplin theme. So, you can expect pretty much all of the bells and whistles that you could get from the latter.

Core Values You Are Getting from WordPress Default Theme Twenty Twenty

Although there are a lot of similarities in their codebase, the Twenty Twenty theme looks much different when it comes to appearance.

Anders Norén said that the reason behind the similarity of the codebase is that it takes much less time to the development pace.

Here are some of the exclusive values that the Twenty Twenty theme is expected to provide to its users.

Mobile Responsiveness of Twenty Twenty Theme

The Twenty Twenty theme is completely mobile responsive. It supports all the standard viewports. Be it a smartphone or tablet or desktop computer, there will be no content amiss.

Here is a screenshot that reveals the theme's amazing mobile responsiveness:

WordPress default theme twenty twenty

Multipurposeness of WordPress Default Theme in 2019

As far as the flexibility of the theme is concerned, the Twenty Twenty theme can align the requirements of an agency or an organization. This includes agencies or organizations but not limited to them only.

This means, the theme can be aimed to creating personal blogging websites too!

This will be feasible due to the theme's endless possibilities to create dynamic layouts, with the help of the Chaplin theme's covered template option. You can also add your own taste of alignment for columns, groups, media to create dynamic layouts altogether.

Simplicity of Twenty Twenty Theme

Though the theme's default appearance looks simple, it is more intuitive than you guess.

Still doubtful? Then you can try out the following full-page mockups of Twenty Twenty theme unveiled by Anders Norén:

Readability of Theme Twenty Twenty

If you are not a fan of using the same font over and over again, then this is the theme for you! Because it is the very first default theme of WordPress that will pave you the way to use variable fonts.

In fact, the focus on clarity and legibility will be very conspicuous on the theme. The Twenty Twenty theme will include the typeface Inter, designed by Rasmus Andersson.

In case you did not know, Inter will be a great pick for you because it makes even the smallest fonts to look more legible in it.

Unlike the former default themes, the Twenty Twenty theme will be using the x-tall height that will dramatically improve the readability of all the fonts especially for the headings – making them more discernible.

Full Block Editor Support

One thing that will surely stand apart is that the theme's magnificent support for Gutenberg block editor.

As I mentioned already, the Chaplin theme is rated very high, that is, 5 out of 5. In that its widespread philosophy not only for the full-on support for the Gutenberg editor but also for the enhancement to the Gutenberg editor.

WordPress Default Theme Twenty Twenty Review in Conclusion

The Twenty Twenty WordPress theme will definitely stand out in the long line of WordPress default themes due to its full compatibility and enhancement for Gutenberg block editor.

With the release of the Twenty Twenty theme, the WordPress Gutenberg block editing experience will be more interesting and fun to use.

Still not convinced? If you want to be adventurous, then you can download the theme from the Github to play around it. As soon as the theme gets stable, it will be merged into core.

So, what are you waiting for? Give it a spin and let us know what you see while you use it in the comment section.

WooCommerce Tutorial: How To Build An Online Store Within Minutes

Are you planning to have your own marketplace and looking for a tutorial to install WooCommerce?

Welcome, you clicked the right article to get a quick start!

In this article, I’m going to show you the easiest way to install the WooCommerce plugin on your WordPress site. Also, getting back to the onboarding introductory wizard if you skipped after the installation.

This evolutionary eCommerce plugin is inevitable to be installed on your site when you’re aiming to start an online business or want your brick and mortar store to have an online presence.

The plugin was launched on 27th September in 2011 by Automattic. But in the short span of time, it achieved prodigious success.

Why Entrepreneurs Prefer WooCommerce Plugin

WooCommerce tutorial

WooCommerce Plugin is built especially considering the facts for small business who wants to have their own marketplace. And it became popular to the small business owners for its simplicity and customization option.

You can easily build your marketplace in your native language with WooCommerce Multilingual flexibility. Till now, WordPress covered 62 native languages to translate your site.

Also, you can find lots of free WooCommerce plugins and themes useful to have rich features and give your store a professional look.

You can try out WooCommerce conversion tracking to track user data, optimize metrics and retarget your audience for the paid ad.

Here are the words from Jason Liebenberg who built his retail business with WooCommerce.

WooCommerce and WordPress made sense because of the out-the-box features as well as allowing us to develop as many custom features which we would need going forward.

Easiest Way of WooCommerce Installation (3 Steps)

To have a WooCommerce store, you must know that a domain and hosting plan is required. And there are some strategies while choosing a hosting platform.

WooCommerce Installation made easy

you need to consider several issues like security, customization, etc. Good hosting providers not only provide hosting spaces but also ensures the security of your site.

In WooCommerce industry, SiteGround is one of a kind which will save your business strongly.

Requirements for WooCommerce Installation

Now before digging into the tutorial on how to install WooCommerce here are some server requirements.

  • PHP version 7 or higher version
  • HTTPS Support
  • MySQL version 5.6 or higher/MariaDB version 10.0 or higher
  • Memory limit 128 MB or more

To rescue you from the hassle, here are some best and trusted hosting providers for WordPress WooCommerce.

Installing and activating WooCommerce plugin on your site is very simple regarding other marketplace builders. The basic part is installing and activating the plugin and then the setup procedure starts.

Step 1- Start with Installing The Plugin

To install and activate WooCommerce plugin-

  • Navigate to Plugins > Add New from your WordPress backend dashboard.
  • Search for ‘WooCommerce’ in the search box.
  • And hit on Install Now
WooCommerce tutorial- How to install WooCommerce


Now, click “Activate now” as consecutive attempts.

WooCommerce tutorial- Activate WooCommerce plugin

And then Choose “Let's Go” to get started with the setup wizard.

If you want to do the setup process manually then choose the other option “Not Right Now.”

WooCommerce setup wizard
WooCommerce setup wizard

Step 2- Complete WooCommerce Setup Wizard

Here comes the main WooCommerce setup for you. The introductory onboarding setup wizard will help you to configure the necessary steps.

So, you don’t get stuck in the middle and waste time thinking about what to do next.

Now I'm going to give you a step by step guide for setting up WooCommerce Plugin.

WooCommerce store setup

The first part is the store setup. Fill up with your store location and product type.

Now, hit ‘Let's go‘ to jump right to the next settings.

WooCommerce tutorial- WooCommerce store setup
You are free to select your product type

WooCommerce Payment Setup

Here you will see the payment setup. The options for this phase depend on the location of your store and the type of product you choose to sell.

If you didn’t mark the “selling products in person” option then you’ll only see Stripe and Paypal.

woocommerce payment setup
WooCommerce payment

If you did mark the ‘Selling in-person‘ option and live in Canada, Australia, U.S., Japan, UK then you will see Square, PayPal, and Stripe.

Because these payment gateways cover all these countries.

woocommerce paypal setup

If your business operation located in Australia, New Zealand then your payment gateway is eWay. For South Africa, PayFast.

woocommerce payfast setup
woocommerce eway payment gateway setup

And for Germany, Norway, Netherlands, UK, Sweden, Finland, Denmark then you will see Klarna.

woocommerce payment setup klarna

If you want it’s also possible to configure the “Offline Payment” option. You just need to click the dropdown arrow.

And there you’ll find different types of offline payment option. Enable the toggle button according to your preference. Now, click continue to proceed to the next step.

Set up WooCommerce Shipping

This step is all about shipping. WooCommerce has two shipping zone.

  • Zone 1 – USA and Canada
  • And zone 2 – rest of the countries.

If your store is in the first zone then you’ll have the live shipping rate option. But if you want you can also set flat shipping rate and free shipment.

In terms of actual shipping rate, you have to set up the correct weight and dimension.

WooCommerce shipping setup

Before clicking continue, tick mark the print shipping labels at home to get your credentials printed.

Configure Recommended Plugins and Themes

Select the below options to get tax calculation and email service in your store automatically. Jetpack and other required plugins will be automatically installed.

WooCommerce recommended plugin jetpack

Click “Continue with Jetpack”.

Install WooCommerce with jetpack

Now you are on the last page of the wizard.

From this page, you can create, import product, visit dashboard or review the entire settings.

WooCommerce tutorial last step

When you’re done with all the steps you can add any product anytime and from the frontend.

STEP 3- Add First Product on WooCommerce

The interface may look different depending on the theme you’re using. In this instance, I’ve used Dokan theme since it works perfectly with WooCommerce.

Here’s a list of best WooCommerce themes you can choose from.

WooCommerce tutorial

Turn Your Single Store into Multivendor and Earn More Money

All the aforementioned steps will help you building a WooCommecer single-store while you can double your earning by turning the store into multivendor.

No worries, it’s just matter of clicks now.
Get a WordPress multi-vendor plugin and activate it to get going with your multivendor. The rest steps are as easy as was clicking the “activate” button.

You can also follow this step by step guideline to build and customize your multivendor marketplace.

Skipped WooCommerce Setup Wizard?

If somehow you skipped the popup WooCommerce setup wizard, there's nothing to worry. You can access it anytime. Just going to Product > Help > Setup Wizard

Return WooCommerce setup wizard

WooCommerce for eCommerce

WooCommerce multivendor opens up more opportunity than a single store. The first and foremost advantage is you can add a wide range of product line and serve your targeted customer very well.

And it’s easy to satisfy your customers giving them more room to choose the best product.

Install WooCommerce and setup multivendor marketplace

There are a significant number of multivendor plugins for WooCommerce to start with. But Dokan is most renowned WooCommerce extension to power up your multivendor.
Get the scrupulous comparison of other WooCommerce Multivendor plugins from this article.

Returning to you

Haven't you already realized how easy it is to start your own online store with WooCommerce?
You can have the inspiration for your journey from the real-life entrepreneur's story who have already faced the battle and got successful.
Finally, here’s the last tricks for you. When you are done and ready to sell, make sure to promote your product.

Create Conditional Logic Forms & Publish Them Using the WordPress Gutenberg Block

Creating conditional logic forms in WordPress is one of the most important features our users look for. Using this option not just makes your form to look neat and clean but also gives your users an intuitive experience.

To this end, you will need to apply the old-school ‘IFTT' programming condition that is “(if this, then that)” approach. Fear not, friend! You don't have to be a programmer for this!

In this tutorial, we will show you how to quickly create conditional logic in WordPress forms without the need for any coding know-how. Now, let's dive in.

Why Should You Use Conditional Logic in Your WordPress Forms?

  • To give your forms more sophisticated and precise look.
  • To save your precious time and effort.
  • To hide or show a particular area or field of your form in an interactive way.
  • To take data more efficiently from your website visitors.
  • And many more.

Here Is How to Create Conditional Logics in WordPress Form Builder?

conditional logic forms

Creating conditional logic forms in WordPress forms is much easier than you might think. Follow these steps carefully:

Step 1: Install weForms and weForms Pro

Assume that you have your WordPress website up and running. Now. go to Plugins > Add New. Search for the keyword ‘weFoms‘. Now, install and activate it like all other plugins.

conditional logic forms

However, the plugin does not bring conditional logic feature in the free version and so you need to avail the pro version in the form of a ZIP file from here.

To install the pro version, you need to go to to the Plugins > Add New > Upload the Zip file and you are done.

Step 2: Go to the weForms Form Builder

Now, go to the weForms > All Forms > Add New.

conditional logic forms

Now, a pop will appear on your screen where you will be able to select form-templates to ease the process of creating a form from scratch. Now, click on the “Create Form” button.

conditional logic forms

Next, you will be taken to the form builder. From here, select fields like name, email address and radio field.

After that, go to Field Options and change the field label to whatever text you want. Here in this example, we are collecting customer opinions on different marketplace solutions and so we used “What type of marketplace you want to open?” in the Field Label options. Then, add two more items in the field – “Single Seller” and “Multi-seller” options in the dropdown field:

conditional logic forms

Next, you will be adding two checkbox fields. Now, change the field labels to “Select your preferred single seller solution” and change the other field label to “Select your preferred multivendor solution“.

Give some options to both of the checkbox fields – for example- WooCommerce, CS-Cart, Wix, BigCommerce, etc.

conditional logic forms

Step 3: Set up Conditional Logic

Now, go to the Advanced Fields and select ‘Yes‘ from the conditional logic option and use the ‘select‘ dropdown option. From there set condition like show this field if the user selects “Single Seller” in the “What type of marketplace you want to open“.

conditional logic forms

Follow the same process for the other checkbox field.

When you finish adding conditional logic, save the changes.

Step 4: Publish the Form Using the Native weForms Gutenberg Block

As always we wanted to give you an edge over others with creating a native Gutenberg Block for weForms we have come up with it with the release of weForms version 1.2.7

Navigate back to the WP Admin Dashboard > Pages > Add New. Select the (+) sign to add a new block. After that, you have to select the weForms block.

conditional logic forms

Now, select the “Blank Form” that we have created just now.

conditional logic forms

Interestingly, when you select the form, the Gutenberg editor will show you a preview of the form. Finally, hit the ‘Publish‘ button to publish the form.

conditional logic forms

Previewing the Form From the Frontend

Now, it's time to get a view of the form from the frontend. It will allow you to get the exact view of your form just like the way your users will be able to see from the frontend.

To do so, click on the ‘View Page' option and you will get the frontend view:

Now, let's fill out the name field, email address field.

conditional logic forms

Next up, choose the “Single Seller” option. If you select the radio field “Single Seller” option, you will get the conditional field that is “Select your preferred single seller solution” field on the frontend.

Now, choose the solutions that you like from the checkboxes. After that, hit the “Submit Query” button to submit the form data you entered just now.

For the other option “Multi Seller“, use the same technique:

conditional logic forms

That's how your users can use the conditional logic from the frontend.

Some Real-life Use Cases of weForms

Here are some effective use-cases you can consider:

  • Customer Specific Contact Page
  • Hiding Certain Sections
  • Interactive Quiz forms
  • Opt-in Service forms
  • Payment forms

To know more about these use cases you can go through this article.

Now It's Your Turn!

We have added the conditional logic as per users' feature request. And we hope this will help you stay ahead of the curve when building smart condition based forms.

In addition, publishing the form with the help of a native Gutenberg block has been a cherry on top. If you are yet to give a shot to these features of weForms, you can try anytime and it's never too late for good things. 🙂

The Complete Beginner’s Tutorial to Creating an AI Bot on Facebook Messenger

AI or Artificial Intelligence has become a buzzword these days. And Facebook chatbots are no exception to artificially intelligent technologies. For a smooth and well-rounded marketing strategy, this is something you can't steer clear of.

Moving forward, using a chatbot has become a standard when it comes to prompt customer support and happiness. In this article, we will define you what a Facebook chatbot is and how you can set a chatbot for your facebook page's messenger. Now, let's go ahead.

What Is a Facebook Messenger Chatbot?

Facebook Messenger Bot Tutorial

Facebook messenger chatbot is an artificially trained bot that mimics human intelligence level and converses with your visitors or customers without even the need for any human assistance.

For this purpose, chatbots always try to hide the fact that they are artificially trained bots when they are serving or reacting to its users.

Why Do You Need a Facebook Messenger Chatbot?

As a business professional, you should streamline your marketing and customer support system with a facebook messenger chatbot to have an edge over your competitors.

The users of Facebook Messenger is almost equal to the entire number of users of Instagram, Twitter, and Snapchat together.

Facebook Messenger Bot Tutorial
Source: Statista

Thus, you should definitely take the advantages of the Facebook messenger to your good book.

Here are some of the predicted use cases for chatbots that can be pretty useful for you:

  • Getting a quick answer in an emergency.
  • Resolving a complaint or problem.
  • Getting detailed answers or explanations.
  • Finding a human customer service assistant.
  • Making a reservation (e.g. restaurant or hotel).
  • Paying a bill.
  • Buying a basic item.
  • Getting ideas and inspiration for purchases.
  • Adding yourself to a mailing list or news service.
  • Communicating with multiple brands using one program.
Facebook Messenger Bot Tutorial
Source: Convince and Convert

Here Are Some of the Basic Benefits of Facebook Page Bots:

Chatbots are a proven way to provide a far more personalized experience and ensure much more customer engagement. Here are a few benefits:

  • Mobile friendly customer service.
  • Integration to e-Commerce platforms to increase sales.
  • Automatic sending and receiving text and images.
  • Parsing information to actionable steps.
  • Providing answers with predetermined questions.
  • Being able to send bulk push notifications.
  • Offering in-depth analysis performance of the chatbots.
  • Chatbots become smarter with more usages.

How to Create a Basic & Simple Facebook Messenger Bot

We assume that you already have a Facebook page. If you have one, you can easily set a basic facebook auto reply bot from the page settings. Now, let's begin the facebook messenger chat bot tutorial:

First off, click on the dropdown button and select the page that your are going to set the chatbot for.

Facebook Messenger Bot Tutorial

Click on the Settings option.

Facebook Messenger Bot Tutorial

Next, click on the Messaging option:

Facebook Messenger Bot Tutorial

After that, You will get 3 settings for the chatbot:

  1. General Settings
  2. Response Assistant
  3. Appointment Messaging

Configuring General Settings

Now, turn on the “Prompt people to send messages” and “Help people start a conversation with your Page” toggle bars.

Facebook Messenger Bot Tutorial

Prompt people to send messages

This will help your people with a number of ways (Such as open chat window) to send you messages while you are online.

Help people start a conversation with your Page

This option will help your audience use frequently asked questions to begin a conversation with you with ease. The coolest part is that you can edit the FAQs (Frequently Asked Questions) with your own taste and can add multiple questions as well.

Facebook Messenger Bot Tutorial

After finishing editing, don't forget to save the changes.

Configuring Response Assistant

This is the most effective and useful part of the Facebook messaging settings. In this section, you will get three more options. They are:

  1. Send instant replies to anyone who messages your Page.
  2. Let people know when you don't have access to your computer or phone.
  3. Show a Messenger greeting.

You will have to turn the toggle bar on in order to keep them functioning as indicated below with red marks:

Facebook Messenger Bot Tutorial

Send instant replies to anyone who messages your Page

After turning the toggle bar on, your audience will get instant messages showing that you will respond to them as soon as possible. However, you can easily edit them with the Change button:

Facebook Messenger Bot Tutorial

Now, you will get the message editing option with a preview of the message:

Facebook Messenger Bot Tutorial

Edit the message in the way you want. You can also add personalizations in the message text using the ‘Change‘ button. Finally, hit the ‘Save‘ button.

Let people know when you don't have access to your computer or phone

With this option, you can let your visitors know that you are not in front of your device and thus can't give them support instantly.

Show a Messenger greeting

Facebook Messenger Bot Tutorial

You should use this option if you would like to greet your visitor who is on the first time with your page's messenger. You can also edit this option, personalize and save it at your disposal.

And that's it! You have created a basic Facebook bot for your business page.

How to Create an Advanced Facebook Messenger Bot with Chatfuel

You can easily create a Facebook Messenger with Chatfuel while having fun during the process.

I'll not only show you the walkthrough of creating a messenger bot but also guide you with a strategy so that you can grow a good number of audience with it.

It will take only a few minutes to set up the bot but you will later discover a lot of great and exciting ways to maneuver it more efficiently.

Step 1: Sign up for a Chatfuel Account with Your Facbook Account

Facebook Messenger Bot Tutorial
Chatfuel’s homepage

First off, visit the homepage of Chatfuel and click on the “Get started for free” button.

Facebook Messenger Bot Tutorial

After that, you will be prompted to log in to your Facebook account and you will then have to confirm your Facebook account ID to proceed.

Facebook Messenger Bot Tutorial

Chatfuel will receive your profile picture, email and name. However, it will not let the app publish itself on your Facebook timeline. So, rest assured!

Step 2: Link Your Facebook page

At this stage, you will have to link your Facebook page. To do so, select your Facebook page by checking it and then hit the ‘Next' button to go forward:

Facebook Messenger Bot Tutorial

Next, Chatfuel will show you all the details that they will do for your pages. Keep all the toggle bars turned on. Now, hit the ‘Done‘ button to go to the next step:

Facebook Messenger Bot Tutorial

Then, you will get a success message showing that you have now linked Chatfuel to Facebook. Click ‘Ok' to proceed:

Facebook Messenger Bot Tutorial

After the successful Facebook login, you will be taken to the Chatfuel account dashboard. Now, to finalize the addition of your Facebook page hit the ‘CONNECT TO PAGE‘ button.

Facebook Messenger Bot Tutorial

For now, we will be using the free version. You can later buy the PRO version down the road:

Facebook Messenger Bot Tutorial

Step 3: Create a Messenger Greeting

Now, you will have to create a welcome message to greet your customers (We have already shown it though). This is very important because it guides your users on what to do next without thinking much.

  • Go back to your Facebook page > Settings > Messaging
  • Now switch the Show a Messenger Greeting toggle bar to Yes
  • Now, click Change
  • Now type the greeting message for your user, and then save the changes.

Step 4: Create a welcome message

You have to configure a welcome message for each session your users start a chat session with the bot. Fortunately, in Chatfuel, you can easily greet your customers with a welcome message using your first name. Follow these steps:

  • Navigate to your Chatfuel dashboard and then click on Welcome Message
  • Add your preferred welcome text to the box. For example, “Hi {{first name}}, may I know what are you looking for?”

That's all. You don't even save the changes by hands because it is saved automatically. To check how it works, you can visit your Facebook page and use the Message button to test its efficacy.

Step 5: Create a default reply

Sometimes, your Chatbot will fail to answer too critical questions. To answer these types of questions, you will have to set default answers to help them what to do next. For example, you can set the replies to contact your support team, rephrase their question, use email or phone number to contact the helpdesk, etc.

Follow these steps:

  • Go back to your Chatfuel dashboard and select the Default Answer button.
  • Now you will find a set of placeholder texts. Change the texts to something more friendly. For example: (“Pardon me. I’m can not help you out but I am forwarding your queries to the customer care department. Please be patient.”)

Again, your changes are saved automatically.

Step 6: Unleash the Power of AI

Facebook Messenger Bot Tutorial

You will feel the greatness of Chatbots when they can understand almost all the queries your customer ask. And this is where the concept of AI comes to the play. Since Chatfuel uses keywords to train its AI system you will have to feed some keywords to get the most of its AI system.

Follow these steps to train the AI system of the Chatbot:

  • Navigate to the Chatfuel dashboard, select Set Up AI > Add AI Rule
  • Now add a keyword that your customers are likely to use like ‘Refund policy’ in the If User Says Something Similar To box
  • In the accompanying Bot Replies with Text box, enter a useful reply like “We have no question asked policy but it is void until the product has the valid license period,” together with a link to your refund policy documentation page.
  • Now that you know the process of adding keywords, you should keep training the bots for as many keywords as possible so that the AI system gets more efficient over time.

Bonus Tips:

You can take help from your customer care department to get the most frequently asked queries from the user to train the AI system.

Step: 7 Add a Message button to your Facebook page

The Message button does not appear automatically and so you have to set it up manually in order to make it work. Follow these steps:

  • Log in to your Facebook account > Select your page > Add a Button.
Facebook Messenger Bot Tutorial
  • You will get a popup window, select Contact You and Send Message option from therein:
Facebook Messenger Bot Tutorial
  • Select Messenger and hit the Finish button.
Facebook Messenger Bot Tutorial

Now, the Send Message button will be discoverable publicly and your users can start chatting with the bot.

Bonus Tips:

The best part of Chatfuel is that you can embed it on your website to conduct messenger-based marketing.

To this end, you can follow their tutorial and documentation so that you can use Chatfuel on your website.

Ending Thoughts

We hope that this guide will help you set the Facebook messenger bot well on your website. Besides, the user interface of Chatfuel is also friendly enough and you will find everything under your belt quickly.

Finally, I would like to say that building the AI Facebook messenger bot will not cost you arms and legs and it is actually worth the investment. That's because you don't have to spend too much on hiring new customer support employees.

A Beginners Guide to Google Data Studio for Marketers

Data is a blessing for any marketer when it is meaningful and understandable. However, turning web data into meaningful insights can be a complex process. Fortunately, Google Data Studio, data visualization from Google can save you a lot of time and effort.

Continue reading “A Beginners Guide to Google Data Studio for Marketers”

What Is Meta Description & Why Is It So Important?

The search engines are constantly developing their algorithms to ensure more user-friendliness with prioritizing the searchers intent. With proper optimization of your website or webpage in line with the changing guidelines of the Search Engines, you can definitely take your webpage all the way up to the SERPs.

As search engines are changing their algorithms to optimize a webpage, it is pretty common that they are bringing forth new required factors while making some prevalent factors null and void.

Though Meta Description is an old-school theory for SEO or Search Engine Optimization, it still works great to thrust your web page to the top. In this article, we will learn what a meta description is and why it is important for your web pages.

What Is a Meta Description?

meta description

In non-technical terms, the meta description is nothing but the short snippet of texts that tell the search engines and the searchers what your web page is all about.

As Google possesses 67% of total search engine shares of the market, we should optimize for Google rather than optimizing for the other search engines like Yahoo, Bing, Ask, AOL etc.

Technically, a meta description is an HTML attribute in between the meta tags describing your webpage.

How This Text Works

The meta description may appear under the URL of your webpage. This snippet of texts is pulled from the meta description attribute. However, if the meta description is not specified then Search Engines can fetch these texts from the main body of the webpage.

Here is an example of meta description after searching for the keyword, “weDevs”.

How to See a Web Page's Meta Description?

It's pretty easy! Go to the page of a web page then, right-click your mouse after that select the View Page Source option from the box.

Moving forward, you will probably be able to see the meta description within a bunch of codes. Here is an example of meta description on the “View Page Source”:


Here is the above Meta description in texts:

<meta name="description" content="The third edition of “International Space Station Benefits for Humanity” is available Friday, April 5, 2019 for download." />

Why Meta Description Is Important?

If you take a look at the following data, you will see how Meta Tags play an important role to rank your webpage.

Source: Semrush

The above data shows the most important ranking factors for a website. Though meta tag is at the bottom of them, it still strongly pushes your web pages to the top provided that you have done the SEO by adding a suitable meta description.

If you are not convinced yet, here is another fact taken from the Moz.

Putting it all together, we're up to almost 55% of cases where Google is using all or part of the original meta description tag. 

Moz

Benefits of Using Meta Description

  • Increases the click-through rate due to the concise explanation of a web page on the SERPs.
  • Helps your web page get ranked faster due to the increased click-through rate over time.
  • Makes the users happy due to the user-friendliness of the appearance of a webpage on the SERPs.
  • Though Google seldom follows a meta description to rank a webpage, a study by Moz shows that a meta description containing relevant keywords can boost the ranking.
  • Helps the users to quickly choose the most appropriate web page from the search results.
  • Boosts up the number of leads on your website due to the increased visitors.

So, it is quite obvious how significant the meta description is for your web pages.

What Is the Optimum Length of Meta Description?

There is no hard and fast rule for the optimum length of a Meta Description. It depends on the situation and your taste. However, as Google truncates the characters of a meta description longer than 300, we recommend keeping the number of your meta description characters under 300.

The Moz suggests writing a meta description containing characters between 50 to 300.

How to Write Better Meta Descriptions?

Before writing an engaging meta description consider these in your checklists.

  • Keep your focus keyword in your meta description.
  • Never use a meta description that has been already used in other web pages.
  • Use a keyword in the meta description that is hyper-relevant for a web page.
  • Make sure that the texts are highly engaging by telling the benefits or showing the value, eliciting emotion and urgency.

To get more help with SEO, CTA, and CTR, you can check out these additional resources:

Here Are a Few Useful Meta Description Templates

To save your time, here are a meta description templates that may help you craft amazing meta description for your web pages.

For Tutorial Blogs:

Doing "Focus Keyword" is very important. Ever wondered how to do it? Here is our comprehensive and effective guide to do it which can give you a boost.

For Landing Pages:

Do you find it difficult to do "Keyword"? Then you can try "Your solution" that can lessen your pain and make you more efficient like never before. 

For Pricing Pages:

Compare "Your product" with other solution providers with an amazing chart and make your decision to buy the "product" wisely exactly the way others did.

For Documentation Pages:

This documentation explains the "Keyword" feature of "Your product". If you want to learn how it works you can go through this documentation.

Adding Meta Description with Tools

If you are using a WordPress to manage your website you can set meta description without coding a single line. You can use WordPress tools like Yoast, Rank Math, etc. to write a meta description with optimized length.

In Conclusion

Adding meta description is definitely no less than an artwork. With a good meta description, you can convince your visitors and thus increase the traffic and click-through rates. These factors are part and parcel for the better site ranking for any website.

Finally, with sufficient proofs and evidence from above, we can conclude that as an integral part of SEO, you must apply the meta description to each and every web pages of your website.

15+ Helpful Tips and Tricks For WordPress Gutenberg Editor

With the introduction of Gutenberg, creating and formatting content on WordPress has been made easy, unlike the formal editor that requires the addition of two or more plugins to format a page or create a post. The WordPress Gutenberg editor will help both developers and users without experience in coding to create world-class websites.

Gutenberg is one of the best things that happened to WordPress since its creation. In late 2018, WordPress introduced a new update, which is WordPress 5.0. WordPress 5.0 is a major change to WordPress since its creation. This update was all about the change in WordPress editor. It was the beginning of the WordPress 5.0 series which comes preinstalled with Gutenberg as it's default editor.

Evolution of Gutenberg

WordPress Gutenberg editor

Gutenberg has been around for a while as a stand-alone plugin with the introduction of the 5.0 update, it became a core part of WordPress. This update gave the content creation on WordPress superpowers. If you are still wondering what a Gutenberg is let me take a minute to explain one of the greatest updates to WordPress since the launch of WordPress.

The Gutenberg is a WordPress Editor that replaced the old Classic editor that has been in use for a long time. It gives users the combination of a builder and editor all in one. Gutenberg allows users to add content blocks and page builder features to pages or posts on WordPress without installing a separate plugin. These functionalities come inbuilt in WordPress 5.0.
This WordPress block editor has a totally different user interface from the old WordPress classic Editor.

The WordPress Gutenberg editor is designed to produce a more dynamic and comprehensive page building and post writing experience which provides more flexibility and control for users when editing a page or post.

Difference Between The Classic Editor and The Gutenberg

Before we dive into it, It would nice to do some comparison between the Old Classic Editor and The Gutenberg.

The Classic Editor Interface

C:\Users\Leks\Desktop\content\upwork\tech\classic editor.png

The Gutenberg Interface

C:\Users\Leks\Desktop\content\upwork\tech\gutenberg1.png

Looking at the two different editors, the old classic editor uses a text editor interface in formatting text while the Gutenberg use blocks to create different layouts on the page.

How The Gutenberg Blocks Work

One of the greatest innovation in WordPress 5.0 is Gutenberg. It is an editor that uses a block to create contents and layouts. The Gutenberg is designed to work using blocks. The blocks allow you to add different features on your site based on the type of content you are creating. There is virtually a block for everything. These are some examples of blocks available on Gutenberg; Paragraph, Heading, Subheading, Quote, Image, Gallery, Cover Image, Video, Audio, Columns, File, Code, List, Button, Embeds, etc

C:\Users\Leks\Desktop\content\upwork\tech\button.png

New Content Blocks Category

C:\Users\Leks\Desktop\content\upwork\tech\block.png

The Block type is systematically categorized in a way that allows you to easily pick a block.

Here are the available block categories;

  • Most Used
  • Common Blocks
  • Formatting
  • Layout Elements
  • Widgets
  • Embeds

Understanding The Gutenberg Interface

The Gutenberg has a new interface different from the old classic editor. This interface gives users an all in one functionality. Don't you think it will be a smart idea to know how to navigate the new interface? Let's get started

C:\Users\Leks\Desktop\content\upwork\tech\gutenberg.png

1. Add Block Button: This button is used to add new blocks to your content. Have a look at below image.

C:\Users\Leks\Desktop\content\upwork\tech\add block.png

2. Undo/ Redo: This allows you to go a step forward or backward that is to undo and redo a change.

C:\Users\Leks\Desktop\content\upwork\tech\undo redo.png

3. Preview and Publish: The Preview is used to display what your post will look like while the publish button allows you save and publish your page or post so it is available to the public.

C:\Users\Leks\Desktop\content\upwork\tech\preview.png

4. Document: This is the settings area, this tab allows you to toggle to and from the document settings and make changes.

C:\Users\Leks\Desktop\content\upwork\tech\document.png

5. Block Setting: This can be used to set up or format a particular block that was selected.

C:\Users\Leks\Desktop\content\upwork\tech\blocksettings.png

Now, go ahead with the 15+ helpful tips and tricks for WordPress Gutenberg editor to skyrocket both of your site and project!

1. Increase Your Efficiency with The Gutenberg  Keyboard Shortcut

We all love keyboard shortcuts. Shortcuts are designed to make life easier, faster, increase speed and efficiency. The shortcut menu can be found by clicking the ellipsis on the right corner. Even though universal shortcuts like Ctrl C, Ctrl V, etc works, however, Gutenberg has its inbuilt shortcuts which allow you to activate certain functionalities within the editor.

To view the full list of the keyboard shortcuts, Use the Shift + Alt + H. Here are some of the shortcuts listed below:

C:\Users\Leks\Desktop\content\upwork\tech\help.png
  1. Ctrl + Alt Backspace delete the select block
  2. Control + Alt + T
  3. Ctrl + Alt + Y
  4. Display help  – shift + Alt + H
  5. Save your changes  – Ctrl + S
  6. Undo your last changes –  Ctrl + Z
  7. Redo your last undo –   Ctrl + Shift + Z
  8. Show or hide the settings sidebar    Ctrl + Shift +,
  9. Go to the next part of the editor     Ctrl + ’
  10. Navigate to the previous part of the editor     Ctrl + Shift + ’
  11. Navigate to the next part of the editor (alternative) Shift + Alt + N
  12. Navigate to the previous part of the editor Tables (alternatives) Shift + Alt + P

2. Switch between Visual Editor and Code Editor

The Gutenberg offers users the flexibility to switch from the code to the visual editor pane giving users the flexibility to add codes to the page without leaving the page. This offers a quick and easy way to manage your content. The Gutenberg operates on different mode depends on the on that works best for you. The four modes include:

3. Multiple View Options

The Gutenberg offers users multiple view options that allow users to navigate, change a view to suit their preference. To change a view, kindly click on the ellipsis in the top right corner of the page, On hover click on more, which gives you options to select the different view. Select the best view that suits your choice.

Here are the different View options available on Gutenberg:

Top  Toolbar Mode

C:\Users\Leks\Desktop\content\upwork\tech\top toolbar.png

This feature allows you to access all block and document in a single place Spot. This option lets you have the toolbar at the top of the editor.

Spotlight Mode

C:\Users\Leks\Desktop\content\upwork\tech\spotlight.png

Spotlight mode allows you to focus on one block at a time. This mode highlights the block you are currently working on and fades the block that you are not working on.

Fullscreen Mode

C:\Users\Leks\Desktop\content\upwork\tech\fullscreen.png

This mode allows you to work without distraction by removing unnecessary menu items from the page. It allows you to expand the editor on a fullscreen mode by removing or hiding the WordPress admin menu on the left-hand side.

Depending on your preference, you can set the best viewer to the option that suits you. You should try the different view options for the best WordPress user experience.

4. Block Search

Getting some particular block can sometimes be difficult. This allows you to quickly and easily search for a particular block using the search option.

C:\Users\Leks\Desktop\content\upwork\tech\search.png

5. Switch between The Visual and Code Editor

Just like the Classic Editor, the Gutenberg also allows you to switch between and code and the Visual editor, This is useful for advanced and technical users who may want to add some extra code to the page.

C:\Users\Leks\Desktop\content\upwork\tech\switch.png

6. Use The Slash Command “/ “ to Quickly Insert a New Block

There is the conventional way of adding blocks to your posts or page, but there is a much easier way to quickly add blocks to your posts.

Once you know the block to use, Type the “/” and start typing the name of the block, as you type, Gutenberg will autosuggest block that matches your inputs. Then hit the Enter key to insert the block

7. Drag and Drop Images from Your PC

The Gutenberg also allows you to drag and drop images from any directory in your PC directly to theWordpress Gutenberg editor at the exact place you want it to appear.

8. Shift + Enter To Line Break

To Start A new line of text without creating a new paragraph, simply press Shift + Enter key

9. How to Change Blocks to a Different Blocks

Instead of inserting a new block for every content you create, you can save lots of time by converting a block to another block type. For example, you can transform a regular text into a heading, quotes, lists, preformatted text. You can also convert other block types into a similar or related block.

Related Article: Check out the comparison to get the best CMS platform.

10. Use Drag and Drop to rearrange the Blocks

Use Drag  and Drop To move contents around the page. If you need to move an item from one point to another. This is where the drag and drop come in handy.

One of the easiest ways to move contents around is using the drag and drop feature on Gutenberg, unlike the old editor where you can only copy and paste. Gutenberg editors allow you to move items from the page using drag and drop.

To get this option activated, kindly mouse over the six dots on the block you need to move, then drag the block to the new location. You can also use the up and down arrow to move the block around

11. Copy Multiple Blocks

Just in case you are wondering how you can copy multiple blocks at the same time, on your WordPress Gutenberg editor, click on the ellipsis on the top right column, just by the bottom of the menu, click on the copy all content. This will automatically copy all the content which you can transfer to another place

12. Adding New Blocks

This is the info icon on the top left side of the page. This provides a general overview of the content on your page which includes, the word count, the number of heading on the page and the different kinds of heading, paragraphs, the total number of blocks and the summary of the entire block layout.

13. Shortcodes

Gutenberg allows you to add shortcodes to your page by inserting the shortcode block which can be found in the block menu.

14. Create Multi-Column

Gutenberg allows you to be more creative with your content layouts. It offers a  multi-column functionality that makes creating multi-column now possible with the Block editor, unlike the Classic editor where creating columns on your page was nearly impossible. This block allows you to add up to 6 columns on your page.

15. Remove an existing block

To delete an existing block, simply hit the Alt+Ctrl+Delete

You can also click on the block ellipsis, then click remove Block.

Bonus Point: Create a Reusable Block Template

C:\Users\Leks\Desktop\content\upwork\tech\reusable.png

This feature allows you to create block templates that you can reuse anytime that is you can a configuration blocks layout for a content type that you may need to reuse in the future. Instead of creating it all over again the next time it is needed, Gutenberg allows you to save it as a reusable block which call be recalled at a later date.

C:\Users\Leks\Desktop\content\upwork\tech\reusable.png

To set a reusable block template, Highly all your blocks by selecting all the blocks in the layout like you would do when highlighting texts to copy. Then click the three dots icon for options. Click Add to Reusable Blocks. It will display a pop up prompting you to give the block template a name. Enter a descriptive name for your new block and click save.

If you need to add your newly created block to your page, Click on the block icon and search for the menu block you just created to add to your page

Final Words on 15+ WordPress Gutenberg Editor

Now that you are equipped with some of the best tips and tricks to build a world-class WordPress content using the Gutenberg, have fun while creating those awesome contents. The Gutenberg will experience lots of updates in the future of WordPress editor will be largely dependent on the Gutenberg. Just like Johannes Gutenberg revolutionalize the printing press, the WordPress Gutenberg editor has changed the way we create content forever. WordPress has proved once again that they are highly capable and have what it takes to still be a leader in the CMS Industry.

Bonus point: Do you know you can build your dream multi-vendor marketplace with Dokan? Click the link below to give a try. It's free!

How to Install WordPress on Localhost (5 Easy Steps)

As the most popular web platform, WordPress is already powering up over one-third of the entire websites.

Hundreds of people are entering the community every day. If you too are one of them, we are welcoming you with this easy and beginner-friendly tutorial- “How to Install WordPress on Localhost” in five easy steps.

Learning WordPress is just fun. Nowadays, anyone can build a website for his/her blogging-business or any other purposes within minutes. Yes, CMS (Content Management System) made it such easy for all of us. And WordPress is leading the CMS industry with a surprising market share of more than 60%!

In this post, we have shown how to install WordPress on localhost in 5 easy steps. Let's start with this basic question.

Why Install WordPress on Localhost?

A site in a localhost environment is basically for personal purposes, not for users or audience. The only person who can see the site is you! So, why does anyone need to create a site in localhost?

The answer is already given in the above paragraph. Before going live with our site or to make a visual presence, we should learn the basics and test the output of our developed solution. A localhost site lets us check and experience the updates, changes, and settings etc. to be sure about the final outputs.

Basically, developers use these sites to check their works for being sure about the quality and issues on it. But as a user, you too should create and use one or more localhost sites before making any update or adding a new feature.

So, a localhost site actually supports you to prepare for your next final move. Technology is going ahead rapidly so is the software industry. There is no chance to ignore the updating-upgrading process. Here comes the localhost site to the rescue.

How to Install WordPress on Localhost (5 Easy Steps)

WordPress made it easy to install the solution with ease both in a c-panel or localhost. Most of the famous hosting provider companies offer one-click installation for WordPress. But, you need to depend on a localhost web server solution to create a database and save your files when you are creating a local site.

And there is a number of popular solution out there to set up your WordPress on Localhost. To make your job easy, we are mentioning four of the most popular localhost service providers.

  1. WAMP
  2. MAMP
  3. LAMP
  4. XAMPP

In this post, we will show you how to install WordPress on localhost using XAMPP. This localhost server is famous for its overall support and quick response. You can install WordPress using WAMP, LAMP or MAMP, following the same way.

These are the software that creates localhost on your PC by utilizing web server software Apache, PHP and MySQL. You may know-

PHP is a programming language and MySQL is a database management software. Both of them are required to run a WordPress site.

Installing each of these software separately is difficult and time-consuming for beginners. That’s why you need to depend on the solution like XAMPP/WAMP/LAMP/MAMP.

XAMPP vs WAMP vs MAMP vs LAMP

Among these solutions, XMAPP and WAMP are open-source and provide a free solution.

XAMPP is better than WAMP because it's compatible with all the available operating systems like Windows, OS-X, and Linux. On the other hand, WAMP is limited only for the Windows operating system.

XAMPP vs WAMP vs MAMP vs LAMP

LAMP and MAMP are also open-source based free localhost solution and provide good support. But the problem is LAMP stands basically for Linux operating system and MAMP limited only for Mac operating system.

So, which one is better compared with the others? You could find XAMPP as the best suite for any of the operating systems with its lots of features.

Now, lets start with the first step.

Step 1- Download XAMPP

Apache+PHP+Perl
  • There are different versions for different operating systems. Choose the perfect one for your device.
Download XAMPP

After clicking on the download button, wait for a few moments. It's around 150 MB file, so you should give some time for it to get downloaded.

Step 2- Install & Run the XAMPP on Your PC

This is the second step. After downloading the software, you need to unzip it. When the file is ready, just select the Install button or click on it twice. Soon you will discover that the installation process has began.

XAMPP set up
  • In the next step, you will see some checkboxes these are already marked. You only need MySQL and phpMyAdmin, so unmark all the others.
MySQL and phpMyAdmin
  • After a few moments, you would see a welcome notice. That means your installation process is working perfectly.
Welcome to XAMPP
  • If you have any antivirus software installed in your PC, you may see a security alert like this. Don't worry, check any of the given networks and go ahead by clicking on the Allow access button.
XAMPP security
  • You would see a language selection option, check one that you want and click on the Save button.
  • You are almost at the end of the installation process. Just mark this question box and click on Finish button. The XAMPP control panel will automatically run on your device.
Install XAMPP

Congratulations! You have completed the XAMPP installation process!

Step 3- Download WordPress Latest Version

Now is the time to create a database and start installing WordPress on localhost. To do that, you need to download the latest version of WordPress.

  • Go to the WordPress official website, click on Get WordPress button from the top right side. You will be redirected to a new page.
  • Now hit on Download WordPress button.
Download WordPress

The download process might take a few moments to begin. You will get a zip file. Unzip the file and copy that for your next uses.

Step 4- Create a Database

To create a database, first you need to prepare a folder on your PC in which you want to save all the data of your local site.

  • Go to your local disk, where you saved the downloaded XAMPP file.
  • Select the htdocs folder and paste the WordPress latest version you have copied earlier.
Htdocs- How to Install WordPress on Localhost

Now, rename the WordPress folder. You can avoid this option, if you want to build your site with the name ‘WordPress' itself.

We named the folder here ‘mytest'. Check the below screenshot. You should remember the name you have selected for your database.

Rename WordPress- How to Install WordPress on Localhost

  • Select Database
  • Write the same name you have written on your local disk. And finally, click on the Create button. Your database will be created within a few seconds.
Database name- How to Install WordPress on Localhost

You have successfully created your localhost database. Now, is the turn to install WordPress on the localhost.

Note: Before going to the final step, you need to start both Apache Web Server and MySQL Database from the Xampp control panel installed on your PC or Mac. Without starting both of them, you can't get access to PHPMyAdmin.

Just go to your app folder. Select the Xampp control panel and click on MySQL and Apache buttons. Have a look at below screenshot.

Activate Apache Web Server and MySQL Database

Step 5- Install WordPress on Localhost

Open a new tab on your browser and write localhost/your given name (‘mytest‘ in our case) and hit on the Enter button. You will see a WordPress setup wizard like below.

  • Select your language and click on continue
WordPress language
  • You would see a welcome notice on behalf of WordPress. On the next step, WordPress will require
  1. A database Name
  2. A user name
  3. A password
  4. And a database host
  • Just click on the Let's go button
WordPress database
  • These are the fields you can see in the below screenshot.
  • Provide your database name, you can write ‘root' as user name, keep the password option blank- it's better and you would find other fields filled up from earlier.
  • Click on Submit button
WordPress settings
  • This is your final step of installation.
  • Give a name to your site. we named our site WordPress ERP here. You can also keep your database name as your site's name.
  1. Write your user name
  2. Give a strong password
  3. Write your personal e-mail address
  4. Carefully check the search engine visibility button. Otherwise, Google would start indexing your local site too!
  • And, finally click on Install WordPress button!
How to install WordPress on localhost

Yes, you have completed you installation. You should see a notice like below.

How to Install WordPress on Localhost

Check out the Site You Have Built

This is the time to check out your local site. How would it look like or how would it work? Give a check.

  • This is your backend dashboard or admin panel, from where you would control everything.
backend dashboard- How to Install WordPress on Localhost
  • And this is your front-end dashboard.
frontend- How to Install WordPress on Localhost
  • You can check this by adding a new blog post or installing and activating a plugin/theme etc. We have published a blog post, it looks just like a live site- isn't it?
final output- How to Install WordPress on Localhost

So, this was the total process of building a personal testing site on a localhost environment. The process requires 5-10 minutes based on your capability.

Get to know 100+ interesting stats and facts about WordPress, from the article below.

https://wedevs.com/159677/wordpress-stats-facts-2019/

Wrapping up on How to Install WordPress on Localhost

As CMS made it easy to build a website for people of any background, you can consider it as fun. Yes, building a website with WordPress is so easy these days. You already know- how to install WordPress on localhost, so it's your turn to build a site for learning WordPress or checking/testing any plugin/theme/update, etc.

WordPress started it's journey just as a blogging platform, but over time it became the most powerful web platform for all sorts of websites. You can easily build an online shop or even a multi-vendor marketplace at completely free of cost!

So, give it a try and let us know in the comment section below if there is any confusion. We are always here to help!