How to paste components from Snapelement into your site

Method 1: copy and paste (free, one at a time)

This works for any component on the site and costs nothing.

1. Find a component you want on Snapelement
2. Click the Copy button. This copies the Elementor JSON to your clipboard
3. Open your page in Elementor
4. Right-click on the canvas where you want the component
5. Click Paste (or use Ctrl+V / Cmd+V)
6. The component appears. If it's a V3 component, your Global Styles are already applied

That's it. No plugin, no account, no import process.

Method 2: JSON import (from the download package)

If you bought the full library ($49), you get a ZIP with every component as a .json file. To import one:

1. Extract the ZIP to a folder on your computer
2. Find the component you want (they're organized by category)
3. Open Elementor on your page
4. Click the folder icon in the bottom panel to open the template library
5. Click the import arrow icon
6. Select the .json file
7. The component is added to your template library and you can insert it on any page

After pasting: what to expect

V3 Adaptive components

These use __globals__ references. Your site's Global Styles (colors, fonts, button styles) are applied immediately. You should see your brand colors the moment you paste. If you don't, check that your Global Styles are configured in Elementor > Site Settings.

V4 Simple components

These are minimal structures: heading, paragraph, button. They come unstyled, using your site's default CSS. You'll probably want to customize them: add your content, adjust spacing, set your colors.

V4 Elaborate components

These have more elements: feature cards, stat rows, trust sections. The structure is all there. You need to replace the placeholder text with your own content and adjust colors if your Elementor 4.0 defaults don't match your brand yet.

Common questions

Does it work with Elementor Free? Most components do. Components that use Pro widgets (like forms, price tables, or carousels) are labeled as Pro on the site.

Can I paste into a template? Yes. Works the same way.

The colors look wrong after pasting. This usually means your Global Styles aren't set up. Go to Elementor > Site Settings > Global Colors and define your Primary, Secondary, Text, and Accent colors. Then paste again.