Since last month, we’ve worked on improving our MB Frontend Submission to make it a better solution for submitting posts on the front end. Today, we’re happy to release a big updates for the plugin which powers Ajax submission, dashboard and Google reCaptcha. Let’s see how the features work and how to implement them below.

User Posts Dashboard

A common question we receive from MB Frontend Submission’s users is how to let users view and edit their submitted posts. While that part is doable, it requires quite a lot of technical coding and setup. Understanding the problem, we have improved the way to let users manage their submitted posts.

So, basically, all you need to do now is just create a normal WordPress page, and insert the following shortcode into the page content:

[mb_frontend_dashboard edit_page="124"]

Where 124 is the ID of the page, where you already have to let users submit posts. And when users visit this page, they’ll see a dashboard like this:

Managing submitted posts on the front end

On this dashboard, users can:

  • View list of their submitted posts with the corresponding statuses
  • Edit or delete submitted posts
  • Or submit a new post

There’s no settings or coding required from users!

And the plugin is smart enough to detect the correct settings from the submission form to correct posts. So you can have multiple submission forms and multiple dashboards on a same website.

Ajax Submission

Another request we received is Ajax submission. It probably is a long-waited feature! While the normal submission is fine, Ajax provides a better experience for users as they don’t have to reload the page after submission.

To add Ajax to the submission form, simply add ajax="true" to the shortcode. So your shortcode will look like this:

[mb_frontend_form id="post-info" ajax="true"]

Google reCaptcha

To prevent spams from bot submissions, we already implemented a security check for the front-end forms. However, that might be not enough since it can be bypassed by bots.

In this version, we have added support for Google reCaptcha v3 to improve the spam protection. We choose version 3 of reCaptcha because it’s hidden, and normal users won’t even notice a change. It provides better experience for users than the version 2. In version 2, you see a checkbox and have to solve a question like select pictures of buses. People waste a lot of time on that, and sometimes they fail the validation!

To add Google reCaptcha to the submission form, please go to reCaptcha page, sign in with your Google account and register a site:

Register a new site in Google reCaptcha

After that, you’ll get a secret key and a site key:

Get site key and secret key from Google reCaptcha

And all you need to do is just put these keys into the shortcode like this:

[mb_frontend_form id="post-info" recaptcha_key="your-recapcha-site-key" recaptcha_secret="your-recaptcha-secret-key"]

And from now on, when users submit a post from the front end, the plugin will check it with Google reCaptcha, to make sure it’s a valid submission. No spams anymore!

Custom redirection

Another improvement we made in this version is custom redirection. Previously, you have to do it with coding. Now you can do that simply by setting a redirect attribute in the submission form, just like this:

[mb_frontend_form id="post-info" redirect="https://domain.com/dashboard"]

After users submit posts successfully, they’ll be redirected to the new location of your website. This feature works with both normal submissions and Ajax submissions!

Move to Trash or Delete Permanently

You can now select to delete posts permanently or temporarily (move to Trash) with a new parameter force_delete. By default, it has the value true, which means all posts are permanently deleted. If you don’t want that, simply set it to false like this:

[mb_frontend_form id="post-info" post_id="123" allow_delete="true" force_delete="false"]

Conclusion

This is a big update for MB Frontend Submission extension. And it took us quite a long time to finish them all. We’re improving it in the next upcoming weeks with more features and easy of use. If you have any idea or suggestion, don’t hesitate to contact us. Thank you very much!

Get Meta Box's Bundle To have Frequent Update

5 thoughts on “MB Frontend Submission: Dashboard, Ajax, reCaptcha & More

  1. Hi Anh,

    It would be useful to add Google reCaptcha v3 to MB User Profile for registrations/logins too.

    Is this on the roadmap?

    Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *