Quick Start
Before installing Youzer Make sure that you installed & activated Buddypress.
1. Installation & Activation
1 - Go to the WordPress admin panel and then navigate to Plugins > Add New > Upload .
2 - Choose the Youzer plugin zip .
3 - Wait untill the installation process ends .
4- Congratulations you are ready to bring life to your author page.
2. Set Up Youzer Pages
Once You Install Youzer, 2 Pages Will Be added Automatically to your website :
( Login, Lost Password )
1- Go To Appearance > Menus.
2- Add ( Login ) to your website navigation menu.
3- After you click on the "Add to menu" Button. they will be added to the menu structure.
The login page will be named "logout" for logged-in Users.
4. How to Access the Youzer Panel ?
1- Wordpress Admin Bar.
2- Dashboard Menu.
4. Want to disable the Youzer Membeship System ?
in case you want to use another membership system go to Youzer Panel > General Settings > Membership System Settings > Activate Membership System and disable the button.
Introduction
Thank you for purchasing this plugin. i will be happy to help you if you have any questions you might consider visiting the forums and ask your question in the "item discussion" section.
installation
1 - Go to the WordPress admin panel and then navigate to Plugins > Add New > Upload .
2 - Choose the Youzer plugin zip .
3 - Wait untill the installation process ends .
4- Congratulations you are ready to bring life to your author page.
general settings
Pages Background
choose from color Picker youzer pages background color.
youzer plugin content width
set youzer pages content width by pixel. default pages is 1170px.
to disable the buddypress registration you should disable youzer membership system first or it will have no effect.
Buttons Style
Specify youzer pages buttons ( Ex. Add Friend Button, Message Button ... ) border style and the available options are :
Tabs Icons Style
Specify youzer pages Tab ( Ex. Profile - Wall Tab - Sub Nav : Personal, Mentions, Favorites ... ) icons style and the available options are :
Enable Membership System
activate youzer membership system.
Disable Buddypress Registration
This option helps you to deactivate Buddypress Default Membership system.
if the youzer membership system is active the Login Pages Settings below won't work.
Login Page Settings
In this section you can set the login page url in case you are using a diffrent membership system or disabled the youzer membership system.
Use Login Option
Choose Login Page Option Type and the available options are :
Login Page
in case you choosed the value "Page" from the option "Use Login Option" you will need this field to set the login page from your website.
Login Page Url
in case you choosed the value "Url" from the option "Use Login Option" you will need this field to set the login page URL.
margin settings
Specify MARGIN around youzer pages content and the available options are :
padding settings
Specify PADDING around youzer pages content and the available options are :
scroll to top settings
Display or Hide scroll to top button and also the ability to change button hover color.
reset settings
reset all the youzer plugin settings.
Wall settings
Display Wall Filter
Show Wall Filter Bar
Display Activity Filter
Show Activity Page Filter Bar
Control Posts Buttons Visibility
Choose Allowed Posts Buttons and the available options are :
Maximum File Size
Set Max Attachments file size
Attachments Settings
Choose Allowed Attachments Extentions and the available options are :
Enable Posts Embeds
Activate Embeds ( Videos, Posts ... ) Inside Wall Posts.
Enable Comments Embeds
Activate Embeds ( Videos, Posts ... ) Inside Wall Post Comments.
Posts Per Page Settings
Specify Wall Posts Per Page and the available options are :
Control Wall Posts Visibility
Choose Wall Allowed Posts Types and the available options are :
Groups Settings
Display Scroll To Top
Show Group Scroll To Top Button.
group avatar format
select group avatar format, the available formats are :
Header Visibility Settings
control the visibility of all the group header elements, the available elements are :
Cover Overlay Settings
Enable or Disable Group Cover Overlay and control the overlay Opacity value.
Cover Pattern Settings
Enable or Disable Group Cover Pattern and control the pattern Opacity value.
header styling settings
style all the group header elements, the available elements are :
Groups Header Layouts
select the group layouts, there's 08 available layouts :
Default Groups Avatar
upload default "Groups avatar".
Default Groups Cover
upload default "Groups cover".
Author Box settings
Enable Author Photo Border
Display or Hide Photo transparent border.
Author Box meta
choose the auhtor box meta, the available options are :
Statistics Borders
Use Box borders between statistics numbers
Statistics Background
Use Box statistics silver background.
author box layouts
select the author box layout, the available layouts are :
Author Box Image Format
select profile photo format, the available formats are :
Author Box Networks Settings
1 - Display or Hide author box social networks.
2 - Select social networks Border Style, the available styles are :
3 - Select social networks Color Type, the available types are :
Statistics Visibility Settings
control the visibility of all the statistics elements, the available elements are :
Box Button Styling settings
style the author box button, the available elements are :
Auhtor Box Margin Settings
Specify MARGIN around the author box and the available options are :
Cover Overlay Settings
Enable or Disable Profile Cover Overlay and control the overlay Opacity value.
Cover Pattern Settings
Enable or Disable Profile Cover Pattern and control the pattern Opacity value.
Custom Styling settings
this setting tab will allow you to write a custom css code in many youzer pages and the available pages are :
Groups Directory settings
Enable Cards Cover
Display or Hide Cards Cover.
Enable Cards Action Buttons
Display or Hide Cards Action Buttons.
Enable Cards Avatar Border
Display or Hide Cards Avatar Border.
Groups Per Page
Max Groups Cards to show Per Page.
Card avatar format
select card avatar format, the available formats are :
Card Statistics Visibility Settings
control the visibility of all the statistics elements, the available elements are :
Members Directory settings
Enable Cards Cover
Display or Hide Cards Cover.
Enable User Status
Display or Hide Cards User Status.
Display User Online Status Only
Display or Hide Cards User Online Status Only.
Enable Cards Action Buttons
Display or Hide Cards Action Buttons.
Enable Cards Avatar Border
Display or Hide Cards Avatar Border.
Members Per Page
Max Members Cards to show Per Page.
Card avatar format
select card avatar format, the available formats are :
Card Statistics Visibility Settings
control the visibility of all the statistics elements, the available elements are :
Buttons Layout
select the cards Action Buttons Layout and the available options are :
Buttons Border Style
select the cards Buttons Border Style Layout and the available options are :
ads settings
all the ads created will be added automatically to the bottom of the profile sidebar to change their placement or control their visibility go to Youzer Panel > Profile Settings > Profile Structure.
once you install the youzer plugin go to Youzer Panel > General Settings > Ads Settings , since there's no ads yet you will see this :
how to create new ad ?
to create a new ad click on the button below :
once you clicked the button above a popup window will show up and it contains these fields :
how to update ads ?
to update an ad click on the 'pencil' button ( Check the image below ) and don't forget to save changes.
how to delete ads ?
to remove an ad click on the 'X' button ( Check the image below ) and don't forget to save changes.
ad loading effect
select how you want your ad to be loaded ?, the available effects are :
social networks settings
how to add new social networks ?
to create a new social network click on the button below :
once you clicked the button above a popup window will show up and it contains these fields :
how to update social networks ?
to update a social network click on the 'pencil' button ( Check the image below ) and don't forget to save changes.
how to delete social networks ?
to remove a social network click on the 'X' button ( Check the image below ) and don't forget to save changes.
Networks Settings
1 - Select social networks Border Style, the available styles are :
2 - Select social networks Color Type, the available types are :
Account Verification settings
Enable Verified Badges?
Enable or Disable Verified Badges.
Badges styling settings
style the bagdes, the available elements are :
schemes settings
if you want to use the custom profile scheme color , make sure that you enabled the custom scheme button.
Enable Custom Scheme Color ?
Enable or Disable using custom scheme color.
Custom Scheme color
select custom color scheme from the color picker. make sure that you enabled the custom scheme option or this option will not have any effect.
Profile Ready Schemes
select the profile color scheme, the available schemes are :
panel settings
Enable Fixed Save Icon
Enable fixed save icon button
panel schemes
select the panel color scheme, the available schemes are :
emoji settings
Posts Emoji
Enable emoji in posts
Comments Emoji
Enable emoji in Comments
Messages Emoji
Enable emoji in Messages
profile 404 settings
Error Description
type the error page description.
Button title
type the "go back home" button title.
Photo
upload profile 404 "header photo".
cover
upload profile 404 "header cover".
profile 404 styling settings
style the page elements, the available elements are :
profile settings
Allow Private Profiles
Allow Users To Make Their Profiles Private.
profile effects
Enable or Disable using elements loading effects.
Display Login Button ?
Show Profile Sidebar Login Button.
Allow Delete Accounts
Allow Registered Members To Delete Their Own Accounts.
Enable Account Copyright
Show Account Settings Footer Copyright.
Enable Account Scroll to Top
Show Account Scroll to top button.
Default Profile Avatar
upload default "profile avatar".
Default Profile Cover
upload default "profile cover".
profile structure
you have to know that theses widgets ( email, website, address, phone number, recent posts , keep in touch ) can't be moved to the "main widgets" column.
Default Profile Layouts
here's the default profile structure.
How to change profile structure ?
you can change the profile structure just by drag and drop the widgets.
How to hide profile widget ?
if you want to hide a widget follow the next steps :
1 - Put the mouse above the widget and then an "EYE" icon will show up :
2 - Click on it and you will see the "HIDDEN" flag next to the widget name :
How to display a hidden profile widget ?
if you want to display a hidden widget follow the next steps :
1 - Put the mouse above the hidden widget and then an "EYE" icon will show up :
2 - Click on it and you will see the "HIDDEN" flag disappeared from the widget name :
widgets can't be moved to the "main widgets" column ?
here's the list of the widgets that you can't move it to the "main widgets" column :
where i can find ads widgets ?
1 - In case you added an ad you will find that ad at the bottom of the "sidebar widgets" .
2- All the ad widgets have an "AD" flag :
header settings
this option works only with the vertical header layouts. if you use it with horizontal layouts it will have no effect!
Use Photo As Cover?
If cover not exist use profile photo as cover?
Vertical Header Meta
choose the header meta, the available options are :
Statistics Borders
Use borders between statistics numbers
Statistics Background
Use statistics silver background.
header Image Format
select profile photo format, the available formats are :
header effects settings
enable or disable effects, the available options are :
header Networks Settings
1 - Display or Hide header social networks.
2 - Select social networks Border Style, the available styles are :
3 - Select social networks Color Type, the available types are :
header visibility settings
control the visibility of all the header elements, the available elements are :
Cover Overlay Settings
Enable or Disable Profile Cover Overlay and control the overlay Opacity value.
Cover Pattern Settings
Enable or Disable Profile Cover Pattern and control the pattern Opacity value.
header styling settings
style all the header elements, the available elements are :
Profile Layouts
select the profile layouts, there's 14 available layouts :
navbar settings
navbar loading effect
select how you want your navbar to be loaded ?, the available effects are :
Display Navbar Icons
Enable or Disable using navbar tabs icons.
Navbar icons Settings
select the navbar icons style, there's 02 available styles :
Vertical Layout Navbar Settings
select the navbar layout, there's 02 available layouts :
navbar styling settings
style all the navbar elements, the available elements are :
tabs settings
general tabs Settings
tabs Settings
Pagination Styling Settings
style the pagination of the "posts tab" and "comments tab", and the available options are :
custom tabs settings
go to Youzer Panel > Profile Settings > Custom Tabs Settings, since there's no custom tabs yet you will see this :
you can change the order of the custom tabs by drag and drop .
how to create new tab ?
to create a new tab click on the button below :
once you clicked the button above a popup window will show up and it contains these fields :
how to update a custom tab ?
to update a tab click on the 'pencil' button ( Check the image below ) and don't forget to save changes.
how to delete a custom tab ?
to remove a tab click on the 'X' button ( Check the image below ) and don't forget to save changes.
infos tab settings
infos tab styling settings
style all the infos tab elements, the available elements are :
posts tab settings
Posts Per Page
how many post you want to display per page ?
Posts Visibility Settings
control the visibility of all the posts tab elements, the available elements are :
post styling settings
style all the post elements, the available elements are :
comments tab settings
comments Per Page
how many comment you want to display per page ?
Comments Visibility Settings
control the visibility of all the comments tab elements, the available elements are :
comments styling settings
style all the comment elements, the available elements are :
general widget settings
Widgets Border Style
Display Title Icon
Show widget title icon.
Use Title Icon Background
Use widget icon background.
Title Styling Settings
style all the widget title elements, the available elements are :
Display Title
Display or Hide widget title .
widget Title
change widget title .
widget loading effect
select how you want the widget to be loaded ?, the available effects are :
about me settings
Image Format
select widget photo format, the available formats are :
widget styling settings
style all the widget elements, the available elements are :
post settings
Post Types
add post types, the default types are ( featured post, recent post ) .
widget Visibility Settings
control the visibility of all the widget elements, the available elements are :
widget styling settings
style all the widget elements, the available elements are :
project settings
project Types
add project types, the default types are ( featured project, recent project ) .
widget Visibility Settings
control the visibility of all the widget elements, the available elements are :
widget styling settings
style all the widget elements, the available elements are :
skills settings
Allowed Skills Number
maximum number of skills that user can add .
services settings
Allowed services Number
maximum number of services that user can add .
Services Box Layout
select services layout, the available formats are :
services icon background format
select icon format, the available formats are :
widget Visibility Settings
control the visibility of all the widget elements, the available elements are :
widget styling settings
style all the widget elements, the available elements are :
portfolio settings
Allowed portfolio Number
maximum number of photos that user can add .
widget Visibility Settings
control the visibility of all the widget elements, the available elements are :
widget styling settings
style all the widget elements, the available elements are :
slideshow settings
Allowed slides Number
maximum number of slides that user can add .
slides height
set slides height type, the available options are :
widget styling settings
style all the widget elements, the available elements are :
quote settings
Cover Gradient Settings
select gradient colors ( left color, right color ) .
widget styling settings
style all the widget elements, the available elements are :
link settings
widget styling settings
style all the widget elements, the available elements are :
video settings
widget styling settings
style all the widget elements, the available elements are :
instagram settings
Allowed photos Number
maximum number of photos that user can add .
widget Visibility Settings
control the visibility of all the widget elements, the available elements are :
widget styling settings
style all the widget elements, the available elements are :
flickr settings
widget styling settings
style all the widget elements, the available elements are :
User Friends settings
Widget Layout
select widget layout format, the available layouts are :
Allowed Friends Number
Maximum Number Of Friends To Display
Friends Avatar Border Style
select avatars format, the available formats are :
User Groups settings
Allowed Groups Number
Maximum Number Of Groups To Display
Groups Avatar Border Style
select avatars format, the available formats are :
infos boxes settings
infos boxes loading effect
select how you want your boxes to be loaded ?, the available effects are :
the available boxes are :
boxes gradient settings
select boxes gradient colors ( left color, right color ) .
the available boxes are :
recent posts settings
allowed posts number
maximum number of posts to show inside the widget.
Posts Thumbnail Border Style
select Thumbnail format, the available formats are :
widget styling settings
style all the widget elements, the available elements are :
custom widgets settings
go to Youzer Panel > widgets Settings > Custom widgets Settings, since there's no custom widgets yet you will see this :
you can change the order of the custom widgets by drag and drop.
how to create new custom widget ?
to create a new widget click on the button below :
once you clicked the button above a popup window will show up and it contains these fields :
how to update a custom widget ?
to update a widget click on the 'pencil' button ( Check the image below ) and don't forget to save changes.
how to delete a custom widget ?
to remove a widget click on the 'X' button ( Check the image below ) and don't forget to save changes.
custom widgets loading effect
select how you want your custom widgets to be loaded ?, the available effects are :
general settings
membership system pages settings
In this section you can change the membership system default pages :
Hide Dashboard For Subscribers
Hide Admin Toolbar And Dashboard For Subscribers.
margin settings
Specify MARGIN around membership pages content and the available options are :
panel schemes
select the membership system color scheme, the available schemes are :
reset settings
reset all the membership system settings.
login page settings
Enable Ajax Login
Enable or Disable ajaxed login.
Enable Login Popup
Enable or Disable login popup.
Login Button Title
Type form login button title.
Register Button Title
Type form register button title.
Lost Password Link Title
Type lost password link title.
Custom Registration Link
Set custom registration link.
After Login Redirect User To?
After user login redirect to which page ?,the available pages are :
After Login Redirect Admin To?
After admin login redirect to which page ?, the available pages are :
After Logout Redirect User To?
After logout redirect to which page ?, the available pages are :
Enable form cover
Enable or Disable using form cover.
form title
type form header title.
form subtitle
type form header subtitle.
form cover
upload login form cover or paste a valid image url.
Form Fields Layouts
select the form fields layout, the available layouts are :
Fields Icons Position
Select fields icons position ( works only with layouts that support icons ! ), the available options are :
Fields Border Style
Select fields border style,the available options are :
Form Buttons Layouts
select the form buttons layout, the available layouts are :
Buttons Icons Position
Select buttons icons position ( works only with buttons that support icons ! ), the available options are :
Buttons Border Style
Select buttons border style,the available options are :
Login Widget margin settings
Specify MARGIN around login widget, the available options are :
registration page settings
Enable Registration
Enable or Disable users registration
New User Default Role
Select New User Default Role, By default the available roles are :
Register Button Title
Type form register button title.
Login Button Title
Type form login button title.
Display Note
Enable or Disable Terms And Privacy Policy Note.
Terms Url
Enter Terms And Conditions Link.
Privacy Policy Url
Enter Privacy Policy Link.
Enable form cover
Enable or Disable using form cover.
form title
type form header title.
form subtitle
type form header subtitle.
form cover
upload register form cover or paste a valid image url.
Form Buttons Layouts
select the form buttons layout, the available layouts are :
Buttons Icons Position
Select buttons icons position ( works only with buttons that support icons ! ), the available options are :
Buttons Border Style
Select buttons border style,the available options are :
form buttons styling settings
select registration form buttons colors, the available options are :
Lost Password settings
form title
type form header title.
form subtitle
type form header subtitle.
Reset Button Title
type form reset button title.
Enable form cover
Enable or Disable using form cover.
form cover
upload lost password form cover or paste a valid image url.
captcha settings
how to get your captcha keys ?
1 - Visit the reCAPTCHA site.
2 - Click on the "Get reCAPTCHA" button to access the reCAPTCHA admin page.
3 - You'll find the following form. type your site name and url and click register
4 - Once you have submitted the form, you will see a page with your two keys site key and secret key.
Enable Captcha
Enable or Disable using captcha in registartion form.
Captcha Site Key
The reCaptcha site key.
Captcha Secret Key
The reCaptcha secret key.
Login Attempts Settings
Enable Limit Login
Enable Social Login.
Select Buttons Type
select social login buttons type, the available options are :
Buttons Icons Position
select social login buttons icons position, the available options are :
Buttons Border Style
select social login buttons border style, the available options are :
How to get Facebook Keys?
1. Go to https://developers.facebook.com/apps
2. Create a new application by clicking "Create New App".
3. Fill out any required fields such as the application name and description.
4. Put your website domain in the Site Url field.
5. Go to the Status & Review page.
6. Enable "Do you want to make this app and all its live features available to the general public?".
7. Facebook Login > Settings > Valid OAuth redirect URIs:
8. OAuth Url : http://yourwebsite.com/?hauth_done=Facebook
9. Go to dashboard and get your App ID and App Secret
Note: Twitter do not provide their users email address, to make that happen you have to submit your application for review untill that time we will request the email from users while registration.
How to get Twitter Keys?
1. Go to https://dev.twitter.com/apps
2. Create a new application by clicking "Create New App".
3. Fill out any required fields such as the application name and description.
4. Put your website domain in the Site Url field.
5. Provide URL below as the Callback URL for your application.
6. OAuth Url : http://yourwebsite.com/?hauth.done=Twitter
7. Register Settings and get Consumer Key and Secret.
How to get Google Plus Keys?
1. Go to https://code.google.com/apis/console/
2. Create a new application by clicking "Create a new project".
3. Go to API Access under API Project.
4. After that click on Create an OAuth 2.0 client ID to create a new application.
5. A pop-up named "Create Client ID" will appear, fill out any required fields such as the application name and description and Click on Next.
6. On the popup set Application type to Web application and switch to advanced settings by clicking on ( more options ) .
7. Provide URL below as the Callback URL for your application.
8. Callback Url: http://localhost/osef/?hauth.done=Google
9. Once you have registered, copy the created application credentials ( Client ID and Secret ) .
How to get Linked-In Keys?
1. Go to https://www.linkedin.com/developer/apps
2. Create a new application by clicking "Create Application".
3. Fill out any required fields such as the application name and description.
4. Put the below url in the OAuth 2.0 Authorized Redirect URLs:
5. Redirect Url: http://localhost/osef/?hauth.done=LinkedIn
6. Once you have registered, copy the created application credentials ( Client ID and Secret ) .
Note: Instagram do not provide their users email address, to make that happen you have to submit your application for review untill that time we will request the email from users while registration.
How to get Instagram Keys?
1. Go to instagram.com/developer/clients/manage/
2. Create a new application by clicking "Register new Client".
3. Fill out any required fields such as the application name and description.
4. Put the below url as OAuth redirect_uri Authorized Redirect URLs :
5. Redirect Url: http://localhost/osef/?hauth.done=Instagram
6. Once you have registered, copy the created application credentials ( Client ID and Secret ) .
Login Attempts Settings
Enable Limit Login
Enable Limit Login Attempts.
Allowed Login Retries
Lock Out After This Many Tries. ( Default: 4 )
Short Lockouts Number
Apply Long Lockout After This Many Lockouts. ( Default: 2 )
Retries Duration
Reset Retries After This Many Seconds. ( Default: 20 Min )
Short Lockouts Duration
Short Lockout For This Many Seconds. ( Default: 12 Hour )
Long Lockouts Duration
Long Lockout For This Many Seconds ( Default: 24 Hour )
Login Styling settings
Header Styling Settings
style the header elements, the available elements are :
Fields Styling Settings
style the fields elements, the available elements are :
Remember Me Styling Settings
style the "remember me" elements, the available elements are :
Buttons Styling Settings
style the buttons elements, the available elements are :
register Styling settings
Header Styling Settings
style the header elements, the available elements are :
Fields Styling Settings
style the fields elements, the available elements are :
Password Note Styling Settings
style the "Password Note" elements, the available elements are :
Buttons Styling Settings
style the buttons elements, the available elements are :
social networks settings
Networks Styling Settings
1 - Display or Hide widget social networks.
2 - Select social networks Border Style, the available styles are :
3 - Select social networks Color Type, the available types are :