Whilst I love the internet and may have created a website or two of my own, I can’t design a webpage to look as I know it should. My coding skill isn’t at par with my imagination. Sound familiar? And then page builders were introduced and I breathed a sigh of relief!
We’ve talked about page builder WordPress plugins many times before, because there are just so many great options available. Well Designmodo recently released their own page builder for us to add to that list – Qards. Here is a small taste of Qards can do for you.
What Can Qards Be Used For ?
Qards is a great WordPress plugin with which you could build awesome webpages and perhaps even a website, page by page. You can use this drag & drop page builder to create beautiful, elegant and responsive web pages without any limitations.
Using Qards is very much like playing lego with a stack of cards, you fit them together and make the pieces fit. The plugin makes this process a delight and extremely easy.
The pages you create have none of the characteristics of your theme or your other pages, you start with a blank screen and go on from there. With Qards you can edit each and every tiny detail on newly created webpage, all without touching a line of code.
It means you can create pretty much any webpage suited to any purpose, I could create a shopping page or a webpage for a personal blog with a minimal design or a landing page with a grid style layout for photography website. Qards is advertised as a plugin that works with any WordPress theme and in all likelihood should do so. So no matter what type of site or theme you run, this plugin should come in handy if you ever need to build an awesome webpage.
And if you are a design expert and know your way around, you could add your code as well. But we’ll get to that later.
A simple add New Page window is available on the Qards WordPress dasboard, the magic starts here. You can add and save as many pages as you want from here. Once you create a new page, you are greeted by this screen.
And you have a number of options available, namely:
The user interface is very intuitive and easy to use. Anyone who’s ever used a drag and drop builder before will find using this plugin a breeze.
So after you create a new page, you can add the cards or content blocks which can be any one of the 8 aforementioned elements. Once you add a single block, the sidebar disappears and you can look at the would be webpage without any distractions. Now once again you can click on the plus icon at the bottom of your screen and add further content blocks.They appear one after the other. The entire process is very fluid and smooth.
Now I’ve added three random content blocks, here is what it looks like.
Fine-tuning Your Custom Blocks
You can use Qards to add new images, videos, change the position of the text on your webpage, choose between showing/not showing your header, hero and buttons. The colors can be modified and the content blocks can be moved up and down through the different levels. From this interface you can duplicate the content block and also customize the CSS. You can also add full screen videos from YouTube to your background. The screenshot below is serves an example for what changes can be incorporated into the content blocks once they are added.
A grid content block is always handy for any website that necessitates the display of portfolio. A example would be a stock broker displaying a portfolio of his/her best trades. The grid options make it possible to easily add new tiles, decide which elements of each tile are displayed, choose the layouts, use a seamless grid and also select the number of columns in the grid.
Any formatting changes like font or color to the text in a single tile is replicated in all tiles of the grid courtesy of Items Style Sync.
Feature is an element that can be used to draw attention to any single specific aspect of a webpage. You could use it to make your best selling book or product into the limelight. The image position & size can be altered and the background colors modified.
Images added to content blocks can be easily modified and a great deal of editing can be done. Position of image, the colors, embedded links and padding can be edited with Qards.
The inline text editor makes it easy for any text customization and formatting work. You can set the heading tags, make bold, italicize, add links and change font as easily as you would do with a Word document. This means that you’ll know how your website appears as and when you type new text or modify old text.
Similarly you add a menu, a footer, a header and a subscribe bar with the content blocks available by default on Qards. You could create a sticky menu, if that might suit the webpage you intend to create. All done with a few clicks of the mouse and the editing part is very intuitive as with the previous content blocks.
All of the content blocks can be removed, shuffled up and down the webpage and duplicated. And you can also modify the CSS if you’re confident you can make your webpage looks even better with a personal touch.
Edit HTML & CSS
For WordPress experts and the curious ones who’d really like to make the most of this plugin and have a bit of design skill, you can tinker a bit with the code and get the webpage’s appearance to exactly what you need. You can access the custom CSS option and change the CSS & HTML for all content blocks to your liking. Then you can update your preview and choose to keep the changes or not.
In addition, you can access appearance settings from your WordPress admin dashboard and modify the CSS elements of your webpages and also the global CSS settings of your page layouts.
If you’re using CSS Hero, it works very well in tandem with Qards. You can read up more about that here .
Feeling Doubtful ?
Watch this video and you’ll get a feel of how easy this plugin is to use.
Qards And WooCommerce
While you could theoretically create a great number of webpages for your website with Qards, this plugin best serves you when you use it to create one or a few pages as part of your overall website. For example, a one page website or a best selling product page or a portfolio page, etc. Here’s how you can use the power of Qards with WooCommerce and sell better. This video will show you just how easily you can leverage Qards to sell better!
Why I Like Qards?
I can create an awesome webpage from scratch without having to touch a line of code. Easy to access and modify CSS. The plugin is simple and intuitive to use, even a WordPress newbie shouldn’t find it too difficult to use this plugin.
Qards can be used to create excellent one page websites and I can save each one of those pages. Every time you change your mind, the elements on the pages can be modified and used for entirely new purposes and reordering the content blocks comes in handy.
This drag & drop page builder is ideal to create specific pages for any website. You could use it to present your product and woo customers or investors by displaying your portfolio of work. The builder becomes particularly useful when you need to create specific webpages for very specific purposes.
A ton of choices for me to use and customize my webpages and all of which aren’t complicated to use. Once you get that hang of it, using the plugin comes naturally.
The inline text editor again very useful in predicting the appearance of the webpage as and when I modify text. Same goes for editing code, I can view the preview and choose to keep or get rid off the changes, I don’t have to worry about making a mess of things.
It can save me a great deal of time and effort, that I would otherwise had to have put in creating webpages every time I have a project that requires a special webpage. Qards can save any designer or coder hours and hours of work that can be spent productively creating something else.
One drawback I did find though, it would be nice if I could add images from current media, my WordPress gallery.
Qards is priced at a one-time fee of $99 and you’ll get to use it with one website. At $199, you can use it for 5 websites. Given the time you are likely to save with Qards, it is probably worth the money.
Qards is an awesome, intuitive plugin to drag, drop and build beautiful webpages. In any case if you aren’t satisfied with Qards you can always ask for your money back, Design Modo provides a very generous money back guarantee period of 20 days.
So – have any of you tried Qards? What were your thoughts on the plugin? We’d love to hear from you!