General Settings

Estimated reading: 6 minutes 47 views

Once you install and activate the plugin then you can add new menu items and configure all the necessary general settings related with the plugin from the general settings. In general settings you will find below options.

Here are the description of individual options available in the basic settings.

Menu Title – It is a title of menu that will be displayed on the frontend. It helps users identify the menu section.
Menu Items – It is the field that allows you to add individual menu items. Click the Add New Menu Item button to create and include additional items in your menu.

Add New Menu Settings

After clicking the Add New Menu Item button, you will see the options to configure a new menu item for your Floating Side Tab.

Tab Name

The Tab Name is displayed on the frontend as the name of the tab. It helps users identify and navigate to specific tabs easily.

Tab Heading

The Tab Heading appears above the content in the tab. It provides a clear title for the content displayed within that specific tab.

Hide Tab Heading

When the Hide Tab Heading option is enabled, the heading of the tab will be hidden from view. This is useful if you want to show content without a visible heading.

Tooltip Text

The Tooltip Text feature allows you to display a tooltip when hovering over the tab. This tooltip can provide additional information or guidance about the tab’s content.

Icon Picker Type

The Icon Picker Type allows you to select an icon for the tab from a variety of available icon libraries, including:

Bootstrap Icons
Font-Awesome Icons
Elegant Icons
Happy Icons
Material Icons

If you want to use a custom icon, select Custom Icon and upload the desired icon.

Menu Icon Type

There are two available options for Menu Icon Type:

Tab Type: Icons will be displayed as part of the tab.
Link Type: Icons will be displayed as part of a link within the tab.

Tab Options

Here is the tab option after selecting tab on menu icon type.

1. HTML

When you select the HTML tab option, it provides access to the WP Editor. This feature allows users to add their desired content directly within the tab, offering flexibility in displaying information.

Preview of HTML

2. Contact Form

Upon selecting the Contact Form tab option, an input field will appear for users to add their contact form shortcode. This shortcode enables the contact form to be displayed on the frontend, making it easy for visitors to get in touch.

Contact Form Option

Contact Form Email Receiver: Enter the email address that will receive the contact form submissions.
Form Heading Label: Enter the label for the form heading.
Name Field Label: Enter the label for the name field.
Email Field Label: Enter the label for the email field.
Message Label: Enter the label for the message field.
Button Label: Enter the label for the submit button.
Select Contact Form Layout: Select the layout for the contact form from the dropdown menu.

Preview of Contact Us

3. WooCommerce Products

After selecting tab option WooCommerce Products then, It will give you four different option shown below.

WooCommerce Products Options

Product Category: Enter the product category slug here. If you need to include multiple categories, separate each slug with commas.
Total Number to Display Product: Specify the total number of products you want to show on the frontend, giving control over the product visibility.
Thumbnail Size: Choose from the available thumbnail size options to customize how product images appear.
Product Layout: Select from five different product layouts to match the desired aesthetics of your site.

Preview of WooCommerce Products

4. Social Media

After selecting tab option social media then, It will give you 2 different option shown in below.

Social Media Options
- Social Layout – There are 4 different social media layout.
- Social Icons – By clicking Add New Social Icon, You can add unlimited social icons with icon-picker in social icon tab shown in below.

Preview of Social Media

5. Recent Post – After selecting tab option recent then, It will give you 4 different option shown in below.

6. Subscription Form

The Subscription Form feature allows you to create and customize a subscription form that encourages users to sign up for your newsletter or updates.

Subscription Form Option

Form Heading Label: This allows you to set a title at the top of your subscription form. A clear, engaging heading can encourage users to subscribe.
Name Field Label: This is the text that will appear in the “Name” input field. It guides users to fill in their full name.
Email Field Label: This is the placeholder text for the email input field, guiding users to enter their email address.
Terms and Condition Label: This label appears next to the checkbox, allowing users to agree to your terms and conditions before subscribing.
Button Label: This option allows you to customize the call-to-action button text. It’s what users click to submit the form.
Select Subscription Form Layout: Next, let’s discuss the subscription form layout. The dropdown menu provides a selection of pre-designed templates, ranging from Template 1 to Template 5.

Preview of Subscription Forms

7. Shortcode

This option lets you add specific content or features to the tab using a shortcode.
Here, you can type in the shortcode that you want to use. This shortcode will show up in the tab when viewed on the frontend.

Preview of Shortcode

Hide This Tab: This option allows you to hide the tab from view entirely. Use it when you want to keep the tab inactive without deleting it.
Hide This Tab in Mobile Only: Select this option to hide the tab only on mobile devices. This is useful for optimizing the user experience on smaller screens.

Customization

Icon Background: Choose a background color for the tab icon to enhance its visibility and style.
Icon Color: Set the color of the tab icon itself to match your design preferences.
Tab Height: Adjust the height of the tab to ensure it fits well within your overall design. This setting helps in customizing the tab’s appearance according to your layout needs.