{"id":68734,"date":"2023-12-26T16:47:36","date_gmt":"2023-12-26T14:47:36","guid":{"rendered":"https:\/\/premiumaddons.com\/?post_type=docs&#038;p=68734"},"modified":"2023-12-26T16:47:44","modified_gmt":"2023-12-26T14:47:44","slug":"how-to-apply-particles-addons-on-elementor-page","status":"publish","type":"docs","link":"https:\/\/premiumaddons.com\/docs\/how-to-apply-particles-addons-on-elementor-page\/","title":{"rendered":"How to Apply Particles Addons on Elementor Page"},"content":{"rendered":"\n<p><a href=\"https:\/\/premiumaddons.com\/particles-section-addon-for-elementor-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor Premium Particles<\/a> addon in Premium Addons Pro plugin helps you to create eye-catching background and apply them on Elementor sections, flexbox containers, or columns. In version 2.9.10, we added the option to apply particles on a full Elementor page with just few clicks from the page settings.<\/p>\n\n\n\n<p>In this tutorial, we will show how to use the option to apply the particles effect on full Elementor page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Requirements:<\/h3>\n\n\n\n<ul>\n<li>You will need <a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/pro\/\" target=\"_blank\">Premium Addons PRO<\/a> plugin installed and activated on your website.<\/li>\n\n\n\n<li>Also, make sure that this addon is enabled so you can find it in the Elementor editor. Check <a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/docs\/plugin-settings\/\" target=\"_blank\">this article<\/a> to know how to do that.<\/li>\n\n\n\n<li>Premium Addons works only with <a rel=\"noreferrer noopener\" href=\"https:\/\/bit.ly\/Get-Elementor\" target=\"_blank\">Elementor Page Builder<\/a> plugin so you will need to have it installed and activated as well.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How to Apply Particles Addons on Elementor Page<\/h2>\n\n\n\n<p>First, you need to get the JSON code that contains all your customizations for the particles addon. To get that, please refer to this <a href=\"https:\/\/premiumaddons.com\/docs\/how-to-use-tsparticles-in-elementor-particles-section-addon\/\" target=\"_blank\" rel=\"noreferrer noopener\">article<\/a>,<\/p>\n\n\n\n<p>Then, navigate to your Elementor Page Settings -> Particles tab, enable the switcher and paste the JSON code in Custom Style field. That&#8217;s it, you should find that the particles has been applied on the whole page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjMlMkYxMiUyRnNjcmVlbnNob3RzLTIwMjMtMTItMTlUMTYxNjA4LjM2Ni5wbmciIGRhdGEtdz0iMTAyNCIgZGF0YS1oPSI1OTciIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" alt=\"Elementor Particles addon to be enabled to apply it on the whole page\" class=\"wp-image-68761\"  \/><figcaption class=\"wp-element-caption\">Enable Particles on Whole Page<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><meta charset=\"utf-8\">If you still need any further assistance, feel free to contact Premium Addons <a href=\"https:\/\/my.leap13.com\/contact-support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support team<\/a>. We would be more than glad to help \ud83d\ude01<\/p>\n\n\n\n<p><strong>Join the Community<\/strong><\/p>\n\n\n\n<p>You\u2019re most welcome to join our\u00a0<a href=\"https:\/\/www.facebook.com\/groups\/PremiumAddons\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>\u00a0group and\u00a0<a href=\"https:\/\/www.youtube.com\/c\/Leap13\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube<\/a>\u00a0channel to get updates about new features, improvements, and bug fixes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor Premium Particles addon in Premium Addons Pro plugin helps you to create eye-catching background and apply them on Elementor sections, flexbox containers, or columns. In version 2.9.10, we added the option to apply particles on a full Elementor page with just few clicks from the page settings. In this tutorial, we will show how [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"How to Apply Particles Addons on Elementor Page","_seopress_titles_desc":"Learn to easily apply particles addon on full Elementor page with just few clicks using Premium Particles addon by Premium Addons plugin","_seopress_robots_index":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"docs_category":[515],"docs_tag":[],"_links":{"self":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/68734"}],"collection":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/comments?post=68734"}],"version-history":[{"count":7,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/68734\/revisions"}],"predecessor-version":[{"id":69573,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/68734\/revisions\/69573"}],"wp:attachment":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/media?parent=68734"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_category?post=68734"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_tag?post=68734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}