7 Best CodeCanyon Plugins for Turning your WordPress Website into a Powerhouse

If you have spent much time at all working with WordPress, you’re probably familiar with CodeCanyon. Created by Envato Studio, also the creator of ThemeForest and many other successful marketplaces for online design and development projects, CodeCanyon is a great place to find WordPress plugins. Everything listed on the website is unique, as developers must provide exclusive rights and agree not to sell their plugins off-site. That means many of these plugins are unseen and unheard of. Below, you’ll find some of the top plugins for turning your WordPress website into a complete powerhouse.

Visual Composer (and its many addons)

 

Download Visual Composer

 

Visual Composer is a powerhouse of a drag and drop page builder. Forget working with HTML or using the simplistic features of the WordPress WYSIWYG editor. Visual Composer has over 45+ premium content elements that can be integrated into a WordPress page or post in seconds. There’s also 60+ predefined layouts that can be used at the click of a button. As an SEO friendly and responsive plugin, it has all the features you’d expect in a premium page builder. Using Visual Composer you can create highly attractive websites in a fraction of the time it would normally take. It makes it easy to add complex design options to a page and the template system allows you to save and reuse templates for faster page design. There are also several addons available, allowing you to extend its features and use Visual Composer in a wide variety of ways.

EventOn for Event Scheduling

 

Download EventOn

 

Need event scheduling features that can be integrated with Google Maps? EventOn has advanced features but a minimal design, making this one of the best event scheduling plugins for WordPress. It’s the perfect event calendar for businesses that hold multiple events per month or showcase events for other businesses. Easily set the time and date for an event and generate a shortcode to display scheduling options on your website with ease.

Ninja Popups

 

Download Ninja Popups

 

Capitalizing on traffic that doesn’t convert to sales is very important to lead generation. Without popups, there’s very little way to capture the attention of your audience. Ninja Popups provides a way to subtly alert your visitors of an opt-in opportunity. Ask for their name an email and entice them to join your email list by providing a free offer or giveaway. Ninja Popups makes it really easy to generate leads and 40 popup themes, 8 opt-in panels and over 70 animated effects, it’s a powerhouse of a lead generation plugin. You can also use Ninja Popups for providing discounts, coupons and other special offers that will make users more likely to make a purchase.

Easy Social Share Buttons

 

Download Easy Social Share Buttons

 

When your WordPress theme is lacking basic social sharing buttons, don’t fear, Easy Social Share Buttons is here. Supporting over 35 social networks including Facebook, Google +, LinkedIn, Twitter, Pinterest and more, it has over 22 built-in templates for showcasing your social sharing options professionally. It makes it easy to integrate social sharing into your pages and posts. It also provides social metrics like click logging and analytics for tracking your results. Easy Social Share Buttons is also integrated into Visual Composer.

Ultimate Membership Pro

 

Download Ultimate Membership Pro

 

Membership plugins are often expensive and only available through a month-to-month subscription. Ultimate Membership Pro is highly affordable and has all the features you’d expect in a membership tool such as multi-level support, unlimited users, content locking ability and support with all the major payment gateways. It even supports advanced features like free trials, drip content protection, restricted pages and more. If you plan to run a membership site, consider this plugin before expensive alternatives.

WooCommerce Extra Product Options

 

Download WooCommerce Extra Product Options

 

If you use WooCommerce then you know one of the major downfalls is the high costs of its extensions. Fortunately, the community has responded and CodeCanyon features many WooCommerce plugins at a fraction of the price. WooCommerce Extra Product Options is particularly appealing as it provides the ability to create extra price fields globally or on a per-product basis. It supports conditional logic, has a form builder, supports styled variations and has validation features. It’s an advanced tool for optimizing your checkout process.

UserPro – User Profiles with Social Login

 

Download UserPro

 

BuddyPress was supposed to be a user profiles plugin to rule them all. However, UserPro has many of the same features without the clunkyness. With the UserPro plugin you can create beautiful frontend profiles with social login capability. It allows for unlimited custom fields, the ability to manually approve users, it has a member directory with user badges and it supports content restriction. For a basic social community or enhancing a bbPress forum, UserPro is a great plugin to have.

WordPress has many free plugins available at the WordPress Plugin Directory but these extensions can only get you so far. CodeCanyon’s library of advanced plugins has many hidden gems that can work excellently for enhancing your website.

10 Best Web Design Concepts for Digital Users

If you’ve scrolled through apps, searched menus or swapped out colors on animated items before sending them to your shopping cart, then you’ve interacted with some of the ten best web design concepts experienced by early 21st century digital users. Here they are, in list form for your convenience:

1. Empty State

emptystate

This design concept has increased in importance and innovation. Most designers know that an app, or a site, should never dead-end. Users must be redirected or educated in an entertaining manner to either return to the main page or to learn how to utilize the app. Whether the empty state contains an image and a directive, or an explanation and an option, users must feel engaged and not abandoned.

For inspiration on designing your own empty space, emptystat.es is a great source.

2. Interactive

Folks over at The Next Web noted that interactive sites would see a rise in popularity throughout 2015. Their definition of interaction involved storytelling and narrative devices coupled with user interaction and graphics.

See Seattle’s Space Needle site for an example of merging a graphic journey with an informative story.

3. Minimalism

Also mentioned by The Next Web is the rise of minimalism.  Minimalist design has the practical function of speed but also a riveting aesthetic function. Click here for an example.

The site is spacious and incredibly functional. Users know exactly what they need from the site or app and exactly how to fulfill their needs. For a large portion of users, ease and accessibility are high priority.

4. Parallax Scrolling

parallax_scroll_2013_cover

Users are becoming more sophisticated and their expectations are increasing. Parallax scrolling is familiar for anyone who has ever gamed. Incorporating this three-dimensional design into retail sites has become a way to capture user attention.

However, The Boat best showcases how dramatic this design can be for both sophisticated and non-sophisticated users.

5. Long Page

The Boat site also features single page long scrolling, another design trend that was in use throughout the past year. Technology has finally caught up with user preferences and mobile devices have become highly scrollable. This limits the need for short pages with lots of links.

Bounty Beverage proves how exciting a long scroll can be.

6. Customized Photography

High quality photos incorporated into the overall site design is a way to personalize the experience and connect with users. One site that received attention from Hubspot is Four Rivers Smokehouse. Warning: This will make you very hungry. Unless you are vegan, in which case maybe you shouldn’t look.

7. Animation

As you can see from several of the sites above, animation is also an essential design element. Why have a static customized photo when you can animate it?

This trend is everywhere, from the most utilitarian sites, like Paypal, to far more exciting web pages like this.

National Geographic’s Eat: The Story of Food won the 2015 Webby for web site animation and graphics. Not only does the site feature animation but it is also features a long-scrolling, narrative/journey based web design.

8. Responsive

When a website is interactive it invites the user to engage with it. When a website is responsive, the site responds to the user’s needs. This is most often seen in ecommerce and retail sites. A user/customer visits the site with a goal in mind. They want to purchase an item and need to quickly find the tools they need to make the purchase with as little frustration as possible.

Responsive design responds to the device the user is holding and optimizes that user’s experience. Menus fold out from margins making mobile purchases easy. Accordian menus cascade options for the user with limited screen space. These same design features are found on desktops. However, sometimes it can become a bit over done. Here’s an example.

9. Best of Everything Design

The site listed above combined pretty much everything: fold-out menus, animation, interaction, story-telling but it was missing minimalism.

More and more frequently designers are showing off all of their skills but this kind of overkill deadens the user experience. An example of minimal, nuanced design goes to Dropbox. If only those sketches had a bit of movement.

10. AMP HTML

Google’s latest open-source initiative is AMP HTML, a language used to create fast-responding mobile web pages. By eliminating bloat, AMP HTML provides mobile users with quick downloads and aims to include users with limited internet access.

Pinterest has begun employing AMP HTML and TechCrunch reports that the New York Times and other established sites will follow suit.

5 WordPress Plugins that Secure Your Website and Business Data

Did you know that 43% of companies have experienced some sort of data breach within the last year? This figure only includes companies that were aware of the breach and the number of unknown data breaches may take that number much higher. With so many companies turning to the cloud for storage, you can bet that data theft will only become an increasingly difficult problem for businesses around the world.

For businesses that use WordPress as their content management system for their website, data security is a very important consideration as well. Because WordPress is the largest content management platform in the world, that makes it the target of hackers and other data thieves. Luckily, there are some simple steps that you can take to secure your WordPress installation, through the use of simple to install plugins. There are some really high quality security plugins that can secure your website and greatly reduce the chances that it is a target for data theft.

1. WordFence – Comprehensive WordPress Security

WordFence is the go-to security software for WordPress, providing a range of different security features that allow you to lock down your WordPress installation and keep it safe from hackers and data thieves. The plugin features real-time blocking mechanisms to block known attackers and malicious networks while adding additional security features like brute force security and real-time monitoring. WordFence is easy to use and is known as the most comprehensive solution for small businesses that use WordPress as their content management solution.

2. BulletProof Security – WordPress Security Plugin

BulletProof Security is a popular WordPress security plugin with many features that overlap the features that are offered by WordFence. BulletProof allows you to limit login attempts that fail and block code scanners and fake traffic. BulletProof Security continually monitors your WordPress installation for changes within the code and other malicious changes that can occur.

3. BruteProtect – Brute Force Protection for WordPress

One of the most common forms of attacks on WordPress installation is what is known as a Brute Force Attack. These attacks essentially bombard your WordPress installation with login attempts into your admin account. They try one password at a time, thousands or millions of times until they are able to break into your account. Brute Protect is an excellent option for eliminating this thread. It currently is used on more than 200,000 WordPress installations and has blocked more than 270,000,000 attacks in total. BruteProtect is absolutely the best solution for reducing and eliminating the threat of Brute Force Attacks on your website.

4. Google Authenticator – 2-Step Authentication Security for WordPress

Google Authenticator isn’t an excellent security addition for any WordPress installation. This simple addition adds a 2-step authentication process when logging into your website. You enter your login details, then receive an additional secure password through email, adding an extra step to the login process and keeping your account safe.

5. Simple Security Firewall – WordPress Security Firewall

 

Simple Security Firewall is an excellent addition to any WordPress installation. It is known for being very easy to set up and use. With no premium version available, all features are available through the free version of the app. Its features include the blocking of malicious URLs, blocking spam comments, preventing brute force attacks, two-factor authentication and monitoring user activity. This is a simple and well-rounded plugin for companies that are seriously concerned about the security of their WordPress installation but want something that will be easy to understand and use.

WordPress is the most popular content management system in the market today. Unfortunately, that makes it one of the most targeted systems for malicious activities. It is important that you are able to take some initial steps to protect your website and business data from would-be hackers that could pose a risk to your business.

19 of the Most Eye Catching Brochure Mockups You’ll Want to Use in 2016

Brochures are a phenomenal marketing tool – not only are they a standard in print materials for nearly every concierge and assistant’s desk, but anytime your company is present at a festival, conference, or workshop, a brochure is the second most important piece of paper after a business card.

Mockups, regardless of the end product, are the best way for you to connect with your client and say, “Here’s what you wanted, and here’s how I made it happen.” A mockup not only lets you easily and efficiently plug your designs and vision into something smooth and beautiful, but it lets your client easily connect with what you’re trying to do.

Here are 19 brochure mockups you won’t want to miss trying out!

1. Three Page Brochure

A great option for designers who clients are looking to put out more than just a tidbit of information. Large booklet-style brochures let you really expand on designs and information, allowing you to show off all of what your client needs. This mockup offers a great balance of white space and design real-estate, letting you showcase both the client’s information and also their more visually interesting attributes.

2. A4 Brochure / Magazine Mockup

Another great large-format brochure, this time with A4 dimensions. This mockup includes a number of smart objects, shadows, and easily moved items so you can truly customize the mockup you’re presenting your client with. An extra background texture adds even more customization to this mockup, making it a great option for those looking for a diverse mockup package.

3. Green Brochure Template with Circles

A bright and contemporary mockup that follows the more traditional 3-panel layout of a brochure, this mockup is a great option for those who are looking to bring a little life to their marketing media.

4. Tri-Fold Brochure Mockup

A gorgeously simple mockup that leaves a lot of room for a design that speaks for itself. This layout is nice and straightforward, a flat and minimal design that won’t overpower the art you add to it. A great option for designers looking for something that will complement and work with their own work, not against it.

5. Bi-Fold Brochure Mockup

Want the traditional tri-fold but are still looking to stand out a bit? A bifold is a great way to go. This mockup is bright and enticing, offering a stylish layout that leaves room for additional work that will wow any client in any industry. Offering an entire back panel to contact and social media information, you’re also sure to show your client that you want them to be the focus of the brochure, and nothing else.

6. A4/A5 Tri-Fold Mockup

Another option that stands out from the crowd. This oversized tri-fold will work wonders in wowing your clients and laying out the work you’ve put into their design initiatives. Offering an attractive and straightforward layout, this mockup gives you lots of wiggle room to create a design that will give your clients an easy time envisioning their final product.

7. A4 Brochure Mockups Vol. 1

This mockup is a beautiful choice for those who want to highlight function over form. If your client isn’t as focused on bright colors, flashy designs, and snappy logos, then seriously consider using a mockup that will highlight the text your client wants to put forward. There’s still room for the important visual aids and beautiful graphic design work, but with this mockup, the typography comes first.

8. Infographic Brochure Template

Infographics are a great way to transfer large amounts of statistical data in easy-to-digest methods. Using those tools in the form of a brochure is even better – clients get to easily put their knowledge and background into the hands of their own customers, all in a neat package. This mockup gives you the ability to easily weave together multiple graphic and statistic choices, making an eye-catching brochure that won’t disappoint.

9. Tri-Fold Brochure

A gorgeous layout that combines popping colors with elegant layouts, this mockup is a simple and easy one to put together for any client. A great option for those looking for something they can quickly and efficiently put together, this classic tri-fold takes the brochure world up a notch by incorporating sharp design elements and stellar color choices.

10. Brochure Mockup with Cover and Back Cover

Looking for a more comprehensive brochure mockup that allows for lots of text, but also plenty of filler space for images? Look no further than this mashup of a magazine and brochure. The stunning edge-to-edge layout reads like a magazine but lets clients present information like a brochure, allowing for a professional and visually stunning presentation of their information.

11. Bi-Fold Mockup Template Vol. 6

Another venture into the world of Bi-Folds, this mockup is heavy on the fine details. Leaving lots of room for all your client’s custom content, this mockup doesn’t skimp on making sure every inch of page space looks great.

12. A4 Bi-Fold Brochure Mock-up V1.0

A clean cut and contemporary layout that’s the perfect example of “less is more.” This mockup provides designers with plenty of room to implement their clients needs, all without cluttering the virtual page. Clients who are looking for something simple and not “overdone” will like the minimal feel of this mockup; designers will love the clean and simple lines it provides in maintaining an elegant overall look.

13. Tri-Fold Brochure

A visually complex and bright brochure that works well to liven up any client’s most basic company information. This mockup offers the classic tri-fold design, with more contemporary design choices added on top – geometric layers, brilliant blues and purples, and sharp clean white text. If your client is looking for simple modernity that will wow a crowd, this is the choice.

14. Creative Tri-Fold Brochure Template

This mockup offers a great balance between design elements, textual information, and photo opportunities. Designers can easily implement their own work to the available space, and clients will have plenty of room to showcase the important information they need to share with their customers. Designers can easily manipulate the text layers and design shapes to create a fully-customizable mockup experience, making this a powerful tool in any designers arsenal.

15. Flyer Mockup Templates

Looking for a mockup that gives you a completely blank canvas? This is the option for you. Giving designers a choice of five different views of a tri-fold brochure, this completely blank mockup lets you implement whatever design elements you have on deck. Based on an A4 design, the mockup can be easily manipulated to fit any layout scheme, making it a wonderfully versatile mockup to have.

16. Professional PSD Mockup of Two Bi-Fold Flyers

A great method of showing off designs, this stack of brochures shows how your designs will look in the real world. Offering one mockup closed with the other open gives your client a more tangible feel for their overall design in a wholly intangible format.

17. Z Fold Brochure

This Z-fold (or tri-fold) is another great example of not allowing a classic piece of marketing material be boring. Smart layers give you a stellar amount of control as the designer, while changing the mockups colors is an overall breeze. You can easily make this mockup a piece for any client you’re working with, and stun them all.

18. Tri-Fold Brochure Template

A tri-fold to end all tri-folds. Equipped with gorgeous design elements that catch the eye and lay out vital information in a clear and visually stunning way, this mockup is a contemporary take on the classic brochure. Offering nicely expanded views as well as dramatic close-ups, you can offer your client a fully immersed view of exactly what their final product will look like.

19. Fold Brochure Mockup

Offering designers 4 pages and 8 sides of prime mockup real estate, this brochure mockup is an eye-catching layout of digital mockups. Giving clients a plethora of views, you’ll have the ability to present all your design objectives in a clean and comprehensive space that won’t limit your over-all vision.

Regardless of the mockup choice you make, you can rest assured knowing that your client will enjoy seeing a digitized “real life” version of the high-quality final rendering of the designs you’re giving them.

Find more irreplacable components for your design toolkit at our website.

jQuery Date Time Pickers: 31 Options for You to Try

When you hear the words, ‘DateTime Pickers,’ what’s the first thought that comes to mind? Did you imagine someone pulling their hair out? If so, you are not alone.

DateTime Pickers are positioning tools used to help ensure the accuracy of the data on web forms. Sounds good in theory right? But, the truth is, many of the DateTime Pickers available are quite tedious and some are just plain old counterintuitive.

And with so many options to choose from, how can you know which one is best for your needs? Never fear, we’ve compiled a list of 31 of the best, free jQuery DateTime picker plug-in available to help you narrow down your options.

1. jQuery UI Datepicker

This is jQuery’s default Datepicker and it is tied to a standard form input field. Plus, it comes with a variety of options that include icon trigger, formatting date, and min and max date settings.

2. gIDatePicker

Dark Neon

This customizable and lightweight date-picker is only 7kb when compressed. It gives users the choice to style date range, special dates, current date, and more.

3. jQuery UI Bootstrap DatePicker Theme

This lightweight jQuery UI bootstrap theme is relatively easy to use. Simply add the theme CSS to change your date-picker style and you’re done.

4. DateBox

This jQuery Mobile plug-in supports a variety of different styles, like slide style, Flip style, Full Calendar display, and Android style. Plus, not only is it fully localized, it supports over 40 languages as well.

5. Clockface

Using Twitter Bootstrap? This clock-style time picker can be attached to any component like div, button, or input. It also comes with built-in support for events, methods, and options.

6. JalaliJSCalendar

One of the unique aspects of this date-picker and calendar widget is that it supports the Persian calendar. It also supports all the major browsers and is released under GPL stipulated terms.

7. DateTimePicker by Curious Solutions

This plug-in was created works excellently on both mobile devices and PCs. Plus, it has a flat UI and gives users the ability to change values by editing the textbox directly or by using the + or – keys.

8. Any Time

This easy to use date-picker gives you the ability to format both the date and time in any way that you choose. It was designed with speed in mind and supports both the 24-hour and 12-hour clock.

9. BeatPicker

This simple, but powerful, date-picker requires jQuery 1.8+for optimal operation. It can be customized with several options and detailed documentation is available as well.

10. Mobi Pick

This Android-style date-picker widget uses the XDate date library and was designed for use with jQuery mobile. Plus, it uses Modernizr to allow progressive enhancement of date input fields.

11. Clockpicker

This clock-style date picker supports all the major browsers. It works great on both desktop PCs and mobile devices and provides you with 15 options to customize the plug-in.

12. Calendar Picker

This lightweight calendar has built-in internationalization as well as the ability to use the Next and Previous arrows for easier navigation. Plus, it lets you change the current date.

13. Minical

This lightweight plug-in consists of a mere 300 lines of coffee-script but features over 10 customizable options and 3 API methods. It also comes with full keyboard support.

14. Timeframe

Marketed as a better calendar, this plug-in is not only draggable; it lets users select a date range as well. Plus, when you set the corresponding option, multiple months can be shown at a time.

15. Rome

Although this plug-in doesn’t need jQuery, it’s still worthy of your consideration. It supports both time and date picking and lets you select the start day in the calendar.

16. Pickadate

jQuery 1.7+ is required to run this lightweight and mobile-friendly date time picker. It is available in over 40 languages and has a number of features, like month/year selectors, that come in quite handy.

17. Timepicki

There are a ton of Datepickers on the market, but time-pickers are a little harder to find. Timepicki is a lightweight time selecting plug-in that also allows you to set a time limit for your project.

18. PickMeUP

This simple date-picker plug-in can also be used as a calendar. It also gives you the option to select a specific date range or a special event.

19. Zebra Datepicker

Made by Stefan Gabos, this compact date-picker comes with two themes and can be easily customized with CSS. Plus, its user interface makes picking select months and years quick and simple.

20. ptTimeSelect

This plug-in needs both jQuery and dimmention.js to function and is purely for selecting the time. It is also highly customizable and comes with 10 options for you to choose from.

21. Zebra Datepicker

Not to be confused with the date-picker from #19, this plug-in is made by Stefan Petre and gives you the ability to place several calendars on one page. Plus, CSS makes it easy to customize the style and it is great for responsive designs.

22. jdPicker

When in its default state, this plug-in works like a simple date picker. But, it features many customizable options that enable you to perform more advanced functions.

23. jQuery Date Picker

This unobtrusive jQuery plug-in was designed to be extensible and flexible. It gives users the ability to easily add date picking functionally to their pages and web-forms. Plus, it can be used in a multitude of ways to can add calendar widgets to your website.

24. Responsive Calendar

This fully responsive calendar lets you add or remove events relatively easily. It uses CSS3 with backward compatibility and HTML5, but it is not free for commercial use.

25. Bootstrap DatePicker

This bootstrap styled date-picker has 2 dependencies, jQuery, and bootstrap. The picker can be activated by either calling plug-in API function or using data attributes.

26. Calendar

Like Rome, Calendar isn’t a jQuery plug-in, but it’s still worth a gander. It was created with validation, usability, and accessibility in mind and will add an unobtrusive date-picker to your form elements

27. jQuery DatePicker

This MIT licensed plug-in gives you the option to display the calendar box as an inline or pop-up. It also features an option for selecting either a date range or individual dates.

28. Tigra Calendar

This JavaScript calendar tool helps improve the user experience and is perfect for beginners with no programming knowledge. CSS makes it easy to customize and style, plus it works great in mobile devices as well.

29. Pikaday

Unlike the other choices on this list, Pikaday is a pure JavaScript date-picker and has no dependencies. This lightweight tool provides easy styling options because it was designed with modular CSS classes and is little more than 4kb when minimized and zipped.

30. DateRangePicker

By default, this plug-in displays two calendars for users to select the proper date range. It features several events, functions, and options that you can customize and is dependent on jQuery, Moment.js, and bootstrap.

31. Foundation Datepicker

This feature-light date-picker supports different date formats, like combinations of D, M, DD, MM, and YYY. It also has built-in methods to place, show, and hide the picker.

There are literally thousands of date-pickers to pick from on the internet, but they aren’t all created equal. Using the above list will help you narrow down your options so you can choose the best option for your needs.