Right here, we begin one other step-by-step tutorial about creating communities on Rehub. I’ll describe creating Deal (or Coupon Community), however you should utilize this for any form of communities the place customers create your content material. You’ll know many secrets and techniques, ideas, attention-grabbing plugins.

What do you want to have on web site to make it as neighborhood? I believe subsequent: straightforward registration, User Profile pages the place they’ll simply management their information, User submit frontend types, Level system (rank, badge system), Bonus sections for Customers with excessive rank, superior communication channels like non-public chats or boards, straightforward construction of web site.

Lets discuss every of components. However earlier than this, you have to set up some useful plugin. To begin with, set up Buddypress. For this, go to Plugins – add New and sort “Buddypress” in search kind. Then, set up and activate Buddypress. Do the identical for plugin “MyCred” for those who want level system. After this, go to Rehub – plugins and obtain our bonus plugin RH Frontend Type (for person submit), RH Cloak (for modification of person hyperlinks) and RH Membertype PRO (that is non-obligatory, obtain and set up it provided that you want superior Member sorts on web site.

Straightforward frontend registration for customers

For neighborhood websites I can suggest two methods for registering customers. One may be very easy, second is extra superior. I don’t suggest to use each methods in the identical time, since you ought to have just one web page for person registration

Login/Register Popup

We added very straightforward login/register popup in our themes. To allow it, go Theme choice – User choiceand allow Login Popup. Then, you have to add login/register hyperlink to your header. You’ll be able to add it instantly to header part or to Menu (essential menu or prime menu)

How to add login button to header

Go to Theme choice – Header and menu and allow Store/Comparability header structure OR Customizable Header Format.

Store/Comparability header structure seems to be like this

Customizable Header Menu seems to be like this

So, if search is extra necessary for you – use Store/Comparability header structure and allow login icon. Customizable header has choice additionally to add further Menu close to brand. For this, go to Look – Menus and create new menu, then, you may select it in Theme choice – header choice for those who select Customizable Header Format. Keep away from to use an excessive amount of objects in such menu. Use no more than 2-Three objects with brief names

How to add Login Icon to Menu

As a substitute of including login icon to header, you may add it instantly to menu. For this, go to Theme choice – User choice and allow subsequent choice

Anyway, I like to recommend to use Header choice as a substitute menu choice

Use Login/Register Popup just for new websites or if you need to have very fast registration with out e-mail activation
You may as well add social login characteristic to popup
You may as well allow Ajax seek for header search. To do that, allow Ajax in Theme choice – Header choice – Search Choice. We don’t suggest this for websites with big quantity of posts
When person is logged in in your web site, he’ll see User dropdown as a substitute login/register button. This dropdown could have log off hyperlink and hyperlink on User profile. 

Separate Register Web page

Activate this fashion provided that you want superior registration with e-mail activation. For this, go to Settings – Buddypress – Pages. And select web page which can be used for register web page. In the event you don’t have such web page, create it and identify it as “Registration”. Then select it for Buddypress.

Our theme has good trying customized register web page for Buddypress, see demo

Now, you too can synchronize this web page with Login/Register hyperlink which you enabled in earlier step. For this, go to theme choice – person choice – Add customized register hyperlink and add hyperlink to your Buddypress Register Web page. It will redirect customers to this separate register web page after they click on on “Register” hyperlink inside Login Popup.

User Profiles

That is most straightforward a part of neighborhood web site, since you don’t want to do any actions. Simply allow Buddypress in your web site. If you need to prolong User profile web page, you are able to do this for 2 areas. First space is sidebar space.

By default, Profile web page doesn’t have widget space, you may allow it in Theme choice – Buddypress – Allow widget for Profile web page 

When you do that, you’ll have widget space which you’ll be able to configure in Look – Widgets – Buddypress Profile sidebar. On this place you may add Buddypress widgets, for instance. They are going to be seen solely on User profile web page.

One other place is Customized Code space in User Profile which is seen earlier than Content material of User profile. So as to add such content material, use theme choice – Buddypress – Add customized message or html in profile of User

Something which you add on this discipline can be seen for everybody who go to User profile web page. You may as well add some content material, which can be seen just for person who’s proprietor of profile. To do that, wrap content material with subsequent shortcode

[rh_is_bpmember_profile]
Non-public content material right here
[/rh_is_bpmember_profile]

I like to recommend additionally to allow/disable modules of Buddypress in Settings – Buddypress. Often, i deactivate Exercise module, as a result of it’s ineffective for person submit and used solely by spammers.

User Content material Submit

On this step you have to configure your frontend kind which you’ll use for person submit. Our theme has particular Publish supply part which can be utilized to save deal/coupon data from Customers. And our RH Frontend PRO plugin can be utilized to setup such types. You’ll be able to obtain plugin from Rehub – plugins. Then, create types like described in video

Plugin additionally has characteristic to import types. So, you may download this file and import it in RH Frontend – Settings – Information – Import. Import it provided that you don’t have some other frontend types, as a result of it can overwrite present types. Then, you will note your kind in RH Frontend – Kinds. Edit it, verify every discipline and add your individual labels, forex for those who want, delete fields which aren’t necessary for you or add new fields

Additionally, I like to recommend you to verify settings in RH Frontend – Settings and RH Frontend – Emails. For instance, possibly you’ll need to improve file dimension which customers can add. Default is simply 500kb and likewise allow choice to enable subscribers to add photos

Additionally, some settings of Type is on the market while you create your kind.

Okay, while you obtained your kind, you will note two shortcodes in prime of kind. Copy them, they’re essential. First shortcode generates  kind. Second – generates Record of all posts with “Edit” hyperlinks, so, customers can edit personal posts, see standing of posts, and so on

Now, create two pages and place shortcode in every web page. Title pages as you need and duplicate hyperlinks of pages. Now, you may assign hyperlinks to User dropdown menu. For this, go to theme choice – person choice – Choose url for put up edit kind and Theme choice – person choice – Choose url for put up submit kind. Now customers can see hyperlinks to add posts from their menu dropdown in header

The identical hyperlink you may assign to Button in Customizable header in Theme choice – Header and Menu choice. And even add Publish Tab in User profile, so, customers can create posts instantly from their profiles. Comply with subsequent steps “how to assign post submit to Buddypress Profile”

Automated altering User Affiliate hyperlinks

When customers submit hyperlinks, after all, they may use their very own affiliate ID in hyperlinks, so, you may’t get fee from such hyperlinks. We made particular plugin which might robotically substitute person affiliate IDs to your IDs. You’ll be able to obtain plugin RH Cloak Affiliate Hyperlinks in Rehub – Plugins. It has Three modules: Hyperlink cloak, statistic and Rewrite Hyperlinks. You will have module Rewrite Hyperlinks. I’ll present instance with Amazon Hyperlinks.

Often, Amazon affiliate hyperlink has subsequent look

https://www.amazon.com/Apple-iPhone-GSM-Unlocked-5-8/dp/B075QMZH2L?tag=wpsoul20&linkCode=xm2&camp=2025&creativeASIN=B075QMZH2L

It may be for much longer. Most necessary half is “https://www.amazon.com/Apple-iPhone-GSM-Unlocked-5-8/dp/B075QMZH2L” – it’s hyperlink on product web page and tag=wper20 which provides affiliate monitoring ID to hyperlink.

tag= is url parameter. All affiliate ids could have this parameter earlier than affiliate id.

wper20 – is affiliate ID.

In the event you click on on such hyperlink and purchase product, person who has affiliate ID wper20 in Amazon Affiliate system will get fee from such sale.

So, if you need to substitute all person amazon hyperlinks to personal, add subsequent

amazon.com – is area of hyperlink the place plugin will attempt to substitute affiliate id

wpsoul20 is your individual affiliate ID

tag= is url parameter which fits earlier than affiliate id

100% is chance. 100% implies that plugin will change hyperlink at all times. However, possibly this can be not finest resolution for customers and they won’t need to put up such offers in your web site after they can’t get some cash. So, you may share fee 50%/50% while you set chance as 50 worth. On this manner, plugin will change hyperlink solely in 50% of circumstances.

Beneath chance, you’ll discover additionally out there roles in your web site. This may be useful when you have membership system on web site (learn under some examples). You may make PRO function of customers on web site which might put up personal hyperlinks with none changing. You’ll be able to even give customers such PRO function after they get particular quantity of fame for his or her exercise on web site

Level system for Customers

if you need to add level system, set up plugin MyCred. It has additionally own docs

Plugin has a number of modules which can be utilized in most of circumstances. Primary is Level System when person will get factors for particular actions. Widespread settings for this technique is in Factors – Settings. Then, go to Factors – Hooks and allow actions which is able to give factors to customers. Often i take advantage of Factors for logins, for feedback, publishing content material, Buddypress hook and Sizzling, Thumb Likes and Wishlist Hook.

By default, all factors can be seen in User Profile, you don’t want to configure this step. You may as well allow choice to show ranks, badges, factors close to person avatar in Feedback on Web site. This selection is in Theme choice – Buddypress Choice – MyCred Choice

When you could have level system, you too can allow Badge and ranks for web site. Rank can be assigned to customers as soon as they get particular quantity of factors. Rank will be just one for every person. Badge is particular picture which person can get for particular actions. For instance, you may give particular badge when person put up 10 posts on web site. You may as well download images for badges Additionally, many picture units will be discovered on web site freepik.com or comparable.

You’ll be able to allow Badges and Ranks inside Factors – Addons

Prohibit Content material By Factors

Good instance how one can improve exercise in your web site is while you give customers particular bonuses for his or her factors. For instance, you may create particular web page and add there obtain hyperlink of some useful content material. Then, limit entry to this hyperlink for all customers who don’t have particular quantity of factors. For this, use special shortcode of MyCred

Shortcode works as wrapper for content material. This implies that you may add something inside shortcode. For instance, you may create completely different types with completely different parameters, like completely different Publish submit restrict. Then, wrap shortcode of such types with completely different shortcodes of Mycred to give entry to such types to customers with completely different variety of factors,ranks, and so on.

I need to offer you some attention-grabbing instance, which i choose to use.

Often, while you create Homepage, you could have particular Featured part which reveals solely particular posts (by class, tag or key). See how to make featured area in page builder Now, you may create special form which will submit posts to this area.  And wrap this type shortcode with level shortcode. Instance

[mycred_show_if balance=100]
[wpfepp_submission_form form="2"]
[/mycred_show_if] This manner can be seen just for person with factors greater than 100.

One other, much more superior instance

[mycred_show_if ref="ref_overall_post_wishes" count=10]
Writer will need to have revealed posts which have been gained minimal 10 factors for wishlist hook
[/mycred_show_if] one other ref “ref_overall_post_likes” for HotMetter hook.

Helpful Hyperlinks for additional investigations

MyCred is de facto very highly effective system with countless prospects, I like to recommend you to examine their addons which may give you features to promote factors to customers (so, they may give factors to get entry to particular components of your web site instantly), promote content material for factors (will be helpful for cashback websites the place customers can get factors as cashback after which purchase one thing in your web site for these factors), switch addon, Coupon addon, and so on. Examine Mycred site

Membership system on web site

There are lots of greate membership plugins for wordpress, however largely, for neighborhood websites, Rehub theme + Buddypress is sufficient for membership, as a result of WordPress has personal Position system and Buddypress has Membership system. I additionally need to offer you some attention-grabbing ideas for superior utilizing of WordPress, Buddypress and theme membership system. To begin with, you may set up our particular Bonus Plugin – RH BP Membertypes which you’ll be able to obtain from Rehub – Plugins. This plugin can be utilized to create customized Member Varieties and assign them to roles.

Give customers particular roles or Member sorts for factors

In earlier step, we wrote about Level system. Rehub theme additionally has further perform which will be helpful while you need to give customers higher Member sort or function with extra entry. This selection is in Theme choice – Buddypress choice – MyCred choice – Give person roles for his or her Mycred Factors. On this discipline you may add all roles and factors which is able to give roles.

Instance. I’ve Three customized function on web site. Buyer, Contributor, PRO person. So, my discipline could have subsequent content material

buyer:100
contributor:1000
prouser:10000

Essential!!! :On this discipline you should utilize Position slug, not Position Title. Position slug is worth which is utilized by wordpress to detect function. It’s not the identical as Position identify. To see out there Roles in your web site, you may go to Customers – BP Member Varieties (you have to set up RH BP membertype plugin for this), then, create any Member sort and in final discipline you will note choose with all out there function slugs

Additionally, in Theme choice you may allow choice “Give BP member sorts as a substitute of roles?” which is able to add Member Sort as a substitute function

Roles or Member Varieties and How to synchronize them

Typically, you will be confused about Member sorts and Roles. What do you want to use and why? How are you able to synchronize them?

Nicely, Roles are default WordPress factor. All websites on wordpress have Roles as soon as you put in wordpress. It’s simply interior perform which may give entry to particular components of web site to completely different customers. For instance, Administrator function is Prime entry to complete web site. Subscriber Position is generally entry to learn web site. You’ll be able to examine roles in codex There are a number of prepared roles: subscriber, contributor, editor, creator, administrator. Woocommerce provides additionally further roles: buyer and store supervisor. If you need to go additional and have full management on Roles and customized roles, you should utilize User Role plugin

Buddypress Membertype is personal perform of Buddypress. It’s working as User classes, however will be additionally used to give completely different entry for customers. As a substitute of roles, person Member sorts are seen on web site, you may see small label of Member sort close to person identify.

One necessary distinction between Roles and member sorts is that Member sort will be just one for every person, however person can have limitless roles without delay. Additionally, Member sorts can be utilized to gather completely different information from person registration, as a result of they’re built-in in Xprofile (Customers – Profile Fields). For instance, you may create Enterprise Member sort and Buyer member sort. And assign further fields in registration kind relying on Member sort.

For superior customers, we added additionally some ideas in Registration web page of Buddypress in our themes. You need to use additionally css to cover some fields and create completely different pages for registration completely different person member sorts. For instance, you could have 2 sorts: free person and enterprise person. You’ll be able to enable to register them in numerous pages. For enterprise customers, use hyperlink of registration web page as default hyperlink + ?membertype=enterprise. For instance, default hyperlink is http://web site.com/register. So, for enterprise profiles, use http://web site.com/register?membertype=enterprise the place enterprise is your slug for membertype. If you do that, web page could have further wrapper css class – register_wrap_typebusiness and you may cover separate fields by css. Additionally, when you have registered member sort, for instance, “enterprise” member sort, person who register from http://web site.com/register?membertype=enterprise will get “enterprise” member sort robotically

When to use Roles and when to use Member sorts? Nicely, for many of plugins, you have to use Roles. For instance, in earlier step we wrote about completely different person hyperlinks for various roles. However, my recommendation – use Member sorts at all times instantly when it’s attainable. Anyway, we’ve added particular bridge, which can be utilized for synchronization between roles and kinds. We already wrote about it in earlier step – plugin RH Member Varieties. With assist of this plugin, you may create completely different customized Member sorts. In finish of choices for every membertype, you will note choice to assign function. Right here you may select roles which will be assigned to Member sort. As soon as person will get this function, he can be robotically assigned to Member sort.

How to use Roles and Member Varieties, examples and shortcodes

There are a number of methods to use roles and Member sorts. In earlier steps we wrote about completely different person hyperlinks for various roles. The identical can be utilized to present completely different content material for various roles and member sorts. Inside content material you should utilize additionally Frontend Kinds and any shortcodes from different plugins and you may have limitless mixtures. You’ll be able to set even completely different Publish Submit Restrict in Frontend Kinds in Type settings – Prolonged.

We additionally up to date our particular documentation about theme conditional shortcodes for Roles and Members  the place you may verify all out there shortcodes of theme.

I don’t suggest you to make too complicated membership system. For deal websites, I normally use solely Level system + theme choice to give completely different member roles to customers primarily based on their factors. Then, i take advantage of these roles in RH Affiliate Cloak to give completely different chance of adjusting affiliate hyperlinks for various person roles. One other manner which I exploit is when i give customers customized member sorts primarily based on their factors, then, I make particular bonus web page for customers the place I place completely different excessive useful content material and place it inside member sort conditional shortcodes to cover it from all customers besides customers with particular member sort.

Some ideas for design

In the event you verify most of prime communities, they’ve quite simple, clear construction. I see that many consumers do the identical mistake. They fight to overload their homepage with tons of blocks. It will simply improve web page load time and can confuse customers. Examine prime communities: hotukdeals.com, slickdeals.internet, mydealz.de. They’ve quite simple construction of homepage. Simply checklist or grid + sidebar.

We created two particular modules for a similar: Deal Grid and Record with thumbnails. Yow will discover them in Web page builder. We suggest to use Recash little one theme for any sort of communities, as a result of Recash little one theme has deal grid and lists modules as default. You may as well assign Prime featured carousel, filter panel to modules. Examine video about page builder.

For sidebar – I like to recommend to use our particular Rehub: Prime gives widget, Rehub: Deal of day, Rehub: Ajaxed tabs, Rehub: Publish lists. If you need to stick some adverts in sidebar, use widget Rehub: Sticky on Scroll.