Tuesday, June 21, 2016

Addon Creator for Visual Composer Review: Ruler of All Add-ons?

We’ve all listened about Visual Composer, right? No? Neither have I. Just kidding. To be fair, I’ve never used Visual Composer on a personal project. However, within 5 mins of tinkering with a plugin, we became a fan! For those of we who haven’t listened of this plugin – you’re in for a treat. Visual Composer is a world’s many renouned drag-and-drop page builder plugin designed for WordPress.


vc hero


Designed by WP Bakery, this plugin can be found bundled in roughly any renouned thesis in Themeforest. It lets we build overwhelming pages – accurately in a blueprint we want.


  • Don’t wish to uncover a sold component such as a CTA in mobile view? Done.

  • Want to supplement a cake draft or a partial of Google Maps right in a center of a post? Sure.

  • 1 column? 2? 12 columns to supplement opposite elements in any row? No problem, VC’s got we covered.

The list could go on for a while; so because don’t we customarily uncover we what all is possible with a plugin.


vl list of defult elements from supplement elements menu


Visual Composer enables we to emanate probably any pattern and blueprint – but carrying to be a designer or coder.



Okay, cool.


You know what Visual Composer doesn’t cover? Pricing tables. Now some of we would tell me that there’s an appendage for that. And we are right. we could squeeze or get a giveaway appendage that lets me emanate pricing tables for Visual Composer.


What about business cards?


  • What?! Who needs a business label in their WordPress site?

Just bear with me alright? I’m perplexing to make a indicate here. What about an MP3 player?


  • Who needs an MP3 actor in their WordPress… Well, approbation some might. Like a musician or a voiceover artist showcasing their work.

There we go. Now, I’m certain we can get an appendage for MP3 players. Or business cards for that matter. But a indicate is, we would have to search, squeeze and implement apart add-ons for Visual Composer, every time we need them! And if you’re in a business of building tradition WordPress solutions – God be with you.


The indicate I’m perplexing to make is simple.


What if there was an appendage that lets we emanate other add-ons for VC?


  • You meant like an Add-on Creator?

P-R-E-C-I-S-E-L-Y


And that’s what today’s plugin is all about. It’s called Addon Creator for Visual Composer, and we’re going to try a fish out of it! (Yes, we get excited.)


preview


To start things off, let’s get started with a core advantage of a plugin. It lets we emanate tradition add-ons for Visual Composer, containing a brew of HTML, CSS, and jQuery scripts. You can build your possess appendage for Visual Composer and save or trade them for your projects and clients. This is generally useful if we are in a business of building tradition WordPress solutions.


For starters, we could go by a rudimentary video that explains a functionalities of a plugin in a nutshell.


Example #1 – How to Create a Colour Add-on for Visual Composer regulating Addon Creator


I feel that a best approach to learn is by example. So let’s try to emanate a elementary appendage that takes submit from a user (which could be we or your client) and produces a applicable output.


To start with, upload a plugin’s ZIP repository from your mechanism and install/activate it. Next up, open a plugin’s settings as shown in a following screenshot.


addon-creator-visual-composer-01-create-new-addon


Click on ‘Add Addon’.


addon-creator-visual-composer-02-create-new-addon


Describe your addon as best possible. In a example, we’re formulating a elementary HTML picker, and thus, we’ve named it accordingly.


addon-creator-visual-composer-04-create-new-addon


Once a addon is created, we wish to revise it, supplement a HTML and CSS sorcery to it. Select a addon from a menu and click on ‘Edit Addon’.


addon-creator-visual-composer-05-edit-addon


Find a ‘Attributes’ appendage and click on ‘Add Attribute’.


addon-creator-visual-composer-06-add-attribute


The charge we wish to supplement is called a ‘Color Picker’. The critical thing to note in this step is this – a ‘Title’ and ‘Description’ margin can be anything we wish – it’s for your reference. The ‘Name’ margin should be alphanumeric characters only. In a example, we’ve named it ‘colour’.


addon-creator-visual-composer-07-add-color-picker


Look during how we can character a HTML regulating a colour placeholder. When a user selects this add-on, a colour placeholder is transposed by a default value or a value selected by a user. Select Update to save changes to this addon.


addon-creator-visual-composer-08-add-html


Now let’s see how a addon pulls by in Visual Composer. Select ‘Add Addon’ from a plugin’s menu and name a ‘Addon Creator’ tab. You should find a HTML Colour Picker addon there, watchful for you!


addon-creator-visual-composer-09-using-html-colour-picker-addon


Select a newly combined addon and collect your color.


addon-creator-visual-composer-10-using-html-colour-picker-addon


Play around with a addon. In a example, we’ve combined 4 versions of a addon with opposite tone inputs.


addon-creator-visual-composer-11-design-page


And this was a output.


addon-creator-visual-composer-12-output


Example #2 – Importing Addons in Addon Creator for Visual Composer


The coolest thing about a plugin is that it comes installed with tons of brilliantly designed add-ons for a take! Let’s see how we can import these addons and get forward of a game.


First off, conduct to a ‘Addon Creator’ menu and name ‘Import Addon’.


addon-creator-visual-composer-13-import-asset


Select and upload a addon’s ZIP repository and click on ‘Import Addon’.


addon-creator-visual-composer-14-import-addon


If a addon was packaged properly, it should seem in a list of addons.


addon-creator-visual-composer-15-new-addons


And of course, it would be prepared for use within Visual Composer.


addon-creator-visual-composer-16-using-new-addons


Check out all a several categories of pre-built, ready-to-use addons that come bundled with a plugin. All we need to do is import a ones we need and start regulating them.


list of addons


Before we know it, you’ll have brilliantly designed website that would customarily take weeks to design.


Create Addons from jQuery Libraries


There are hundreds of extraordinary jQuery libraries that let we do unequivocally cold effects in a website. Typically, developers gold any book (or a garland of associated scripts for that matter) inside a dedicated plugin, that we need to implement and activate in sequence to use. With Addon Creator, we can directly import these jQuery libraries into an addon. Follow this video to get started with formulating addons from jQuery scripts in Addon Creator.


Pricing, Support and Documentation


Addon Creator is a Themeforest disdainful plugin, labelled during $20 USD for a singular site license. It comes with 6 months of support. You can squeeze an extended support of one year for an additional $8 USD. Therefore, for $28, you’d get a singular site permit of a plugin with one year of updates.


If we ask me, we consider 20$ is a take understanding for this plugin. Perhaps a developer is perplexing out opposite pricing options. Given that within 10 days of launch, a plugin has crossed over 50 downloads, a developers competence customarily arise a cost – as they should.


A finish support of a essential facilities of a plugin accompanied with video tutorials is also available.


Conclusion


Addon Creator is a really absolute apparatus for a right user. You can emanate shining addons within mins for yourself or your clients. Not customarily will your growth routine be streamlined, we will also be means to emanate formidable addons with minimal involvement of code. Be it a special typographic effect, a manageable picture slider or a entirely featured MP3 actor – with Addon Creator anything is probable in Visual Composer.




Addon Creator for Visual Composer Review: Ruler of All Add-ons?

No comments:

Post a Comment

Featured Post

Lastriani Fashion: Your Path to Elegance, Comfort, and Confidence

At Lastriani Fashion , we take pride in being your ultimate online clothing store, dedicated to offering a diverse and captivating range of ...

Popular Posts