Top Alert For WPBakery Page Builder

Introduction to Top Alert for WPBakery Page Builder

The Top Alert module is a feature-rich plugin designed for the popular page builder, WPBakery Page Builder. It allows you to add a customizable alert message or pop-up to your WordPress website. Alerts can be used to notify visitors of new sales, promotions, or special offers. The Top Alert plugin is highly flexible and can be used in a variety of creative ways to grab attention, increase conversions, and enhance the user experience.

In this tutorial, we will guide you on how to install and use the Top Alert for WPBakery Page Builder to add a alert message or pop-up to your WordPress website. We will cover the setup process, how to customize the appearance, and different usage scenarios to get the most out of this plugin.

Prerequisites:

• WordPress version 4.6 or higher
• WPBakery Page Builder version 5.7.6 or higher
• The Top Alert module plugin installed and activated

Step-by-Step Tutorial: Using Top Alert for WPBakery Page Builder

Installation and Activation

1. Log in to your WordPress admin dashboard and navigate to the "Plugins" page.
2. Click on the "Add New" button and upload the Top Alert module zip file.
3. Click on the "Install Now" button to begin the installation process.
4. Once installed, click on the "Activate" button to enable the plugin.
5. The Top Alert module is now activated and ready for use. You should see a new module called "Top Alert" in your WPBakery Page Builder module library.

Basic Setup

1. Go to a page where you want to add the top alert and open it in page builder mode.
2. Click on the "+" icon to add a new module and search for "Top Alert" in the module search bar.
3. Drag and drop the Top Alert module onto your page.
4. The Top Alert module interface will appear, allowing you to set up the basic options.

• "Alert Type": Select the type of alert you want to display (alert, confirm, or prompt).
• "Display Time": Set the delay time for the alert to appear.
• "Duration": Set the duration of the alert to stay open.
• "Animation": Select the animation style for the alert.

Customization

1. Click on the "Options" tab to access advanced customization options.

• "Alert Title" and "Alert Message": Set the title and message for your alert.
• "Button Text" and "Button Link": Customize the button text and link for your alert.
• "Button Style": Select a pre-designed button style or customize your own.
• "Background and Text Colors": Adjust the background and text colors for your alert.

1. Click on the "Design" tab to access design-specific options.

• "Size": Choose the size of your alert.
• "Shadow": Enable or disable the alert shadow.
• "Corner Radius": Set the corner radius for your alert.
• "Text Alignment": Align the alert text to left, center, or right.

Positioning and Timing

1. In the "Positioning" section, select the position where you want the alert to appear (top-left, top-right, bottom-left, bottom-right).

Advanced Options

1. In the "Advanced" section, you can set options for the alert animation, auto-close, and click-to-dismiss.

Testing and Deployment

1. Save your changes and click on the " Preview" button to test the Top Alert on your page.
2. If everything is set up correctly, the alert will display according to your configuration.
3. You can now deploy the changes to your website by clicking on the "Publish" or "Update" button.

That's it! With these steps, you have successfully installed, set up, and customized the Top Alert module for WPBakery Page Builder. You can use the Top Alert in various creative ways to grab attention, increase conversions, and enhance the user experience on your website.