Meta Box Lite
Meta Box

Case Study

Tutorials on using Meta Box and Meta Box extensions to build real websites and applications.

Display Personalized Data For Users

How to Display Personalized Data for Users

Every time I need to display dynamic, personalized data for users, I think about how to make everything clear and relevant to the right person.

For example, I’ll display sales representative information of who is responsible for the current user, I mean client, who has logged in to their account already. Each client has their own sales representative, so different clients logged in to their account will see different sales information. This can be super useful to help your client reach out to the account manager easier.

Continue reading "How to Display Personalized Data for Users" →

How to Create a Pricing Table Page - P1 - Using Meta Box and Breakdance

How to Create a Pricing Table Page - P1 - Using Meta Box and Breakdance

When your products have some pricing plans instead of only one, a well-designed pricing table page will be an intelligent choice to show offering your products or services.

You can also separate the pricing table into a dedicated page or make it to be a section of any page. It’s a piece of cake with the help of a combination of Meta Box and Breakdance.

Continue reading "How to Create a Pricing Table Page - P1 - Using Meta Box and Breakdance" →

How to Create Charts in Posts - Using MB Views

How to Create Charts in Posts - Using MB Views

Using charts to present information is a vivid and easy-to-understand manner for your audience. Whether you want to display statistics, growth trends, or comparisons among many items, charts can make your content stand out and attract the attention of your visitors.

Then, it’s quite easy if you enter data into custom fields and use MB Views from Meta Box to bring it to a chart. Let’s see how in this article.

Continue reading "How to Create Charts in Posts - Using MB Views" →

How To Create A Coming Soon Page With Countdown P1 Using Mb Views

How to Create a Coming Soon Page with Countdown - P1 - Using MB Views

Creating an effective coming soon page with a countdown is so incredibly versatile, whether you're announcing an upcoming product launch, displaying the remaining time for a discounted offer, releasing a movie trailer, or simply informing visitors that your website is under maintenance.

I think that a useful coming soon page can build anticipation and encourage visitors to return when your product, service, or site is ready. It's important to include meaningful content that captures their attention, as this can help maintain their interest during the waiting period. The content might change depending on the scenario, like updating the countdown for a film release or changing the messaging for a product launch. That’s why it's important to be able to update the page easily without affecting the overall design.

In this tutorial, we’ll focus on using a coming soon page to notify visitors during website maintenance using the MB Views extension from Meta Box.

Continue reading "How to Create a Coming Soon Page with Countdown - P1 - Using MB Views" →

How to Create a Custom 404 Page in WordPress - P4 - Using Meta Box and Breakdance

How to Create a Custom 404 Page in WordPress - P4 - Using Meta Box and Breakdance

I have encountered situations where users felt frustrated and left the site upon seeing the default error message. Then, I started focusing on creating a unique and user-friendly 404 page. It provides useful links and a friendly message to guide users back to the main content. As a result, the on-site time increased, the bounce rate significantly decreased, and users had a more positive perception of my website.

So, today, let’s explore an interesting way to have flexible and meaningful content for a custom 404 page by using custom fields created with Meta Box and displaying them with Breakdance.

Continue reading "How to Create a Custom 404 Page in WordPress - P4 - Using Meta Box and Breakdance" →

How To Create A Custom 404 Page P3 Using Mb Views

How to Create a Custom 404 Page - P3 - Using MB Views

From my experience managing websites, I think that a well-designed 404 page can help keep visitors on your site even when they can't find what they're looking for, and reduce bounce rates. That's why we should have decent-enough content for it to encourage visitors to stick around. You may not know how it is at the first time, but you can change it regularly to find out which content will be most sufficient. In today’s practice, I’ll show you how to create a better 404 page with flexible content that you can change anytime without affecting the design using the MB Views extension from Meta Box.

Continue reading "How to Create a Custom 404 Page - P3 - Using MB Views" →

How To Show Upcoming Events P5 Using Meta Box And Breakdance

How to Show Upcoming Events - P5 - Using Meta Box and Breakdance

When our team redesigned a website for a client in the entertainment industry, I noticed that highlighting upcoming events is a good way to boost engagement. Displaying all the events is an easy task, but someone may not know how to filter them by date. So, after researching, I’ve written a series on using custom fields with Meta Box combination with various page builders to do it.

This tutorial is about doing it with Breakdance.

Continue reading "How to Show Upcoming Events - P5 - Using Meta Box and Breakdance" →

How to Display Real-time Opening Status Automatically - Using MB Views

How to Display Real-time Opening Status Automatically - Using MB Views

After a project of building a website for booking tables with several restaurants for a client, we realized that having a real-time-opening-status is a brilliant feature on this kind of site. So, I’d like to share a way to display the real-time opening status dynamically and automatically right now on this post. I did it easily with the help of MB Views from Meta Box. Let’s see how now!

Continue reading "How to Display Real-time Opening Status Automatically - Using MB Views" →

How To Have A Chronological Timeline In Wordpress P2 Using Mb Views

How to Have a Chronological Timeline in WordPress - P2 - Using MB Views

A while back, I tried to create a timeline to show the changelog of our plugins on our website. What seemed like a straightforward task quickly became a puzzle as I tried different methods. It’s because I had some posts written about each version in detail, then I want to show them on the timeline. After a week, I finally found a solution that worked perfectly with the help of the MB Views extension from Meta Box.

Continue reading "How to Have a Chronological Timeline in WordPress - P2 - Using MB Views" →