Issue #245 (DragDropr Review, Testing, Git/CLI, React)03/29/18
The following intro is a sponsored product review for DragDropr, a multi-featured universal website builder that can fit into any CMS.
As a developer, you might fall into one of two categories: An experienced coder who knows how to write HTML, CSS, JavaScript and maybe a back-end language. Or you might be a designer or less experienced coder who isn't that comfortable with hand coding. In either case, I think you'll love the product I'm reviewing this week. It's called DragDropr.
DragDropr is a page building app that doesn't require any coding knowledge. It's described as a WYSIWYRG ("What You See Is What You REALLY Get") app and it's universal; it can integrate into any Content Management System.
If you're a non-coder, then the advantage is obvious. But even if you know how to code, the app allows you to build attractive landing pages, marketing pages, and microsites quickly and easily using a super-fast and easy to use drag-and-drop UI.
DragDropr's UI is easy to use and fast
After testing the app myself, there are so many things I like about this tool. To name a few features:
- Live responsive testing for different device sizes with just a few clicks.
- Pre-built widgets (e.g. video, image, content slider) and content blocks (which are basically widget-combos of pre-built page structures).
- Ability to add submittable HTML5 forms with any variation of form elements (radio buttons, select boxes, phone fields, etc.). All form submissions are stored as part of the tool's service.
Once you have blocks of content in place, it's trivial to edit each block. You can change backgrounds, borders, font size, line height, spacing – all with a few clicks and no code.
DragDropr allows you to change styles for any selected widget
One of my favourite features is the ability to show or hide elements for responsive layouts. For example, if you want to hide a large image component on smaller devices – no problem. Just select the device size, choose the "Responsive" option for the element you want to hide on that device, then choose "Hide widget on this device". When you subsequently preview the page on different screen sizes, the media queries will kick in as specified.
DragDropr's responsive features
DragDropr offers integration with Shopify, WordPress, Magento, and Lightspeed. There's also a Chrome extension available.
To sum up, I was really surprised at how nicely the UI works and how easy it was to figure out. DragDropr has just about everything you'll need in an online site builder and is a great option for developers looking to create tons of content quickly with no coding.
Try DragDropr today as part of a 14-day trial. Web Tools Weekly readers are able to get a lifetime 25% off discount by using the coupon code WTW2018 until April 15, 2018. And if you have any questions about any of the features, you'll get a prompt response from staff online or via email.
Now on to this week's tools!
