Burak Dogan: Building Custom Visual Composer Elements

Continue the discussion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


May 14, 2017

Visual Composer is a page builder plugin for WordPress which allows you to create website content using a simple drag-and-drop interface. Visual Composer comes with several pre-built elements that can be used for your everyday blogging needs and can be extended with addons that you can purchase through its own marketplace. However, when you need a custom design or functionality for your website, often these addons cannot solve your problem and you may have to build an element by yourself. Despite the fact that Visual Composer is very popular, it is not easy to find tutorials on extending its capabilities.

This talk focuses on how to build custom Visual Composer elements by showing the minimum requirements without diving too deep. In addition to using Visual Composer’s powerful API, we will use jQuery Isotope library, WordPress custom fields and custom post types to build a “Team Members” content element with 2 different style options.

Presentation Slides »

Rate this:


WordCamp San Diego 2017 41


Burak Dogan 1


Custom Visual Composer Elements 1
Visual Composer 2


English 5614

MP4: Low, Med, High
OGG: Low
Subtitle this video →
%d bloggers like this: