Description
Give your pages a playful, interactive touch with content cards and badges you can drag to the exact position you want.
Why Draggable Content?
Most drag-and-drop solutions are bloated page builders. Draggable Content is a specialized Gutenberg block that does one thing exceptionally well: it gives you a completely draggable content element with complete control over badge placement through intuitive drag functionality.
Only the badge element itself is draggable – no other content is affected – so your layout stays intact while you position elements with smooth, precise movement. Cards can hold text, images, videos, and other media, and everything works in all modern browsers.
Free Features
- Precise Badge Dragging: Only the badge element is draggable, so no other content is affected.
- Exact Positioning: Drag your badge to exact positions with smooth, precise movement.
- Flexible Content: Cards can contain text, images, videos, or other media.
- Block Settings: Control appearance and behavior from the block sidebar.
- Smooth Animations: Polished animation and positioning out of the box.
- Browser Support: Compatible with all modern browsers.
How to Use – Quick Start
- Install the Draggable Content plugin from the WordPress dashboard.
- In the Gutenberg editor, add Draggable Content from the “widgets” block category.
- Adjust the block settings from the right-side settings sidebar.
- Publish and enjoy!
Did you like this plugin? Have a feature request? Please share your feedback with us.
⭐ Check out the Parent Plugin of this plugin-
🔥 B Blocks – Best gutenberg blocks collections for WordPress.
⭐ Check out our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 Document Embedder – Best WordPress Document Embedder Plugin.
🔥 3D Viewer – Display interactive 3D models on the webs.
🔥 Advanced Post Block – Best Post Display Plugin for WordPress.
Screenshots
Blocks
This plugin provides 1 block.
- Draggable Content A block for displaying a draggable content.
Installation
From your WordPress dashboard (recommended):
- Go to Plugins Add New.
- Search for “Draggable Content”.
- Click Install Now, then Activate.
- Add the Draggable Content block to any post or page from the Gutenberg editor.
Manual installation:
- Download the Draggable Content plugin (.zip file).
- In your admin area, go to Plugins Add New and click Upload Plugin.
- Choose the
draggable-content.zipfile and click Install Now. - Activate the plugin through the Plugins menu in WordPress.
FAQ
-
What content can I put inside a draggable card?
-
Cards are customizable content blocks that can contain text, images, videos, or other media.
-
Is everything on the page draggable?
-
No. Only the badge element itself is draggable – no other content is affected, so your layout stays stable.
-
Does it work with any WordPress theme?
-
Yes, it will work with any standard WordPress theme.
-
Can I change block settings?
-
Yes, you can change block settings from the Gutenberg block editor’s right sidebar.
-
How many times can I reuse the block?
-
You can use the block unlimited times across your site.
-
Where can I get support?
-
You can post your questions on the support forum here
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Draggable Content – create layouts visitors can move and explore” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Draggable Content – create layouts visitors can move and explore” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.1 – 13 Oct 25
- Added Advanced options
1.0.0
- Initial Release