{"id":23348,"date":"2015-02-26T21:01:53","date_gmt":"2015-02-26T13:01:53","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23348"},"modified":"2024-05-16T12:13:39","modified_gmt":"2024-05-16T04:13:39","slug":"customize-wordpress-drag-drop","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/","title":{"rendered":"7 Drag And Drop Plugins For Building WordPress Sites"},"content":{"rendered":"<p>Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like <a href=\"https:\/\/www.hongkiat.com\/blog\/go\/wix-page-builder\" rel=\"nofollow noopener\" class=\"js-aw-brand-link\" data-feed=\"A4oqxnAHQBRCesEqdIK4LM5UfHZtptuo\" target=\"_blank\">Wix<\/a>, SquareSpace, and others. Here are a few additional tools that enhance the drag-and-drop experience:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/create-free-website-imcreator\/\">Create beautiful websites with IM Creator<\/a><\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/jquery-ui-sortable\/\">Customize styles with JQuery UI Sortable<\/a><\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/drag-drop-design-graphics-canva\/\">Create professional-looking graphics with Canva<\/a><\/li>\n<li><a href=\"https:\/\/www.hongkiat.com\/blog\/html-bootstrap-layoutit\/\">Build HTML Bootstrap layouts with LayoutIt!<\/a><\/li>\n<\/ul>\n<p>For designers and developers, the convenience of the drag-and-drop method is invaluable when <strong>building and organizing page layouts<\/strong>. For example, when creating a WordPress site, using the <strong>drag-and-drop method<\/strong> could significantly reduce development time. This post highlights 7 plugins that integrate this functionality into the WordPress editor. If you know of any other great plugins, share them in the comments.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/create-free-website-wix\/\" class=\"ref-block__link\" title=\"Read More: Building Your First Website with Wix (Step-by-Step Guide for Beginners)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Building Your First Website with Wix (Step-by-Step Guide for Beginners)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/create-free-website-wix.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-71847 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/create-free-website-wix.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Building Your First Website with Wix (Step-by-Step Guide for Beginners)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tToday, I'll show you how to easily create your first website using Wix, which is free for basic...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Page Builder by SiteOrigin<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/siteorigin-panels\/\">Page Builder<\/a> is a plugin that lets you build responsive grids by customizing the division of each column and row. It comes with various layout modules to add content like Galleries, Images, Videos, Buttons, and even Price Boxes. New layout modules can be added via the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codex.wordpress.org\/Widgets_API\">WordPress Widget API<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/page-builder-by-siteorigin.jpg\" alt=\"Responsive grid layout example using Page Builder by SiteOrigin\" height=\"494\" width=\"800\"><\/figure>\n<h2>PixGridder<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/pixgridder\/\">PixGridder<\/a> simplifies the division of your page into grids. Once you\u2019ve created columns, you can populate them with text using the standard WordPress text editor or enhance them with shortcodes. The plugin integrates seamlessly with the WordPress text editor\u2019s existing functions for each column.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/pixgridder.jpg\" alt=\"Column layout example using PixGridder\" width=\"800\" height=\"435\"><\/figure>\n<h2>Aqua Page Builder<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/aqua-page-builder\/\">Aqua Page Builder<\/a> offers a flexible approach to creating customized template variations for your content. Simply drag the desired blocks into the template builder, name your template, and save it. Implement the template on your pages or posts using the shortcode generated.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/aqua-pagebuilder.jpg\" alt=\"Template building interface of Aqua Page Builder\" width=\"800\" height=\"514\"><\/figure>\n<h2>WR Page Builder<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wr-pagebuilder\/\">WR Page Builder<\/a> is versatile, allowing you to insert various layout modules such as buttons, pricing tables, progress bars, and alerts into your posts or pages. It offers extensive customization options for each module, including adjustments to colors, text, and images. Adding new modules is straightforward through the WordPress Widget API.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/wr-pagebuilder.jpg\" alt=\"Various layout modules by WR Page Builder\" width=\"800\" height=\"638\"><\/figure>\n<h2>Live Composer Lite<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/live-composer-lite\/\">Live Composer Lite<\/a> enables you to construct page layouts directly from the frontend of your website. After activating the plugin, navigate to the page you wish to edit and click the \u2018activate editor\u2019 button at the bottom right. You can then effortlessly drag and drop elements like text, buttons, images, and tabs from the toolbar to your page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/live-composer.jpg\" alt=\"Frontend editing using Live Composer Lite\" width=\"800\" height=\"406\"><\/figure>\n<h2>Minimax<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/page-layout-builder\/\">Minimax<\/a> is a user-friendly page builder that allows users with no coding skills to customize their WordPress pages or posts. Start by defining the number of columns using the <strong>Cols<\/strong> button, then populate each column with elements from a variety of modules such as Images, Accordions, Tabs, and Text. Once complete, export your layout to use on your site.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/minimax.jpg\" alt=\"Page layout customization with Minimax\" width=\"800\" height=\"668\"><\/figure>\n<h2>Beaver Builder<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/beaver-builder-lite-version\/\">Beaver Builder<\/a> [<a rel=\"nofollow\" href=\"https:\/\/demo.wpbeaverbuilder.com\/\">demo<\/a>] offers front-end layout building with ease. This plugin includes 15 preset page templates ready to use right away. It provides basic modules such as headings, separators, and a text editor, along with more advanced options like contact forms, pricing tables, and slideshows.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/beaver-builder.jpg\" alt=\"Comprehensive layout building with Beaver Builder\" width=\"800\" height=\"540\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like Wix, SquareSpace, and others. Here are a few additional tools that enhance the drag-and-drop experience: Create beautiful websites with IM Creator Customize styles with JQuery UI Sortable Create professional-looking graphics with Canva Build HTML Bootstrap layouts&hellip;<\/p>\n","protected":false},"author":141,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[49],"tags":[4663,4655,3323],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>7 Drag And Drop Plugins For Building WordPress Sites - Hongkiat<\/title>\n<meta name=\"description\" content=\"Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like Wix,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Drag And Drop Plugins For Building WordPress Sites\" \/>\n<meta property=\"og:description\" content=\"Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like Wix,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-26T13:01:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-16T04:13:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/page-builder-by-siteorigin.jpg\" \/>\n<meta name=\"author\" content=\"Agus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bagusdesain\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Agus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/\"},\"author\":{\"name\":\"Agus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\"},\"headline\":\"7 Drag And Drop Plugins For Building WordPress Sites\",\"datePublished\":\"2015-02-26T13:01:53+00:00\",\"dateModified\":\"2024-05-16T04:13:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/\"},\"wordCount\":495,\"commentCount\":17,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-drag-drop\\\/page-builder-by-siteorigin.jpg\",\"keywords\":[\"ad-divi\",\"appwiki\",\"WordPress Plugins\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/\",\"name\":\"7 Drag And Drop Plugins For Building WordPress Sites - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-drag-drop\\\/page-builder-by-siteorigin.jpg\",\"datePublished\":\"2015-02-26T13:01:53+00:00\",\"dateModified\":\"2024-05-16T04:13:39+00:00\",\"description\":\"Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like Wix,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-drag-drop\\\/page-builder-by-siteorigin.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/customize-wordpress-drag-drop\\\/page-builder-by-siteorigin.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/customize-wordpress-drag-drop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Drag And Drop Plugins For Building WordPress Sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\",\"name\":\"Agus\",\"description\":\"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/bagusdesain\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/agus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"7 Drag And Drop Plugins For Building WordPress Sites - Hongkiat","description":"Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like Wix,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/","og_locale":"en_US","og_type":"article","og_title":"7 Drag And Drop Plugins For Building WordPress Sites","og_description":"Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like Wix,","og_url":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-02-26T13:01:53+00:00","article_modified_time":"2024-05-16T04:13:39+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/page-builder-by-siteorigin.jpg","type":"","width":"","height":""}],"author":"Agus","twitter_card":"summary_large_image","twitter_creator":"@bagusdesain","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Agus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/"},"author":{"name":"Agus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd"},"headline":"7 Drag And Drop Plugins For Building WordPress Sites","datePublished":"2015-02-26T13:01:53+00:00","dateModified":"2024-05-16T04:13:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/"},"wordCount":495,"commentCount":17,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/page-builder-by-siteorigin.jpg","keywords":["ad-divi","appwiki","WordPress Plugins"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/","url":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/","name":"7 Drag And Drop Plugins For Building WordPress Sites - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/page-builder-by-siteorigin.jpg","datePublished":"2015-02-26T13:01:53+00:00","dateModified":"2024-05-16T04:13:39+00:00","description":"Drag-and-drop methods have gained popularity among non-technical users for arranging web layouts. This explains the success of platforms like Wix,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/page-builder-by-siteorigin.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/customize-wordpress-drag-drop\/page-builder-by-siteorigin.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/customize-wordpress-drag-drop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"7 Drag And Drop Plugins For Building WordPress Sites"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd","name":"Agus","description":"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.","sameAs":["https:\/\/x.com\/bagusdesain"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/agus\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-64A","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/141"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=23348"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23348\/revisions"}],"predecessor-version":[{"id":71903,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23348\/revisions\/71903"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23348"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}