Title: Draggable Content – create layouts visitors can move and explore
Author: bPlugins
Published: <strong>Сентябрь 19, 2025-ж.</strong>
Last modified: Август 23, 2026-ж.

---

Плагиндерди издөө

![](https://ps.w.org/draggable-cards/assets/banner-772x250.png?rev=3623271)

![](https://ps.w.org/draggable-cards/assets/icon.svg?rev=3623271)

# Draggable Content – create layouts visitors can move and explore

 Автору [bPlugins](https://profiles.wordpress.org/bplugins/)

[Жүктөө](https://downloads.wordpress.org/plugin/draggable-cards.1.0.1.zip)

 * [Кенен маалымат](https://kir.wordpress.org/plugins/draggable-cards/#description)
 * [Сын-пикирлер](https://kir.wordpress.org/plugins/draggable-cards/#reviews)
 *  [Орнотуу](https://kir.wordpress.org/plugins/draggable-cards/#installation)
 * [Development](https://kir.wordpress.org/plugins/draggable-cards/#developers)

 [Колдоо](https://wordpress.org/support/plugin/draggable-cards/)

## Сүрөттөө

**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

 1. Install the **Draggable Content** plugin from the WordPress dashboard.
 2. In the Gutenberg editor, add **Draggable Content** from the “widgets” block category.
 3. Adjust the block settings from the right-side settings sidebar.
 4. Publish and enjoy!

Did you like this plugin? Have a feature request? [Please share your feedback with us](https://kir.wordpress.org/plugins/draggable-cards/support@bplugins.com?output_format=md).

### ⭐ Check out the Parent Plugin of this plugin-

🔥 **[B Blocks](https://bblockswp.com)** – Best gutenberg blocks collections for
WordPress.

### ⭐ Check out our other WordPress Plugins-

🔥 **[Html5 Audio Player](https://bplugins.com/products/html5-audio-player)** – 
Best audio player plugin for WordPress.

🔥 **[Html5 Video Player](https://bplugins.com/products/html5-video-player)** – 
Best video player plugin for WordPress.

🔥 **[PDF Poster](https://bplugins.com/products/pdf-poster)** – A fully-featured
PDF Viewer Plugin for WordPress.

🔥 **[Document Embedder](https://bplugins.com/products/document-embedder)** – Best
WordPress Document Embedder Plugin.

🔥 **[3D Viewer](https://bplugins.com/products/3d-viewer)** – Display interactive
3D models on the webs.

🔥 **[Advanced Post Block](https://bplugins.com/products/advanced-post-block)** –
Best Post Display Plugin for WordPress.

## Скриншоттор

[⌊Add Draggable Content⌉⌊Add Draggable Content⌉[

Add Draggable Content

[⌊Gutenberg Settings⌉⌊Gutenberg Settings⌉[

Gutenberg Settings

[⌊Preview⌉⌊Preview⌉[

Preview

## Блоктор

This plugin provides 1 block.

 *   Draggable Content A block for displaying a draggable content.

## Орнотуу

**From your WordPress dashboard (recommended):**

 1. Go to **Plugins  Add New**.
 2. Search for **“Draggable Content”**.
 3. Click **Install Now**, then **Activate**.
 4. Add the **Draggable Content** block to any post or page from the Gutenberg editor.

**Manual installation:**

 1. Download the **Draggable Content** plugin (_.zip file_).
 2. In your admin area, go to **Plugins  Add New** and click **Upload Plugin**.
 3. Choose the **`draggable-content.zip`** file and click **Install Now**.
 4. Activate the plugin through the **Plugins** menu in WordPress.

## FAQ.KG

### 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](https://wordpress.org/support/plugin/draggable-content/)

## Сын-пикирлер

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.

Мүчөлөрү

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Murad Wahid ](https://profiles.wordpress.org/muradwahid/)

[Translate “Draggable Content – create layouts visitors can move and explore” into your language.](https://translate.wordpress.org/projects/wp-plugins/draggable-cards)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/draggable-cards/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/draggable-cards/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/draggable-cards/)
by [RSS](https://plugins.trac.wordpress.org/log/draggable-cards/?limit=100&mode=stop_on_copy&format=rss).

## Өзгөртүүлөр

#### 1.0.1 – 13 Oct 25

 * Added Advanced options

#### 1.0.0

 * Initial Release

## Мета

 *  Нуска **1.0.1**
 *  Акыркы жаңыртуу **1 жума мурун**
 *  Активдүү орнотуулар **20+**
 *  WordPress нускасы ** 6.3 же андан жогору **
 *  Tested up to **6.9.7**
 *  PHP нускасы ** 7.2 же андан жогору **
 *  Тил
 * [English (US)](https://wordpress.org/plugins/draggable-cards/)
 * Тег:
 * [block](https://kir.wordpress.org/plugins/tags/block/)[content builder](https://kir.wordpress.org/plugins/tags/content-builder/)
   [draggable](https://kir.wordpress.org/plugins/tags/draggable/)
 *  [Advanced View](https://kir.wordpress.org/plugins/draggable-cards/advanced/)

## Рейтинг

Азырынча эч кандай сын-пикир жок.

[Your review](https://wordpress.org/support/plugin/draggable-cards/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/draggable-cards/reviews/)

## Мүчөлөрү

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Murad Wahid ](https://profiles.wordpress.org/muradwahid/)

## Колдоо

Комментарийлер барбы? Жардам керекпи?

 [Колдоо форумун көрүү](https://wordpress.org/support/plugin/draggable-cards/)

## Кайрымдуулук

Would you like to support the advancement of this plugin?

 [ Кайрымдуулук кылуу ](https://gum.co/wpdonate/)