Float Block – Addon for WPBakery Page Builder

Introduction to Float Block - Addon for WPBakery Page Builder

The Float Block is a powerful addon for WPBakery Page Builder that allows you to add a floating element to your page, such as a button, text, or image, that stays visible as the user scrolls down the page. This feature is especially useful for highlighting important calls-to-action, creating eye-catching effects, or drawing attention to specific sections of your website.

In this tutorial, we will guide you through the step-by-step process of using the Float Block addon with WPBakery Page Builder. We will cover how to install and configure the addon, and provide examples of how to use it to create a variety of effects.

Getting Started with Float Block - Addon for WPBakery Page Builder

To use the Float Block addon, you will need to have WPBakery Page Builder installed and activated on your WordPress website. If you don't have WPBakery Page Builder installed, you can download it from the WordPress repository or purchase it from the official website.

Once you have WPBakery Page Builder installed, you can install the Float Block addon by following these steps:

1. Log in to your WordPress dashboard and navigate to the Plugins menu.
2. Click on the "Add New" button to upload a new plugin.
3. Select the "Upload Plugin" option and upload the Float Block addon file (which should be named "float-block-addon.zip").
4. Activate the plugin.

Configuring the Float Block Addon

After installing the Float Block addon, you will need to configure it to work with your WPBakery Page Builder installation. To do this, follow these steps:

1. Navigate to the WPBakery Page Builder settings page by clicking on the "WPBakery Page Builder" menu item in your WordPress dashboard.
2. Click on the "Addons" tab and select the "Float Block" addon from the list of available addons.
3. Configure the Float Block settings as desired. You can adjust the float position, offset, and animation settings to customize the behavior of the floating element.

Using the Float Block Addon with WPBakery Page Builder

Now that you have installed and configured the Float Block addon, you can use it to create a variety of effects with your WPBakery Page Builder elements. Here are a few examples of how to use the Float Block addon:

Example 1: Adding a Floating Button

1. Create a new page or edit an existing one in WPBakery Page Builder.
2. Add a new button element to the page by clicking on the "Add Row" button and selecting the "Button" option from the list of available elements.
3. Configure the button settings as desired, such as the text, color, and size.
4. Click on the "Advanced" tab and select the "Float Block" option from the list of available advanced settings.
5. Configure the float block settings as desired, such as the float position, offset, and animation settings.
6. Save the changes and preview the page to see the floating button in action.

Example 2: Adding a Floating Image

1. Create a new page or edit an existing one in WPBakery Page Builder.
2. Add a new image element to the page by clicking on the "Add Row" button and selecting the "Image" option from the list of available elements.
3. Upload or select an image to use as the floating element.
4. Configure the image settings as desired, such as the size, alignment, and margin.
5. Click on the "Advanced" tab and select the "Float Block" option from the list of available advanced settings.
6. Configure the float block settings as desired, such as the float position, offset, and animation settings.
7. Save the changes and preview the page to see the floating image in action.

Example 3: Adding a Floating Text

1. Create a new page or edit an existing one in WPBakery Page Builder.
2. Add a new text element to the page by clicking on the "Add Row" button and selecting the "Text" option from the list of available elements.
3. Configure the text settings as desired, such as the text, font, and size.
4. Click on the "Advanced" tab and select the "Float Block" option from the list of available advanced settings.
5. Configure the float block settings as desired, such as the float position, offset, and animation settings.
6. Save the changes and preview the page to see the floating text in action.

Conclusion

The Float Block addon for WPBakery Page Builder is a powerful tool that allows you to add a floating element to your page, such as a button, text, or image, that stays visible as the user scrolls down the page. By following the steps outlined in this tutorial, you can install and configure the Float Block addon and use it to create a variety of effects with your WPBakery Page Builder elements. With the Float Block addon, you can add a new level of interactivity and engagement to your website and enhance the user experience.