Webshop user interface features >

Drag and drop interface
Use simple drag and drop editor to move and manage your layout and elements across the page.

Easy-to-use interface
Made with simplicity in mind our webshop design software offers an intuitive user interface with a low learning curve for beginners and handy features for professionals.

No coding skills required
You don't have to be a web developer or tech-savvy person to create a website.

Instant content update
Instantly see all the changes you make to your page and elements. Play around with colors, options, and parameters and see results instantly.

Right-click controls
Access element controls with the right-click of your mouse.

Adaptable user interface
Configure interface and move navigation across your layout at any time. Set it left, top, right, bottom or detached.

Undo/redo option
Revert back and forth at any time when working with your content with quick Undo/Redo.

Blank page wizard
Blank page wizard will help you to get started with your web design project. Select blank canvas or start with a professional template.

Element path
See the complete path to your content element with a simple mouse hover. As simple and intuitive, as a path to your files.
Duplicate elements
Instantly duplicate any element, row or column with a single click.

Copy and Paste
Improve your efficiency while working on the page design. Copy and paste existing content elements on your webshop.

Name your elements
Change default element names to navigate across your layout quickly.

Hide elements
Disable element on your webshop without deleting it and unhide it later on.

Keyboard shortcuts
Access all major options from your keyboard. Use native keyboard shortcuts to revert changes or open template library.

Mobile edit
Edit your content straight from your mobile devices with specifically tailored mobile UI/UX that fits in your pocket.

Recent colors
The web designer software remembers your color choices so you don't have to keep your brand book

Webshop design editor >

Frontend editor
A true 'What You See Is What You Get' experience with a live Frontend editor. Build or edit your website on the go and see the exact 'pixel-perfect' results.

Inline editor
A quick text adjustment via the inline editor. Edit your content on the go with a double-click on the text elements.

Tree view
A never-seen-before Tree view editor. Work with the website builder just like with Photoshop or Sketch layers.

Webshop design options >

Advanced design options
Powerful design options to control padding, margin, border, radius, and more.

Simple parallax effect
An easy-to-apply parallax background effect for sections, rows and columns. Convert your regular hero section into a beautiful block that grabs attention.

Advanced Parallax effects
You can apply various parallax effects with fade, mouse move, and tilt.

Gradient background
CSS gradient background with alpha channel support to form a beautiful, Instagram style, overlay effects. Add linear or radial gradient of your choice.

Slideshow background
A new slideshow background option that can be combined with parallax or gradient effects to create an exciting experience.

Carousel background
Transform your background into a beautiful and smooth carousel slideshow. Simply select images, direction, and carousel speed to transform regular section into an eye-catching hero block.

Zoom In/Out background
A one-click zoom in/out effect for your background will allow you to introduce dynamic look and feel for your webshop to catch your visitor's attention.

Video background
YouTube, Vimeo or self-hosted video background option for rows and columns. Make your webshop stand out with a beautiful and dynamic animation.

Element animations
Various CSS animations are applicable to any element or container. 

Background image position
Control horizontal and vertical positions of your background images with a single click.

Shape divider
Divide your website sections with an easy to use shape divider. Select from various divider types - apply color, gradient, image background or video to your shapes and build award-winning designs yourself.

Hide any element
Hide any element for your canvas for all devices with one click or select advanced options to control element display across different devices.

Box shadow
Make your rows and columns stand out with box shadow options. Control shadow color, position, blur, and more.

CSS animation delay
Control the time when your element animation takes place. Create dynamic and engaging layouts by introducing timeouts between different element animations.

Webshop design elements >

Content elements
Use out-of-the-box content elements to form your layouts from the well crafted tiny pieces. From simple text block or image and up to advanced hero section and animated buttons, the webshop design software offers a comprehensive list of ready-to-use content elements.

Default widgets
Add all default widgets to your canvas without leaving the editor.

Custom widget support
Add any custom widget installed on your webshop without leaving the editor.

Social media integration
Access a wide range of social media content elements (e.g. Facebook, Twitter, Instagram).

Shortcodes support
Use Shortcode Element to add any of your existing shortcodes to the list of the content elements. Use 3rd party shortcodes directly from the editor.

Element preview
See how your element will look before adding it to your webshop.

FontAwesome icons
The website design software comes bundled with the most popular 'Font Awesome' icon library you can access with the icon element.

Google Fonts support
Access a full list of Google Fonts and use them to form appealing headlines and articles.

Replaceable elements
Replace elements, like buttons, icons, or even tabs with alternatives from the same element category. Ensure your brand design consistency across your new website.

Instagram-Like Filters
Apply Instagram-like filters to any image from our filter library, to create images that are modern and visually interesting to make your content more engaging.

Lightbox for images and video
Give your visitors an option to open images and videos with lightbox. Choose one from two most popular lightbox options - default Lightbox or Photoswipe.

Most used elements
Access your most-used elements easily. Visual Composer will automatically detect your most-used elements and display them at the very top.

Manage elements
Keep your content library clean by managing the element list. Delete downloaded elements and re-download them at any time from the Visual Composer Hub.

Lazy load
Speed up your site by enabling built-in lazy load options for media. Visual Composer is the only builder that affects your performance in a positive way.

Webshop design templates >

Template management
Create your own wordpress templates with out-of-the-box template mechanism. Save any layout as a template for later use with one click.

Boxed vs Full width
Control the width of Visual Composer page layouts. Convert boxed layout into a full width page.

Template categories
All your templates are organized in categories for fast and easy access.

Flexible bootstrap grid layout >

Row layout
Build your webshop with rows and columns. Add rows to your layout and divide them into columns with easy-to-use row layout control.

Column resize
Resize columns with the help of your mouse. Resize mechanism will analyze and recognize your popular layouts and offer smart snap-to-grid options.

Column position
Control column position within rows. Set column content position to top, bottom or middle.

Content position
Control content position within columns. Set content position to top, bottom or middle.

Equal height columns
Set all columns within a row to have equal height. The webshop design software will automatically analyze height of the tallest column and adapt all the settings.

Full width sections
Set your row and column layouts to be full width. Select between full row and full column width to achieve different content display options.

Full height sections
Set any row to be a full height. The webshop design software will automatically calculate the size of the user browser screen and adapt to it. Create section style websites with ease.

Column gap control
Control gap size between columns with a simple control directly from your row settings.

Custom row responsiveness
Control row and column responsive settings for each device separate. Change column with or hide columns on certain type of devices.

Reverse stacking
Control the order of column stacking on mobile devices. Change default left-to-right stacking to right-to-left with a single click.

Disable stacking
Disable stacking for specific rows to adjust your layout for the mobile devices with a single click.

Sticky elements
Create sticky headers and interactive sections with sticky row, column, and section feature available out of the box.

Show on sticky
Set rows, columns, and section to display only on sticky state to create standalone 'Call to Action' buttons.

Settings

Menu