Frontend Dashboard
Browse all screencasts, in-depth tutorials, and guides published under the Frontend Dashboard category.
How to Customise Frontend Dashboard Templates
The Frontend Dashboard WordPress plugin templates can be easily customise by creating a Folder in your Theme or Child Theme and copy the respective files from the Frontend Dashboard and its addon and paste the file along with Folder structure in your Child theme. Create a folder name fed-templates in your theme or child theme We are going to customise the Login page of Frontend Dashboard template Go to wp-content | plugins | Frontend Dashboard | templates | login Copy the unregistered-user.php Paste it in your theme or child theme under new created folder fed-templates along with the directory structure of unregistered-user.php file ( login ) So the theme or child theme will be like wp-content | themes | YOUR_THEME_OR_CHILD_THEME | fed-templates | login | unregistered-user.php Now are you free to edit the unregistered-user.php as per your requirement
How to setup Frontend Dashboard Social Chat
How to setup Frontend Dashboard Social Chat WordPress plugin. Please login into wp-admin | Frontend Dashboard | Social Chat Configure your settings in Frontend Dashboard | Social Chat | Settings Add the users and their details at Frontend Dashboard | Social Chat | Users To change the chat window content, please go to Frontend Dashboard | Social Chat | Layout Do save
How to get Braintree Publishable key and Secret Key
Visit https://www.braintreegateway.com/login for live account and https://sandbox.braintreegateway.com/login for Testing account
 Click Cog Wheel in the Top Right
 Click API
 Copy Public Key and Private Key Paste it in Wp-admin | Frontend Dashboard | Payments | Payment Gateway | Braintree | Sandbox Publishable key and Sandbox Secret key for Sandbox and Live Publishable key and Live Secret key for Live key
 Copy the merchant ID from Client-Side Encryption Keys | Merchant ID
 Click Submit
How to get Stripe Publishable key and Secret Key
Visit https://stripe.com/ and Signin using your credentials
 Click Developers in Left Menu
 Click API Keys
 Select the View Test Data for Testing Keys and unselect for Live Keys
 Copy Publishable key and Secret key Paste it in Wp-admin | Frontend Dashboard | Payments | Payment Gateway | Stripe | Sandbox Publishable key and Sandbox Secret key for Sandbox and Live Publishable key and Live Secret key for Live key Click Submit
How to setup Frontend Dashboard Membership Pro
Go to Frontend Dashboard | Membership Pro | Membership
 Add New Membership Plan
 Fill the plan with respective values
 Go to Template and select the respective template to show and Click Submit
 Then Edit the Template and make your own style by selecting the colors Click Submit
 Go to Settings | Shortcodes | select the Shortcode fed_payment_pro_popup for popup in Membership plan
 Go to Settings | Setting and enter the total number of plan to show in a single row.
How to get Facebook App ID and App Secret
Visit https://developers.facebook.com/ and Login using your credentials Click My Apps | Create App Enter Display Name and check Email Address is correct Click Create APP ID In Left Sidebar Click Settings | Basic Fill out the required mandatory fields like App Domain, Privacy Policy URL, Terms of Service URL, Category and App Icon Scroll down and click Save Changes In Left Sidebar Click Products Then in Facebook Login Click Setup Now go to your website WP Admin | Frontend Dashboard | Frontend Dashboard | Social | Settings Copy the Add This URL on Redirect URL on Redirect URL Now Go to Facebook Developer page Left Sidebar Click Products | Settings Paste the URL in Valid OAuth Redirect URIs Click Save Changes At the top of the Page Switch on the Status from OFF (Development) to ON (Live) Click Confirm on any popup request Then Copy the APP ID and APP Secret from Facebook and Paste it in your website WP Admin | Frontend Dashboard | Frontend Dashboard | Social | Facebook
How to get GitHub App ID and App Secret
Visit https://github.com and Login using your credentials Click your profile picture at the Top Right Corner Click Settings Click Developer Settings at Left Sidebar Click OAuth Apps at Left Sidebar Click New OAuth App at Right Sidebar Top Fill out the mandatory fields like Application Name, Homepage URL, Application Description. You can get the Authorization Callback URL from your Website | WP Admin | Frontend Dashboard | Frontend Dashboard | Social | Settings | Add This URL on Redirect URL Paste the URL in Github Authorization Callback URL and click Register application Copy the Client ID and Paste it in App ID in your Website | WP Admin | Frontend Dashboard | Frontend Dashboard | GitHub . Similar to Client Secret to App Secret and Submit.
How to get LinkedIn App ID and App Secret
Visit https://linkedin.com/developers and Login using your credentials Click Create app in centre the page Fill out the mandatory fields like App Name, Company, Privacy Policy URL, Business email and App logo Check the Legal terms and click Create App Click on the Verify Button In the Popup you under Verification URL click Generate URL . Copy and Paste the URL in different window. It will ask to Approve Application . Click Approve Verification . Click Go to my App Click Auth , 2nd Tab at the top. Copy the Client ID and Client Secret and paste it in your website | WP Admin | Frontend Dashboard | Frontend Dashboard | Social | LinkedIn and Submit. Then in LinkedIn | Auth | OAuth 2.0 Settings Click the Pencil Icon to edit, then click Add redirect URL . To Get the Redirect URL go to your website | WP Admin | Frontend Dashboard | Frontend Dashboard | Social | Settings and Copy the Add This URL on Redirect URL and paste it . Click Update . Now you can use the LinkedIn in your website as a Social Login
How to get Twitter App ID and App Secret
Visit https://developer.twitter.com and Login using your credentials Click on Your User Name | Apps Click Create an App Fill out the Mandatory fields like App name, Application Description, Website URL, Terms of Service, Privacy Policy, Organization Name, Organization Website URL Enable Sign in with Twitter To get the Callback URLs, please visit your website | Frontend Dashboard | Frontend Dashboard | Social | Settings | Add This URL on Redirect URL Click Create Once the app created, you can find Permissions tab at the top, click it. Then Click Edit Select the Request email address from users Click Save Now click the Keys and tokens tab at the top Copy the Consumer API keys and Secret into your website | Frontend Dashboard | Frontend Dashboard | Social | Twitter and paste the keys in respective ID and Secret and click Submit
How to show custom post field in Frontend Post
Create a new Custom Post field in Frontend Dashboard, Login into WP Admin | Frontend Dashboard | Post Fields | Add New Custom Post Field While Creating the custom post field make a note of Input Meta field value ( we going to use this to show the value, eg, difficulty_le) Go to your website active theme (child theme), WP Admin | Appearance | Theme Editor | Choose the selected theme. Find the corresponding file, it may be single.php or template/content-single.php its based on your theme, if you are not aware, please contact your theme developer. Select the location you going to show the custom post value. Add the code like (eg, $post->difficulty_le)