How to Add Draggable Items in Bricks Builder Using BricksFly

Draggable Items Element allows you to create interactive items that visitors can move freely within a section. Each item can be customized with its own title, link, text color, background color, and rotation angle to match your website’s design.

Requirement 

Make sure you have installed:

• Bricks Theme 
• BricksFly Pro

Activate Draggable Items In BricksFly

1. Go to your WordPress Dashboard. 
2. Click on BricksFly. 
3. Head to the Elements. 
4. Under Advanced, toggle on Draggable Items. 

Step 1: Add the Draggable Items Element

First, click the + icon and search for Draggable Items. Once the Element appears, drag it to the desired section of the Bricks Builder canvas.

Step 2: Configure Draggable Items

Items: Allows you to add, remove, duplicate, and manage the draggable items displayed within the element. Each item can have its own content, link, colors, and rotation. In this example, five items are added, but you can add as many items as needed.

Title: Sets the text displayed inside the draggable item. In this example, the text color of each item is customized.

Link: Adds a clickable link to the item. Visitors are directed to the selected page or URL when they click it. In this example, no links are added, but you can add a link if needed.

Text Color: Controls the color of the title or text displayed inside the item. In this example, different colors are applied to the individual items.

Background: Sets the background color of the draggable item. Similarly, in this example, different background colors are applied to the individual items.

Rotate: Controls the rotation angle of the item. Positive and negative values can be used to tilt the item in different directions. However, in this example, the option is left blank.

Final Result