{"id":608,"date":"2024-08-06T05:02:14","date_gmt":"2024-08-06T05:02:14","guid":{"rendered":"https:\/\/themesific.com\/documentation\/?post_type=pagebuilder_setting&#038;p=608"},"modified":"2024-08-12T03:11:50","modified_gmt":"2024-08-12T03:11:50","slug":"how-to-create-page-with-elementor","status":"publish","type":"pagebuilder_setting","link":"https:\/\/themesific.com\/documentation\/pagebuilder_setting\/how-to-create-page-with-elementor\/","title":{"rendered":"How to create Page with Elementor"},"content":{"rendered":"<p><strong>Essential Guidelines<\/strong><\/p>\n<p>To ensure proper functionality of the theme, it is essential to activate the Elementor plugin following theme installation or updates.<\/p>\n<p>Do not use Elementor in conjunction with other page builders on the same page concurrently.<\/p>\n<p>Pages created with Themesific Pagebuilder or any other page builder cannot be modified using Elementor, and vice versa.<\/p>\n<p>For the best performance when building pages with our theme, we strongly advise using our custom page builder, Themesific Composer, as it significantly improves your site&#8217;s speed.<\/p>\n<h5><strong>1. Create a New Page<\/strong><\/h5>\n<p>Begin by adding a new page in your WordPress dashboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-584\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1.jpg\" alt=\"\" width=\"773\" height=\"416\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1-300x161.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/pagebuilder-1-768x413.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<h5><strong>2. Set the Page Name and Choose the Template<\/strong><\/h5>\n<p>Enter a name for your page and select the \u201cElementor Full Width\u201d template from the available options. (This step can be ignored if you don&#8217;t want to use the premade template). Then click Publish<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-609\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-1.jpg\" alt=\"\" width=\"773\" height=\"403\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-1.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-1-300x156.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-1-768x400.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h5><strong>3. Edit with Elementor<\/strong><\/h5>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"b071ea84-f6c4-4260-b9c8-73790ffba5aa\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>After saving the page, click the &#8220;Edit with Elementor&#8221; button to begin building your page<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-610\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-2.jpg\" alt=\"\" width=\"773\" height=\"273\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-2.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-2-300x106.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-2-768x271.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>Then this will take you to the Edit Page interface, as shown in the image below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-611\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-3.jpg\" alt=\"\" width=\"773\" height=\"273\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-3.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-3-300x106.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-3-768x271.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<\/div>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"78c55797-8602-4522-8476-e24cf93f5373\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>On the left side, you&#8217;ll see the available modules, and on the right side, you&#8217;ll see a live preview of your page.<\/p>\n<p>Scroll down the left side to see all the Carbon Modules that can be added to the current page, as shown in the image below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-612\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-4.jpg\" alt=\"\" width=\"773\" height=\"449\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-4.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-4-300x174.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/elementor-4-768x446.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>You can add any module to your website and then Publish the page.<\/p>\n<div class=\"flex-1 overflow-hidden\">\n<div class=\"h-full\">\n<div class=\"react-scroll-to-bottom--css-wpkgd-79elbk h-full\">\n<div class=\"react-scroll-to-bottom--css-wpkgd-1n7m0yu\">\n<div class=\"flex flex-col text-sm md:pb-9\">\n<div class=\"w-full text-token-text-primary\" dir=\"auto\" data-testid=\"conversation-turn-15\" data-scroll-anchor=\"true\">\n<div class=\"text-base py-[18px] px-3 md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"group\/conversation-turn relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"80437582-d7da-4496-9e14-316e41fcece9\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>For more details, please refer to the video tutorial below:<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><iframe loading=\"lazy\" title=\"Optimize with Elementor: Carbon Magazine and Blog WordPress theme\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/cKEPszXbmTs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h5><strong>4. Module Setting Fields<\/strong><\/h5>\n<p>For additional information regarding the module settings, please visit\u00a0<a href=\"https:\/\/themesific.com\/documentation\/pagebuilder_setting\/elementor-carbon-module-setting-fields\/\">this page for more details.<\/a><\/p>\n<\/div>\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"featured_media":121,"template":"","_links":{"self":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/pagebuilder_setting\/608"}],"collection":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/pagebuilder_setting"}],"about":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/types\/pagebuilder_setting"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/media\/121"}],"wp:attachment":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/media?parent=608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}