General Structure

Elementor Core Advanced

The JSON structure consists of an object containing information about the page. The information includes the document type, it's title and the version. Furthermore, it holds real data such as document settings and the document content.

JSON Structure

Basic structure:

{
	"title": "Template Title",
	"type": "page",
	"version": "0.4",
	"page_settings": [],
	"content": []
}

JSON Values

Argument	Type	Description
title	string	The title displayed to the user in the WordPress dashboard and the Elementor Editor.
type	string	The document type. Available values are: header, footer, error-404, popup, page, post, etc.
version	string	The data structure version. The latest version is 0.4.
page_settings	array/object	Data from the "Page Setting" panel. An empty array if settings are not defined, an object if the page has settings.
content	array	An array of objects that holds all the page elements.

Examples

Header JSON Example

A "header" template with custom page settings and a single element.

{
	"title": "Site Header",
	"type": "header",
	"version": "0.4",
	"page_settings": {
		"content_wrapper_html_tag": "header",
		"background_background": "classic",
		"background_color": "#000000"
	},
	"content": [
		{
			"id": "3130e2cf",
			"elType": "container",
			"isInner": false,
			"settings": [],
			"elements": []
		}
	]
}

Footer JSON Example

A "footer" template with a single container element.

{
	"title": "Site Footer",
	"type": "footer",
	"version": "0.4",
	"page_settings": {
		"content_wrapper_html_tag": "footer"
	},
	"content": [
		{
			"id": "1aebaeaa",
			"elType": "container",
			"isInner": false,
			"settings": [],
			"elements": []
		}
	]
}

404 page JSON Example

A "404 Page" with a custom background color:

{
	"title": "404 Page",
	"type": "error-404",
	"version": "0.4",
	"page_settings": {
		"content_wrapper_html_tag": "main",
		"background_background": "classic",
		"background_color": "#333333"
	},
	"content": []
}

Popup JSON Example

A popup for mobile navigation with some popup-related settings:

{
	"title": "Mobile Navigation Popup",
	"type": "popup",
	"version": "0.4",
	"page_settings": {
		"width": {
			"unit": "px",
			"size": 600,
			"sizes": []
		},
		"entrance_animation": "fadeIn",
		"exit_animation": "fadeIn",
		"overlay_background_color": "#000000AA",
		"prevent_scroll": "yes"
	},
	"content": [
		{
			"id": "c647ac2",
			"elType": "container",
			"isInner": false,
			"settings": {
				"padding": {
					"unit": "px",
					"top": "20",
					"right": "20",
					"bottom": "20",
					"left": "20",
					"isLinked": true
				}
			},
			"elements": []
		}
	]
}