Site Members can use the Shoutbox plugin to quickly leave lists of short messages on the website. Adding a shoutbox plugin will make your site more user-friendly and attractive, as well as increase the social network’s interactivity.

Follow the steps below to learn how to activate the shoutbox plugin.

Step 1: Access to Admin Dashboard => Site Manager => Theme Manager => Layout Editor

Step 2: Select the page where you want the Shoutbox widget to appear. We’ll use the Home page in this article.

Step 3: Filter by Shoutbox plugin.

Then drag and drop the widget to Home Page.

Step 4: On the pop-up, fill in the components information.

          [1] Title: enter shoutbox widget title.

          [2] Enable Title: enable or disable the shoutbox widget title.

          [3] User Group Access: allow which User Roles can see the shoutbox widget.

After filling in all the information, click the Save Changes button.

Step 5: Save your changes by clicking the Save Changes button.

Step 6: (Front-end) The Shoutbox widget is now available on the Home page.

The Sound feature, which has been available since version 1.1, is only available on desktop computers. When someone sends a new message to the shoutbox, a sound will be played to notify site members. 

Access to Admin Dashboard => Plugin Manager => Settings

Tick on this box => Click the Save Settings button.

(Front-end) The sound feature is now turned on. A sound will be played when new messages are received.

If the Profile Picture field is not required on the signup form, the majority of users on your website will not upload a profile picture, resulting in profile pictures that are similar across the site (like the picture below)

The Background Avatar plugin can help you solve this problem. After you’ve installed the plugin on your site, members who don’t upload a profile picture when they sign up will get an avatar with their name initials and a random background color, and the default profile picture will be replaced with the auto-generated one.

People page – square profile picture

 

To change the profile picture’s shape from Square to Circle, do the following:

1/ Access to Admin Dashboard => Plugin Manager => Avatars

2/ Tick on Circle then click the Save Settings button.

3/ On the front end, the shape of the profile picture will be changed to a circle.

People page – circle profile picture

Anti Ad Block add-on allows you to detect users with ad-blocking software enabled and restricts their access to your website until they disable adblocking.

This tutorial will guide you on how to use the Anti Adblock plugin.

Access to Admin Dashboard => Plugin Manager => Anti Adblock

At the Settings tab, you can enable or disable the plugin.

At the Translate tab, you can edit and translate warning messages.

1. Language Pack: choose the language to edit the description for the warning message.

2. Title: enter the title for the warning message.

3. Description: enter the description for the warning message.

4. Save button.

If members access a website with ad-blocking software, they will see a warning message as below and can not do anything until turn off ad-block.

The Colored Background Status plugin includes a feature that allows Site Admin to create new background statuses. This guide will show you how to make a new background status.

- Access to Admin Dashboard => Plugin Manager => Status Background => General tab.

- Click the Add New button => show pop-up.

– There are four different types of background statuses:

• Type 1: Background Image

          [1] Choose Text Color: set the text color by entering the color hex code.

          [2] Image: click here to upload image

          [3] Enable: tick here to enable this type.

=> Click the Save button. The background image has been saved successfully.

After that, the new status background will be visible on the front end.

• Type 2: Background Color

           [1] Choose Text Color: set the text color by entering the color hex code.

           [2] Choose Color: set the color by entering the color hex code.

           [3] Enable: tick here to enable this type.

=> Click the Save button. The background color has been saved successfully.

The new status background will be visible on the front end.

• Type 3: Background Gradient

           [1] Choose Text Color: set the text color by entering the color hex code.

           [2] Choose a colorful gradient background.

           [3] Enable: tick here to enable this type.

=> Click the Save button. The background color has been saved successfully.

(Front-end) The new status background will be visible.

• Type 4: CSS

           [1] Choose Text Color: set the text color by entering the color hex code.

           [2] CSS Code: input code here.

           [3] Enable: tick here to enable this type.

=> Click the Save button. The background color has been saved successfully.

The new status background will be displayed on the front-end.

Hopefully, this guide was helpful for you!