WordPress User Submitted Posts - Use Case - How to Let Your Users Submit Posts in Their PeepSo Profiles


Use Case – How to Let Your Users Submit Posts in Their PeepSo Profiles.

Back to User Guides

Note: This guide covers features from:

Video Use-Case


Introduction

The WordPress User Submitted Posts is a plugin that allows logged in users submit posts, review drafts and upload images via a customizable form. 

This plugin also integrates with PeepSo and allows users to create posts straight in their profiles. The user can see the list of created by him posts in his profile and he can see posts created by other users in their profiles.

Use Case Front-End

The list of user's posts and the user dashboard:

The list of user's posts and the user dashboard - Front End Post Submission WordPress Plugin
The list of user's posts and the user dashboard

The form for creating posts:

The form for creating posts - Frontend Posting WordPress Plugin
The form for creating posts

Use Case Assumptions

In this example we will consider how to configure integration with PeepSo to let users create posts in their profiles.

We consider that you have already bought and configured the base plugin WordPress User Submitted Posts, but not installed PeepSo yet. 

TIP: Still New to WordPress User Submitted Posts?

This article focuses on the social platform integrations. If you haven't already configured the plugin yet, check this guide:

WordPress User Submitted Posts - Use Case - How to Let Your Users Submit Posts Without Accessing the Site Backend

It follows:

Installing the Plugin

The process is the same for all CM plugins and add-ons.

CreativeMinds Customer Account Dashboard - Downloads tab
CreativeMinds Customer Account Dashboard
  • Download the plugin from your customer dashboard.
  • Log in to WordPress and navigate to the WordPress Admin → Plugins settings.
  • Click on Add New.
  • Activate it and add the license.

Learn more: Getting Started - Plugin Overview

Quick Recap

If you need help with the setting up:

  • Pages needed for plugin work:
    • Post Editor Page
    • User Dashboard
  • Settings:
    • General Settings
    • Form Settings
    • Notifications
    • Labels

Then check the relevant article:

WordPress User Submitted Posts - Use Case - How to Let Your Users Submit Posts Without Accessing the Site Backend


Initial Setup - PeepSo

What is PeepSo?

PeepSo is a free WordPress plugin that allows you to create a social platform similar to Facebook.

How Do I Install PeepSo?

PeepSo can be downloaded from the WordPress back-end.

Installing PeepSo - WordPress Plugin to Allow Users to Post On Front End
Installing PeepSo

Once installed, follow its documentation for the initial setup.


Integration Settings

When you installed and configured both plugins, it's time to configure the integration.

Navigate to Admin Dashboard → PeepSo → Configuration.

Navigation to the PeepSo settings - Frontend Publishing Plugin
Navigation to the PeepSo settings

Then head to the Blog Posts tab.

Blog Posts settings page - WordPress User Submitted Posts
Blog Posts settings page

There you need to enable two options:

Enabling the integration - Front End Post Submission WordPress Plugin
Enabling the integration
  • Author Profiles - For displaying the Blog section in Peepso profile.
  • Cminds User Submissions integration - For displaying the form for creating posts in PeepSo profile.

The base integration is complete and the users can access the Blog section in their PeepSo profiles. They can see their posts under the View tab:

Result on the front-end - Frontend Posting WordPress Plugin
Result on the front-end

And under the Create tab they can create their own posts:

Form for submitting posts - WordPress Plugin to Allow Users to Post On Front End
Form for submitting posts

Adding the User Dashboard to PeepSo Template

To give users the ability to manage their posts, we need to add a user dashboard to the profile. So, it's necessary to override the PeepSo template and add the  [cm_usersp_posts_list]  shortcode.

This is an advanced process that requires:

  • Access to the file directory of your site (for example, you can use for this WP File Manager).
  • Some knowledge of CSS and browser console

TIP

Find out what is the override file - read the guide from PeepSo: Overriding the PeepSo Template

Step by Step

We will consider this process on the example of the "blogposts.php" file. This file is responsible for displaying elements in the Blog section - the View tab.

  1. Locate the override file in ROOT/wp-content/plugins/peepso-core/templates/blogposts
  2. Copy the "blogposts.php" file.
  3. Paste the file to ROOT/wp-content/themes/YOUR-THEME/peepso/blogposts. Note: You might need to create the missing folders, in case if you do this for the first time.
  4. Open the file for editing.
Editing the file - Frontend Publishing Plugin
Editing the file
  1. Add [cm_usersp_posts_list] shortcode where you need with the help of do_shortcode Example: <?php echo do_shortcode('[cm_usersp_posts_list]'); ?> Let's add it under the filtering bar and above the posts list as shown on the screenshot, and don't forget to save the changes by clicking the relevant button:
Adding needed line to the file - WordPress User Submitted Posts
Adding needed line to the file

Workflow

Target folder - Front End Post Submission WordPress Plugin
Target folder

Let's see the result:

Result on the front-end - Frontend Posting WordPress Plugin
Result on the front-end

Now the user should be able to manage his posts.

And here are a couple of reminders, in case if you skipped them during the basic plugin configuration.

Reminder #1 - User Roles Allowed to Create Posts

Don't forget to define, which user roles are allowed to create and edit posts. You can do it by navigating to Admin Dashboard → CM User Submitted Posts → Settings → General Settings tab:

Choosing who is allowed to create and edit posts - WordPress Plugin to Allow Users to Post On Front End
Choosing who is allowed to create and edit posts

Don't forget to click the Save Changes button on the bottom of the page.

Reminder #2 - Editing Posts

To enable the possibility of editing posts, you need to do a few actions.

  1. Create a page that contains a shortcode [add_post_form] . This shortcode is responsible for displaying the form for creating and editing posts.
  2. Navigate to Admin Dashboard → CM User Submitted Posts → Settings → General Settings tab. Enable the option Allow to edit posts. Then in option Editor Page choose the page created in the previous step, and click the Save Changes button on the bottom of the page.

    Allowing users to edit their posts - Frontend Publishing Plugin
    Allowing users to edit their posts

End Result

Following instructions found in the plugin and guides, you should be able to integrate WordPress User Submitted Posts with PeepSo.

Use Case Front-End

The list of user's posts and the user dashboard:

The list of user's posts and the user dashboard - WordPress User Submitted Posts
The list of user's posts and the user dashboard

The form for creating posts:

The form for creating posts - Front End Post Submission WordPress Plugin
The form for creating posts

More information about the WordPress User Submitted Posts plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.