Meta Box Lite
Meta Box

Case Study

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

How to Show Events on Calendar - Using MB Views

How to Show Events on Calendar - Using MB Views

If you're looking for a way to track and manage important events such as meetings, conferences, holidays, or personal tasks, showing them on the calendar is a brilliant idea. It is also an incredibly useful feature in many applications and information management systems. When events are visually displayed on a calendar, users can plan more efficiently and avoid redundancy or missing important activities.

Instead of adding a new plugin that can reduce the performance of the website, MB Views from Meta Box can help you display events on a calendar effortlessly and effectively.

Continue reading "How to Show Events on Calendar - Using MB Views"

How To Create A Custom 404 Page In Wordpress P5 Using Meta Box And Oxygen

How to Create a Custom 404 Page in WordPress - P5 - Using Meta Box and Oxygen

I noticed that some users would leave the site immediately after encountering the default error message, feeling frustrated. To improve their experience, I focused on designing a more user-friendly 404 page with helpful links and a friendly message to guide them back to the main content. This change led to increased on-site time and a more positive perception of my website.

Continue reading "How to Create a Custom 404 Page in WordPress - P5 - Using Meta Box and Oxygen"

How to Create a Bio Page - Using MB Settings Page and MB Views

How to Create a Bio Page - Using MB Settings Page and MB Views

A bio page is useful for personal websites, portfolios, and sponsor information. It not only provides information fully but also shows them in the cleanest way to catch everything. So, let’s figure out how to create it showing the contact information of someone. It’s a piece of cake if you use the MB Settings Page and MB Views from Meta Box.

Continue reading "How to Create a Bio Page - Using MB Settings Page and MB Views"

How To Create A Pricing Table Page P1 Using Meta Box And Breakdance

How to Create a Pricing Table Page - P2 - Using Meta Box and Bricks

If your products come with multiple pricing plans rather than just one, a well-structured pricing table page is a smart way to showcase your offerings.

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 Bricks.

Continue reading "How to Create a Pricing Table Page - P2 - Using Meta Box and Bricks"

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"