Free tool

Visual Composer to Elementor Converter

Move pages from Visual Composer to Elementor without rebuilding them. Works with both products called Visual Composer: the classic one (now WPBakery) and the newer Visual Composer Website Builder. Free, runs in your browser.

Two different plugins carry the name Visual Composer, and they store pages differently. The classic one was renamed WPBakery Page Builder in 2017 and keeps your layout in [vc_row] shortcodes. The newer Visual Composer Website Builder (visualcomposer.com) saves its own data plus the rendered HTML, with classes like vce-row. This converter takes either one. Paste the shortcodes, or for Website Builder pages paste the page address (or the rendered HTML), and you get native Elementor containers and widgets: headings, text, images and buttons with their settings. Copy the result, right-click in the Elementor canvas and choose Paste.

  1. 1

    Find out which one you have

    Shortcodes like [vc_row] in the Text tab mean classic Visual Composer (WPBakery). A "Visual Composer" admin menu and a frontend editor without shortcodes mean Website Builder.

  2. 2

    Paste shortcodes or a URL

    Classic: paste everything from the first [vc_row]. Website Builder: paste the page address above the tool and hit Fetch, or paste the page HTML.

  3. 3

    Paste into Elementor

    Copy the output, open the page in Elementor, right-click the canvas and choose Paste. Allow clipboard access if asked.

Full step-by-step guide ↓

🔒 Conversion runs in your browser. If you use the URL fetcher, we retrieve that page through our server. To improve conversion quality we keep an anonymized structural copy of the input. All text is scrambled and URLs removed before anything leaves your browser. Details.

Paste a page address — we'll fetch its HTML and stylesheets and convert them automatically. Fastest way to start.

or paste [vc_row] shortcodes or page HTML below

WPBakery Shortcode Input

No WPBakery content yet? In WP admin open the page, switch the editor to Text/Code view, and copy everything — the [vc_row...] shortcodes are your input.

Copy the JSON, then in your Elementor editor right-click a section/column and choose Paste.

If Elementor asks for clipboard permission, allow it — that's how Elementor's own copy/paste reads the JSON you copied.

Elementor Paste JSON

Which Visual Composer?

Two products, one name.

  1. 1

    Classic Visual Composer, now WPBakery Page Builder

    Sold on CodeCanyon and bundled with many themes. If your theme came with "Visual Composer", it is almost certainly this one. Pages hold [vc_row], [vc_column] and [vc_column_text] shortcodes. The converter reads them directly, including each element's design options, so this is the most precise path. The dedicated WPBakery to Elementor page has a full site-migration checklist.

  2. 2

    Visual Composer Website Builder

    The separate product from visualcomposer.com, with its own drag-and-drop frontend editor. It does not use shortcodes, so there is nothing to copy from the Text tab. Instead, paste the URL of the published page: we fetch its HTML and stylesheets and convert the rendered layout. Settings that only exist inside the builder (animations, hover effects, element presets) are not part of the rendered page and need to be set again in Elementor.

  3. 3

    Converting just one section

    Want one block, not the whole page? Use the free ready→made picker: click the section on the live page and it opens here with its HTML and CSS already filled in.

  4. 4

    Deactivate Visual Composer last

    Keep it active while you convert page by page, because unconverted pages still need it to render. When everything is moved, check a few pages for leftover [vc_ shortcodes or vce- classes, then deactivate it.

From the makers of ready→made

Rebuilding from a Figma design instead?

ready→made converts Figma frames straight into native Elementor containers, with a real layout engine instead of AI guesswork.

Figma to Elementor →
FAQ

Good to know.

Is Visual Composer the same as WPBakery?

The classic Visual Composer is. It was renamed WPBakery Page Builder in 2017 and still uses [vc_*] shortcodes. Visual Composer Website Builder is a different, newer product from the same company that uses the old name. This converter handles both.

How do I convert Visual Composer to Elementor?

For classic Visual Composer, copy the page's [vc_row] shortcodes from the Text tab and paste them above. For Website Builder, paste the page URL and hit Fetch. Then copy the output, open the page in Elementor, right-click the canvas and choose Paste.

Is it free? Do I need a plugin?

Free, no signup, and nothing to install beyond Elementor. The output is Elementor's own clipboard format and works with free Elementor.

Can I run Visual Composer and Elementor at the same time?

Yes. Both can be active on one site, which is how you migrate page by page. Each page is rendered by the builder it was last edited with.

My images are missing after converting.

Classic Visual Composer often stores images as media library IDs, which only mean something inside your own site. Those are listed in the conversion notes so you can re-pick them in Elementor. Images fetched from a live page keep their full URL.

Will my URLs and SEO change?

No. You paste the converted layout into the same page, so its URL, title and SEO settings stay as they are.

What can't be converted?

Addon shortcodes the converter doesn't recognize are listed instead of guessed. Animations, sliders and other effects that run on JavaScript need to be rebuilt with Elementor's own widgets.

Want Gutenberg instead?

Use the free Visual Composer (WPBakery) to Gutenberg converter: same shortcodes in, native core blocks out.

More free tools

Other converters in the suite.

Ready?

Build a real site from your Figma file in minutes.

menu