Step 1 : Sign in to your account
Step 2 : Download the plugin Assets4Breakdance-1.5.0 for Breakdance, or Assets4Oxygen-1.5.0 for Oxygen 6.
Step 3 : Install the plugin on your website. This is the website where you plan to integrate the assets.
Step 4 : Go to the Creative Assets page and click on the COPY SECTION button to copy the section. (see next section to learn more about what button to choose).
Step 5 : Go to your website, open a Breakdance or Oxygen page, and press CTRL V to paste the copied section.
Since the website now supports the brand-new Oxygen Builder—aka Oxygen 6—several new buttons have been added.
Supports Oxygen 6 only, with the Breakdance Elements for Oxygen 6 extension activated.
Supports Oxygen 6 only, without the Breakdance Elements for Oxygen 6 extension activated.
As a result, it often consists of just a piece of code without any styling, as no CSS classes are imported.
Why this plugin is needed?
The main reason is for the SUPA CODE BLOCK element, which is an advanced version of the Code Block element for Breakdance.
Other elements included are:
Supa Transform 3D : Turn any content into a 3D box. More info : https://breakdance4fun.supadezign.com/supa-elements-for-breakdance/
Supa Box : The Breakdance version of the SuperBox element from Oxygen Builder. More info : https://breakdance4fun.supadezign.com/supabox-element-for-breakdance/
ThumbSlider : A Thumbnail Slider element packed with awesome features : https://breakdance4fun.supadezign.com/thumbslider-a-thumbnail-slider-element-for-breakdance/
Supa Basic Repeater : A repeater without Divs and Style ( https://breakdance4fun.supadezign.com/custom-element/supa-basic-repeater/ )
Supa Basic Posts Loop : A Posts Loop Builder without Divs and Style.
Images are NOT transferred into your server. They are still linked from the ASSETSFORWP server. Even if most of them are AI generated, so they are free to used, you still have to transfert or use your own images from your own servers.
If you want to avoid the FOUC effect, you can copy the custom CSS to a stylesheet.
To be able to share some elements, some files (JS and CSS) are sometimes loaded from a CDN, via a Code Block.
If you don't want to use a CDN, you will have to remove the <script> tag and host them locally instead.