How to Display User Credit Balance in the Menu

In this tutorial, we walk through how to display user credit balances in the menu of your WordPress site using the FastCredit Pro plugin and Astra theme. This could be a useful feature to let your users keep tabs on their credit or token balances in real-time. You’ll learn everything from accessing the shortcode to customizing the header.

Part 1: Accessing FastCredit Pro Plugin Settings

In this section, we’ll navigate to the FastCredit Pro settings within the WordPress dashboard to find the shortcode responsible for displaying the user’s credit balance.

Steps

1. Log in to your WordPress Dashboard.
2. Navigate to the FastCredit Pro menu.

• On the left-hand sidebar, locate and click on the FastCredit Pro menu to access its settings.

1. Go to the Shortcodes Tab.

• Once inside the FastCredit Pro settings, switch to the ‘Shortcodes’ tab.

1. Copy the Shortcode.

• Locate the shortcode labeled as [FWC_amount] and copy it to your clipboard for later use.

Part 2: Customizing the Header Using Astra’s Customizer

In this part, we’ll use Astra’s theme customizer to edit the header section of your website and include the shortcode for displaying the user’s credit balance.

Steps

1. Access the Astra Customizer.

• Navigate back to your WordPress Dashboard and go to Appearance > Customize.

1. Open the Header Builder.

• Within the Astra customizer, locate and click on the ‘Header Builder’.

1. Identify the HTML Block.

• You’ll see three blocks representing different parts of the header. Locate the HTML block where you’d like to display the user’s credit balance.

1. Drag and Drop the HTML Block.

• Click and drag the HTML block to reposition it where you’d like the credit balance to be displayed.

Part 3: Implementing the Shortcode and Finalizing the Setup

In this concluding part, we will add the shortcode to the HTML block and fine-tune its appearance.

Steps

1. Click on the HTML Block.

• Click on the HTML block you repositioned earlier to open its settings.

1. Insert the Shortcode.

• Paste the [FWC_amount] shortcode that you copied earlier into the block.

1. Add Contextual Text (Optional).

• You can add additional text before the shortcode if you want to label the credit balance. For example, “Credits: [FWC_amount]”

1. Customize Appearance (Optional).

• If desired, you can make the text bold or change its color.

1. Publish Changes.

• Once you’re satisfied, click the ‘Publish’ button to save your changes and make them live.

Conclusion

And there you have it! You’ve successfully added a display for the user credit balance in the menu using the FastCredit Pro plugin and Astra’s customizer. This enhances user experience by keeping them informed of their credit balance on every page.

Should you require further assistance or have any questions, please don’t hesitate to contact us. We’re here to help you every step of the way.