Guides

Everything you need to start using Snapelement components.

Quick Start

1.Browse our component library and find a layout you like
2.Click “Copy JSON” on the component detail page
3.Open your WordPress page in the Elementor editor
4.Right-click on the editor canvas → select “Paste”
5.The component appears, already styled with your Global Styles

Setting Up Global Styles

For best results, set up your Elementor Global Styles before using Snapelement components:

1.Go to Elementor → Site Settings → Global Colors
2.Set your Primary, Secondary, Text, and Accent colors
3.Go to Global Fonts. Set your Primary, Secondary, Text, and Accent typography
4.Save. Now every Snapelement component you paste will automatically use these settings

Understanding Widget Types

Each component lists the Elementor widgets it uses. Widgets are color-coded:

heading= Free (Elementor Free)

form= Pro (Elementor Pro required)

products= WooCommerce

Using the Download Method

If copy-paste doesn't work in your browser, use the Download option:

1.Click “Download” on the component detail page
2.Open the downloaded .json file in a text editor
3.Select all content (Ctrl+A / Cmd+A) and copy it
4.Paste in the Elementor editor the same way (right-click → Paste)