{"id":34534,"date":"2016-09-07T10:59:16","date_gmt":"2016-09-07T15:59:16","guid":{"rendered":"http:\/\/www.elegantthemes.com\/blog\/?p=34534"},"modified":"2023-03-16T13:27:13","modified_gmt":"2023-03-16T18:27:13","slug":"divi-3","status":"publish","type":"post","link":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3","title":{"rendered":"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast &#038; Easy-To-Use You&#8217;ll Think It&#8217;s Magic"},"content":{"rendered":"<p>Six months ago our team decided to go all in on a single idea, to lay our cards on the table and commit to something bigger and better than we had ever built before. We committed to building Divi 3.0. This project wasn&#8217;t about incremental improvements, it was about <em>reinventing<\/em> Divi, reinventing ourselves, learning a completely new language and creating a modern React application that would change the game for our customers and ensure Divi&#8217;s relevancy for years to come. We set out to build what could become, and continue to be, the best visual page builder in the world.<\/p>\n<p>Over the past 100 days we have been holding those cards close to our chest as we guided you through the Divi 100 Marathon, slowly counting down the days to this moment. You may have started to wonder how good it could really be. You may have been skeptical about whether or not you would enjoy a true front-end editing experience. You may have started to wonder if it would be worth the wait. <\/p>\n<p>Well the wait is over, Divi 3.0 is here and let me tell you&#8230;it&#8217;s awesome! The speed is incredible, the interface is beautiful and the experience is pure magic. The new visual builder takes everything you love about Divi and makes it infinitely better through a new visual interface that allows you to build pages on the front end of your website. Add content, customize the design, type directly on the page and watch everything happen instantly right before your eyes. It makes me smile every time I use it, and I can&#8217;t wait for you to try it too. <\/p>\n<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  title=\"Introducing Divi 3.0\" width=\"719\" height=\"404\" src=\"https:\/\/www.youtube.com\/embed\/1ALjCZkKuUM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/test.png\" alt=\"test\" width=\"341\" height=\"124\" class=\"aligncenter size-full wp-image-35136\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/test.png 341w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/test-300x109.png 300w\" sizes=\"auto, (max-width: 341px) 100vw, 341px\" \/><br \/>\n<a href=\"https:\/\/www.elegantthemesdemo.com\/?et_fb=1\" class=\"button primary-button inline-button\" rel=\"noopener\" target=\"_blank\">Try The Divi 3.0 Demo For Free Right now!<\/a><\/p>\n<h2>Build Everything Visually<\/h2>\n<p>Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites. This front end editor allows you to make changes to your website&#8230;on your actual website! Click into a paragraph and start typing. Highlight some text and adjust the fonts and styles. Drag an element and watch it move. Add new items from any of Divi&#8217;s 40+ content modules, adjust module settings, save and load items from the library and see everything happen instantly. No page refreshes, little to no ajax loading bars and absolutely no need to &#8220;preview&#8221; your changes because everything is happening in real time on your page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/visual-editor.jpg\" alt=\"visual-editor\" width=\"600\" height=\"499\" class=\"alignnone size-full wp-image-35694\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/visual-editor.jpg 600w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/visual-editor-300x250.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Divi&#8217;s new visual builder allows you to create and edit your pages on the front-end of your website. When you load the builder, you see your page exactly as you would if you were browsing your website normally. With the builder activated, however, everything on the page becomes editable! You can click into any element and adjust its content, size, spacing, color, positioning and more. You can add, duplicate and delete content, drag content from one area to another and load items from your library instantly. All of the Divi modules and settings that you are familiar with are still there, enhanced and simplified through the new visual interface. <\/p>\n<p>Things that are tedious and frustrating in block-based backend builders, such as locating content in a grid of sections and rows, previewing changes and understanding how certain settings work are now things of the past. Building with the visual interface is infinitely more intuitive, and after you use it for the first time you are seriously going to wonder how you ever lived without it! Even for current Divi users, this update is a complete game changer.<\/p>\n<h2>Observe Changes Instantly<\/h2>\n<p>When you make a change in the new visual builder, your page is updated instantly. Text on the page feels tangible as you slide the font size controls and watch your words expand and contract with each gesture. The page feels alive as you explore the color picker and watch each glowing transformation. It&#8217;s fun and easy and just a bit magical. Unlike other front-end editors you may have used, Divi&#8217;s new visual builder is incredibly fast which makes the design process all the more fun.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=ichH68DEq-g\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/updates-small.gif\" alt=\"updates-small\" width=\"600\" height=\"475\" class=\"alignnone size-full wp-image-35834\" \/><\/a><\/p>\n<h2>Add New Content On The Fly<\/h2>\n<p>Adding content to your page couldn&#8217;t be easier. If you want to add something new, simply hover over the desired area and click the &#8220;+&#8221; button and you will be greeted by a list of Divi&#8217;s 40+ content elements. No need to awkwardly drag items from a central dock because Divi&#8217;s content tooltip is always there when you need it. Plus it&#8217;s searchable, which makes it easy to find your desired content element or saved library item. Did I mention it&#8217;s super fast? When you add new content elements, they are just <em><strong>there<\/strong><\/em>.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=SiDSavvfvlI\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/add-content-small-compressor.gif\" alt=\"add-content-small-compressor\" width=\"600\" height=\"396\" class=\"alignnone size-full wp-image-35700\" \/><\/a><\/p>\n<p>Divi has a content module for every occasion and each can be completely customized to obtain your desired result. Simply add, mix and match content and watch your new page come to life. No coding; no plethora of disjointed plugins; just click and build. No matter what kind of website you are creating, Divi has the tools you need to make your vision a reality.<\/p>\n<div id=\"modules\">\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_01-1.png\" alt=\"builder-module_01\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22974\" \/>Image<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/image-gallery\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_03-1.png\" alt=\"builder-module_03\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22975\" \/>Gallery<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/video\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_05-1.png\" alt=\"builder-module_05\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22976\" \/>Video<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/video-slider\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_07-1.png\" alt=\"builder-module_07\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22977\" \/>Video Slider<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/blurbs\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_13-1.png\" alt=\"builder-module_13\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22978\" \/>Blurb<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/tabs\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_14-1.png\" alt=\"builder-module_14\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22979\" \/>Tabs<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/slider\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_15-1.png\" alt=\"builder-module_15\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22980\" \/>Slider<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/testimonial\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_16-1.png\" alt=\"builder-module_16\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22981\" \/>Testimonial<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/call-to-action\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_21-1.png\" alt=\"builder-module_21\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22982\" \/>Call To Action<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/audio\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_22-1.png\" alt=\"builder-module_22\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22983\" \/>Audio<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/newsletter-signup\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_23-1.png\" alt=\"builder-module_23\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22984\" \/>Subscribe<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/login\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_24-1.png\" alt=\"builder-module_24\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22985\" \/>Login<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/filterable-portfolio\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_29-1.png\" alt=\"builder-module_29\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22986\" \/>Filtered Portfolio<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/bar-counters\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_30-1.png\" alt=\"builder-module_30\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22987\" \/>Bar Counters<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/circle-counter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_31-1.png\" alt=\"builder-module_31\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22988\" \/>Circle Counter<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/number-counter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_32-1.png\" alt=\"builder-module_32\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22989\" \/>Number Counter<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/toggles\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_37-1.png\" alt=\"builder-module_37\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22990\" \/>Toggle<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/contact-form\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_38-1.png\" alt=\"builder-module_38\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22991\" \/>Contact Form<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/sidebar\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_39-1.png\" alt=\"builder-module_39\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22992\" \/>Sidebar<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/divider\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_40-1.png\" alt=\"builder-module_40\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22993\" \/>Divider<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/text\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_45-1.png\" alt=\"builder-module_45\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22994\" \/>Text<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/pricing-tables\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_46-1.png\" alt=\"builder-module_46\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22995\" \/>Pricing Table<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/portfolio-2\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_47-1.png\" alt=\"builder-module_47\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22996\" \/>Portfolio<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/accordion\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_48-1.png\" alt=\"builder-module_48\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22997\" \/>Accordion<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/person\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_53-1.png\" alt=\"builder-module_53\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22998\" \/>Person<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/blog\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_54-1.png\" alt=\"builder-module_54\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-22999\" \/>Blog<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/shop-3\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_55-1.png\" alt=\"builder-module_55\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-23000\" \/>Shop<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/countdown-timer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_56-1.png\" alt=\"builder-module_56\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-23001\" \/>Countdown<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/map\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_61-1.png\" alt=\"builder-module_61\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-23002\" \/>Map<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/preview\/Divi\/social-follow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_62-1.png\" alt=\"builder-module_62\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-23003\" \/>Social Follow<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/exploring-divi-2-4-create-a-unique-and-unified-blog-using-a-global-post-title-module\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_63-1.png\" alt=\"builder-module_63\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-23004\" \/>Post Title<\/a><\/div>\n<div><a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/exploring-divi-2-4-using-the-divi-code-module-to-integrate-third-party-plugins-in-the-builder\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/builder-module_64.png\" alt=\"builder-module_64\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-23005\" \/>Code<\/a><\/div>\n<\/div>\n<div class=\"clearfix\"><\/div>\n<p><\/p>\n<h2>Drag, Drop, Duplicate &#038; Delete<\/h2>\n<p>Of course no website builder would be complete without drag and drop, and Divi 3.0 is no exception. Dragging and dropping elements in Divi&#8217;s visual builder is particularly intuitive because you are working with your actual content instead of with ambiguous blocks and grids. When editing long pages, Divi&#8217;s new &#8220;zoom out&#8221; feature gives you an overhead view of your design and allows you to drag large pieces of content long distances without having to scroll. You can also forgo dragging and dropping completely and opt for Divi&#8217;s copy and paste functionality instead.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=rRnnDBF7aUA\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/drag-small-compressor.gif\" alt=\"drag-small-compressor\" width=\"600\" height=\"433\" class=\"alignnone size-full wp-image-35824\" \/><\/a><\/p>\n<h2>Draggable Widths &#038; Heights<\/h2>\n<p>One of the things we strived for in Divi 3.0 was to allow for meaningful interactions that take full advantage of the builder&#8217;s visual nature. Draggable widths and heights are perfect examples of this. It&#8217;s something that didn&#8217;t make sense in the backend builder, but something that&#8217;s completely natural and totally awesome in the visual builder. When you place your cursor over any of the four sides of a row or section, you can drag to increase or decrease the padding thereby increasing or decreasing the element&#8217;s width and height. You can see the changes take place instantly as your move your mouse!<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=gxf4WoPGflo\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/heights-small-compressor-1.gif\" alt=\"heights-small-compressor\" width=\"600\" height=\"456\" class=\"alignnone size-full wp-image-35705\" \/><\/a><\/p>\n<p>Working with white space can be challenging, and it can be downright frustrating in a backend builder. It&#8217;s one of those things that you need to <em>see<\/em> and <em>feel<\/em> to understand, and working with only numbers and blocks simply isn&#8217;t the best way to make such important design decisions. The first time you launch the visual builder and drag open the height of a section, you are going to feel your mouth open to a smile along with it! It&#8217;s just so. damn. cool.<\/p>\n<h2>Easy Responsive Editing<\/h2>\n<p>The new visual builder comes with responsive design toggles that you can use to view your page on Smartphone, Tablet and Desktop breakpoints. You can toggle these different views while you edit your page and the visual builder stays fully functional in all three modes. What&#8217;s more, Divi allows you to specify different settings values for each different breakpoint, and the Divi Builder will automatically switch between each breakpoint while you edit them! It&#8217;s never been this easy to build a beautifully responsive website.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=OG01IaoeFPs\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/responsive-small.gif\" alt=\"responsive-small\" width=\"600\" height=\"490\" class=\"alignnone size-full wp-image-35828\" \/><\/a><\/p>\n<h2>Instant Undo, Redo &#038; Revision Restore<\/h2>\n<p>The new visual builder has a very comprehensive undo and redo system, complete with a fully restorable history log. It&#8217;s one of my favorite features of Divi 3.0, not only because it&#8217;s incredibly useful, but because it&#8217;s perhaps the most shining example of the new builder&#8217;s speed and power. You are never in danger of making a mistake because nothing is ever lost. You can undo your most recent actions, or open up the history log and travel back and forth through time and watch your page transform instantly. It&#8217;s even a great way to compare design changes and decide which variation you like best. Just flip through your history like a living sketchbook and expand on your favorite ideas!<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=UXWYuDHn-O4\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/undo-small-compressor.gif\" alt=\"undo-small-compressor\" width=\"600\" height=\"427\" class=\"alignnone size-full wp-image-35697\" \/><\/a><\/p>\n<h2>The &#8220;Invisible Interface&#8221; That Won&#8217;t Get In Your Way<\/h2>\n<p>The new Divi Builder gives you all of the power with none of the clutter. We wanted to build a modern design experience that embodies our team&#8217;s most central of values: <strong>elegance<\/strong>. It&#8217;s in our name, it&#8217;s in our products, but never have we built something quite this pure and wonderful. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/customizable-interface.jpg\" alt=\"customizable-interface\" width=\"600\" height=\"499\" class=\"alignnone size-full wp-image-36130\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/customizable-interface.jpg 600w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/customizable-interface-300x250.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>When you first open the builder, you might not even know it&#8217;s there. Your screen is not hijacked by floating sidebars or fixed headers. Your content is not affixed to countless buttons or obstructed by annoying grids and overlays. What you see is your website, but that&#8217;s not the full story. When you click into a paragraph, you can start typing. When you highlight a block of text, you can apply custom fonts and styles. When you drag something, it moves. Upon hovering over any of Divi&#8217;s basic elements, their settings can be opened and adjusted. Everything you need to add content, edit content and create an awesome website is right there at your fingertips, but it never gets in your way. This is the most enjoyable website building experience I have ever used, and I know that you are going to fall in love with its beauty, its subtlety and its power.<\/p>\n<h2>Customize Your Interface<\/h2>\n<p>This is the first <a href=\"https:\/\/www.elegantthemes.com\/blog\/wordpress\/best-wordpress-page-builders\" class=\"wpil_keyword_link\" data-wpil-keyword-link=\"linked\" title=\"WordPress page builder\">WordPress page builder<\/a> to have a customizable interface that doesn&#8217;t pigeonhole you into certain polarizing UI conventions. You can choose to have your module controls appear inside of a popup, or you can opt to have them appear in a sidebar. You can adjust the popup&#8217;s size and position, or use the buttons for expand and contract. If you drag the popup over to either side of the page, it will automatically snap into the sidebar position and adjust your content accordingly! You can change the width of the sidebar to accommodate the size of your screen or drag it over to the alternate side of the page to satisfy your personal preference. <\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=EPuqGi_JpsU\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/interface-small-compressor.gif\" alt=\"interface-small-compressor\" width=\"600\" height=\"485\" class=\"alignnone size-full wp-image-35830\" \/><\/a><\/p>\n<h2>A Beautiful New Inline Editing Experience<\/h2>\n<p>One of the builder&#8217;s most exciting new features is the ability to add, edit and format text right on the page without ever needing to open up a module&#8217;s settings panel. It saves a <em>ton<\/em> of time and it&#8217;s infinitely more enjoyable. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/inline-editor.jpg\" alt=\"inline-editor-header\" width=\"600\" height=\"499\" class=\"alignnone size-full wp-image-35666\" \/><\/p>\n<p>When editing text content in Divi&#8217;s new visual builder, there is no need to open a settings panel to add or edit text. If you want to add some content to your page, just click and start typing! You can compose entire posts using a single column and a text module and the experience is fast and wonderful. Composing <strong><em>on your page<\/em><\/strong> is so much better than working inside a cluttered backend interface. There are no distractions and there is no mystery as to how your content will render once it has been saved. <\/p>\n<p>We have created our own custom inline editing interface for Divi 3.0, and it&#8217;s really a joy to use. It&#8217;s simple and effective, stripped of superfluous tools and consolidated into a single tooltip that is easy to navigate.<\/p>\n<h2>Custom Fonts And Styles<\/h2>\n<p>Styling text with the inline editor is easy. You can apply standard styles to any selection, such as bold, italic and underline. You can add H1-H5 headers, create links, build lists and adjust text alignment just like you can in the normal WordPress text editor. In addition, you can apply custom fonts, colors and text sizes. Through this combination of stylization options you can easily take your typography to the next level.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=ubaJaYkGFGU\" rel=\"noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/type-small.gif\" alt=\"type-small\" width=\"600\" height=\"474\" class=\"alignnone size-full wp-image-35832\" \/><\/a><\/p>\n<h2>A Modern Builder For A New Era<\/h2>\n<p>The new visual builder interface in Divi 3.0 has been re-built from the ground up using React, a modern javascript library for user interfaces. While it is still based on the modular Divi Builder framework that we have been working on for the past 3 years, the new interface is completely independent. This has allowed us to approach the builder in an entirely new and modern way, and this should give the Divi community confidence in the theme&#8217;s longevity and our team&#8217;s dedication to Divi&#8217;s continued evolution.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/react-1.jpg\" alt=\"react\" width=\"600\" height=\"499\" class=\"alignnone size-full wp-image-35668\" \/><\/p>\n<p>Last year Matt Mullenweg, the co-founder of WordPress and the CEO of WordPress.com, talked about the future of WordPress and the importance of JavaScript. Later that year the team at WordPress.com released Calypso, a modern WordPress interface built using React and Flux. This allowed them to jump past years of legacy and create a new and modern WordPress interface. We decided to follow their lead and do the same thing with Divi. The visual builder in Divi 3.0 is a completely new application built from the ground up using React and Flux, and this new technology has allowed us to do some really amazing things. We are invested in the future of the web, we are dedicated to the future of Divi, and Divi 3.0 is our way of proving to ourselves and our community that the builder will continue to evolve and change for the better. Today we get to show you the future of Divi. It&#8217;s a huge leap forward and we are just getting started.<\/p>\n<h2>Unbelievably Fast<\/h2>\n<p>The new Divi Builder is fast. Really fast. In fact it&#8217;s probably one of the fastest website builders you have ever used. When you add or change content, the page updates instantly. There is little to no traditional &#8220;loading&#8221; because the building takes place in your browser, not on your server. Say goodbye to page refreshes and ajax loading bars and enjoy instant feedback to every adjustment you make. If you have been deterred from front-end editing in the past by slow and clunky visual builders, then Divi 3.0 is here to change your perspective once and for all. This is the future of WYSIWYG.<\/p>\n<h2>No Strings Attached<\/h2>\n<p>Current Divi users need not be concerned about clicking the upgrade button. Even though we have completely re-designed the builder, the end result on your page will remain unchanged. All modules and settings will work exactly as they have in the past and you can even bounce back and forth between the backend and front end builders at your leisure. Divi 3.0 offers full backwards compatibility.<\/p>\n<h2>Available For Extra Too! Divi Builder Plugin Coming Soon<\/h2>\n<p>Divi isn&#8217;t the only one of our products that takes advantage of the Divi Builder framework. If you are currently using our Extra theme, or if you are using our Divi Builder plugin to enable the Divi Builder on third party themes, then you will be excited to know that the new visual builder is coming your way very soon. In fact, it&#8217;s available for Extra today!<\/p>\n<h2>Extra &#038; Divi Builder Users Rejoice!<\/h2>\n<p>Even though today we celebrate the release of Divi 3.0, users of our Divi theme aren&#8217;t the only ones who should be excited. The Divi Builder framework powers not only Divi, but also our <a href=\"https:\/\/www.elegantthemes.com\/gallery\/extra\/\">Extra theme<\/a> and the <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\">Divi Builder Plugin<\/a>. Both of these products will be updated to include the latest version of the Divi Builder framework and users of these products will be able to take full advantage of the new visual builder. You won&#8217;t have to wait long either. Extra 2.0 is already ready and has been released today along with the new visual builder. Version 2.0 of the Divi Builder plugin, including the visual builder, will be available very soon. We are talking about days away, not months \ud83d\ude42 We are adding an artificial delay to the release of the new Divi Builder plugin to allow for additional testing with various third party themes. Unlike the Divi and Extra themes, where the Divi Builder lives in a controlled environment, the Divi Builder Plugin needs a little extra attention. Don&#8217;t worry, when it&#8217;s ready it&#8217;s going to work like a charm!<\/p>\n<p>It&#8217;s also worth mentioning that the visual builder is backwards compatible and completely interchangeable with the current backend builder. Pages built using new and previous versions of Divi, Extra and the Divi Builder Plugin will all work perfectly when switching between each product, so there is no need to worry about upgrading to Divi 3.0 today! <\/p>\n<div class=\"row-container card featured-heading purple\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"column-container\">\n\t\t\t\t\t<div class=\"column centered accent-green\">\n\t\t\t\t\t\t<h2 class=\"headline-3\">Get 10% Off Today!<\/h2>\n\t\t\t\t\t\t<h2>Today&#039;s The Best Day To Get Divi Or Upgrade Your Account To Lifetime<\/h2>\n\t\t\t\t\t\t<p><span id=\"discount\">Join<\/span> the most enthusiastic and loving WordPress theme community on the web and download Divi today. Using the new Visual Builder, you can build websites faster than ever before with its incredibly fast and intuitive visual interface. You have to see it to believe it!<\/p>\n<p><a href=\"https:\/\/www.elegantthemes.com\/discount\/today\/\" class=\"button inline-button primary-button\" rel=\" \">Join Today For 10% OFF!<\/a><a href=\"https:\/\/www.elegantthemes.com\/members-area\/renew\/?discount=10\" class=\"button inline-button primary-button\" rel=\" \">Renew Your Account Today For 10% OFF!<\/a><a href=\"https:\/\/www.elegantthemes.com\/members-area\/upgrade\/?discount=10\" class=\"button inline-button primary-button\" rel=\" \">Upgrade Your Account Today For 10% OFF!<\/a><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n<style>\n.section-header { position: relative; width: 100%; max-width: 600px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 50px; margin: 100px auto; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #7e3bd0; box-shadow: 0 10px 20px rgba(0,0,0,0.10); }\n.section-header h2 { margin-top: 0 !important; color: #fff; }\n.section-header strong {color:#fff;}\n.final-sections, .final-sections:after { background: #7C41CD !important; }\n.final-divi-section, .final-divi-section:after { background: #7C41CD !important; }\n.upgrade-link {display: block; text-align:center;color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; background-color:#24C1A7; border-radius: 5px; padding: 20px; width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}\n.upgrade-link:hover {text-decoration: none; }\n.clearfix {display: block; content:''; clear: both;}\n.signup-link { max-width: 400px; margin: 15px auto 0 auto; color: #fff; background-color: #97d000; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 20px 0; text-transform: uppercase; font-weight: bold; text-align: center; }\n.signup-link:hover { text-decoration: none; background-color: #8dc200; }\n.signup-link strong { color: #fff; }\n.section-header .extra-demo-link { color: #1C695D; background-color: #00efcb; border-color: #00d5b5; }\n.section-header .extra-demo-link:hover { box-shadow: 0px 5px 0px rgba(45, 60, 74, 0.49); box-shadow: none; margin-top: 20px; margin-bottom: -5px;}\n.small-title { position: relative; color: #fff; font-family: arial, sans-serif !important; text-transform: uppercase; font-size: 18px !important; font-weight: bold; display: block; padding: 18px !important; border-radius: 4px; background: #7e3bd0; text-align: center; margin: 50px 50px !important; }\n.small-title:after, .section-header:after { position: absolute; bottom: -8px; left: 50%; margin-left: -16px; width: 16px; height: 16px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:''; background: #7e3bd0; }\n.section-header-2, .section-header-2:after { background: #2b87da; }\n.section-header-3, .section-header-3:after { background: #29c4a9; }\n.section-header-4, .section-header-4:after { background: #ef5555; }\n.section-header-5, .section-header-5:after { background: #ff9232; }\n.section-header-6, .section-header-6:after { background: #d03b9b; }\n.section-header-7, .section-header-7:after { background: #00b9dc; }\n.popup-youtube { display: block; }\n.youtube-wrap { padding: 0; margin-top: 28px; display: block;}\n.youtube-wrap img { max-width: 600px; margin-left: -40px; margin-bottom: -68px; }\n.play-wrap { display: block; position: relative; margin: 30px auto 70px auto; width: 100%; max-width: 600px; overflow: hidden;border-radius: 4px; box-shadow: 0px 20px 150px #d6dee4; transition: box-shadow .5s ease; }\n.play-wrap:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }\n.play-wrap img { display: block; }\n.play-overlay { transition: all .5s ease; width: 60px; height: 60px; background: #7e3bd0; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; box-shadow: 0 5px 20px rgba(32,44,60,0.40); pointer-events: none; }\n.play-wrap:hover .play-overlay, .section-header:hover .play-overlay { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; background: #a257ff; }\n.play-overlay:after { position: absolute; margin-top: -7px; top: 50%; left: 50%; margin-left: -1px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; content: ''; }\n.play-overlay-orange { background: #ff9232; }\n.play-wrap:hover .play-overlay-orange { background: #ffb471; }\n.play-overlay-green { background: #29c4a9; }\n.play-wrap:hover .play-overlay-green { background: #4aecd0; }\n.play-overlay-red { background: #ef5555; }\n.play-wrap:hover .play-overlay-red { background: #ff8383; }\n#modules div { transition: box-shadow .5s ease; width: 140px; background: #fff; margin: 0 13px 13px 0; color: #454545; font-size: 13px; text-align: center; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04); }\n#modules a { color: #454545 !important; padding: 20px 0; display: block; }\n#modules a:hover { text-decoration: none; }\n#modules img { margin-bottom: 5px; }\n#modules div:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }\n.last { margin-right: 0; }\n#flyin { display: none !important; }\n.divi-join-button { padding: 0 10%; z-index: 9999999; bottom: 5%; left: 0; right: 0; position: fixed; text-align: center; display: none; }\n.divi-join-button a { display: inline-block; background: #7e3bd0; text-decoration: none !important; color: #fff; font-size: 24px; font-weight: bold; padding: 20px 40px; box-shadow: 0 10px 30px rgba(0,0,0,.1); border-radius: 60px; }\n.divi-join-button a:hover { background: #964df1; }\n.mfp-content { margin-top: -100px; }\n.et_monarch .et_social_sidebar_networks { z-index: 99; }\narticle .post-thumbnail:first-of-type{ display: none !important; }\n#et_video_featured { background-color: #e6e3dc; background-image: url('https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/header-2.jpg'); background-size: cover !important; background-position:center !important; height: 420px; position: relative; }\n#et_video_featured .popup-youtube { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }\n#et_video_featured .play-overlay { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; }\n#et_video_featured:hover .play-overlay { width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Six months ago our team decided to go all in on a single idea, to lay our cards on the table and commit to something bigger and better than we had ever built before. We committed to building Divi 3.0. This project wasn&#8217;t about incremental improvements, it was about reinventing Divi, reinventing ourselves, learning a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":36582,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9],"tags":[],"class_list":{"0":"post-34534","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-theme-releases"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast &amp; Easy-To-Use You&#039;ll Think It&#039;s Magic<\/title>\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.elegantthemes.com\/blog\/theme-releases\/divi-3\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast &amp; Easy-To-Use You&#039;ll Think It&#039;s Magic\" \/>\n<meta property=\"og:description\" content=\"Six months ago our team decided to go all in on a single idea, to lay our cards on the table and commit to something bigger and better than we had ever built before. We committed to building Divi 3.0. This project wasn&#8217;t about incremental improvements, it was about reinventing Divi, reinventing ourselves, learning a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/elegantthemes\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-07T15:59:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-16T18:27:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/divi-3-thumbnail.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nick Roach\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elegantthemes\" \/>\n<meta name=\"twitter:site\" content=\"@elegantthemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nick Roach\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3\"},\"author\":{\"name\":\"Nick Roach\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/person\\\/86eb70bad977e181140c9e23b6b05c23\"},\"headline\":\"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast &#038; Easy-To-Use You&#8217;ll Think It&#8217;s Magic\",\"datePublished\":\"2016-09-07T15:59:16+00:00\",\"dateModified\":\"2023-03-16T18:27:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3\"},\"wordCount\":2873,\"commentCount\":1712,\"publisher\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/divi-3-thumbnail.jpg\",\"articleSection\":[\"Theme Releases\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3\",\"name\":\"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast & Easy-To-Use You'll Think It's Magic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/divi-3-thumbnail.jpg\",\"datePublished\":\"2016-09-07T15:59:16+00:00\",\"dateModified\":\"2023-03-16T18:27:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/divi-3-thumbnail.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/divi-3-thumbnail.jpg\",\"width\":800,\"height\":420},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/theme-releases\\\/divi-3#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Theme Releases\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/category\\\/theme-releases\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast &#038; Easy-To-Use You&#8217;ll Think It&#8217;s Magic\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/\",\"name\":\"Elegant Themes Blog\",\"description\":\"Best WordPress &amp; Divi Resources\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#organization\",\"name\":\"Elegant Themes\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo.png\",\"width\":997,\"height\":461,\"caption\":\"Elegant Themes\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/www.facebook.com\\\/elegantthemes\",\"https:\\\/\\\/x.com\\\/elegantthemes\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/elegantthemes\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/elegantthemes\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/#\\\/schema\\\/person\\\/86eb70bad977e181140c9e23b6b05c23\",\"name\":\"Nick Roach\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&r=g\",\"caption\":\"Nick Roach\"},\"description\":\"I am the founder and CEO here at Elegant Themes. When I'm not hard at work on new themes, I enjoy writing an article or two on our blog!\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast & Easy-To-Use You'll Think It's Magic","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.elegantthemes.com\/blog\/theme-releases\/divi-3","og_locale":"en_US","og_type":"article","og_title":"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast & Easy-To-Use You'll Think It's Magic","og_description":"Six months ago our team decided to go all in on a single idea, to lay our cards on the table and commit to something bigger and better than we had ever built before. We committed to building Divi 3.0. This project wasn&#8217;t about incremental improvements, it was about reinventing Divi, reinventing ourselves, learning a [&hellip;]","og_url":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3","og_site_name":"Elegant Themes Blog","article_publisher":"http:\/\/www.facebook.com\/elegantthemes","article_published_time":"2016-09-07T15:59:16+00:00","article_modified_time":"2023-03-16T18:27:13+00:00","og_image":[{"width":800,"height":420,"url":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/divi-3-thumbnail.jpg","type":"image\/jpeg"}],"author":"Nick Roach","twitter_card":"summary_large_image","twitter_creator":"@elegantthemes","twitter_site":"@elegantthemes","twitter_misc":{"Written by":"Nick Roach","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#article","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3"},"author":{"name":"Nick Roach","@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/person\/86eb70bad977e181140c9e23b6b05c23"},"headline":"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast &#038; Easy-To-Use You&#8217;ll Think It&#8217;s Magic","datePublished":"2016-09-07T15:59:16+00:00","dateModified":"2023-03-16T18:27:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3"},"wordCount":2873,"commentCount":1712,"publisher":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/divi-3-thumbnail.jpg","articleSection":["Theme Releases"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3","url":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3","name":"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast & Easy-To-Use You'll Think It's Magic","isPartOf":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#primaryimage"},"image":{"@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#primaryimage"},"thumbnailUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/divi-3-thumbnail.jpg","datePublished":"2016-09-07T15:59:16+00:00","dateModified":"2023-03-16T18:27:13+00:00","breadcrumb":{"@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#primaryimage","url":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/divi-3-thumbnail.jpg","contentUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/09\/divi-3-thumbnail.jpg","width":800,"height":420},{"@type":"BreadcrumbList","@id":"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-3#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.elegantthemes.com\/blog"},{"@type":"ListItem","position":2,"name":"Theme Releases","item":"https:\/\/www.elegantthemes.com\/blog\/category\/theme-releases"},{"@type":"ListItem","position":3,"name":"Divi 3.0 Has Arrived! Introducing The Visual Page Builder So Ridiculously Fast &#038; Easy-To-Use You&#8217;ll Think It&#8217;s Magic"}]},{"@type":"WebSite","@id":"https:\/\/www.elegantthemes.com\/blog\/#website","url":"https:\/\/www.elegantthemes.com\/blog\/","name":"Elegant Themes Blog","description":"Best WordPress &amp; Divi Resources","publisher":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.elegantthemes.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.elegantthemes.com\/blog\/#organization","name":"Elegant Themes","url":"https:\/\/www.elegantthemes.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2022\/09\/logo.png","contentUrl":"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2022\/09\/logo.png","width":997,"height":461,"caption":"Elegant Themes"},"image":{"@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/elegantthemes","https:\/\/x.com\/elegantthemes","https:\/\/www.youtube.com\/c\/elegantthemes","https:\/\/www.linkedin.com\/company\/elegantthemes\/"]},{"@type":"Person","@id":"https:\/\/www.elegantthemes.com\/blog\/#\/schema\/person\/86eb70bad977e181140c9e23b6b05c23","name":"Nick Roach","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&r=g","caption":"Nick Roach"},"description":"I am the founder and CEO here at Elegant Themes. When I'm not hard at work on new themes, I enjoy writing an article or two on our blog!","url":"https:\/\/www.elegantthemes.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts\/34534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/comments?post=34534"}],"version-history":[{"count":15,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts\/34534\/revisions"}],"predecessor-version":[{"id":222469,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/posts\/34534\/revisions\/222469"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/media\/36582"}],"wp:attachment":[{"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/media?parent=34534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/categories?post=34534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elegantthemes.com\/blog\/wp-json\/wp\/v2\/tags?post=34534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}