AccountRegister

Getting started with Design elements

There are two ways how to copy and paste our Design elements to your website.

You can copy them on our website and paste it via Hydrogen plugin or you can import them directly via Oxygen Design sets library.

Let’s have a look into those two options.

Copy Paste via Hydrogen

You’ll need to have a plugin called Hydrogen which also exists in a free version but unfortunately since the release of Oxygen 4.0 a free version was not updated so only their preimum version is working properly. We are aware of this issue and eagerly waiting for the release of Oxygen 4.1 where they’ll introduce cross-site copy paste which will help us to be independent on 3rd party plugin. For now let’s bear it with Hydrogen for a while.

You can notice that we offer 3 versions of Design elements. First one, vanilla version, is completely independent on any CSS framework and you can use it everywhere. Then we have Automatic.css version which is supporting that CSS framework. Same goes for Oxyninja. So you need to decide which version to go for and click on related copy button on a single page of some design element:

copy

You can also copy design element from the archive page, via the copy icon but this will copy only vanilla version:

copy2

After that go to your website and Paste it to desired page, with right-click function or with CTRL + V keyboard shortcut. Edit styling to your liking.

Import via Design set library

You can these licence keys in your Account -> Resources -> Oxygen. Each framework has its own licence key. The setup is very simple, copy licence key of your desired version. Then go to your website, to Oxygen Settings.

Go to Library and make sure you have enabled “Enable 3rd Party Design Sets”. Then just click on Add Design Set and paste your licence key there. Save everything and go to Oxygen editor.

Now, if you click on “Add” and select Library, you’ll find our design elements library there.

Note

If you can’t find a copy button for some version, it means that design elements is not available in that version.

13 October 2022
Tony Nguyen

Related tutorials

You should start to clean up your calendar - with our carefully made design elements you’ll have a lot of new time on your hands.
Share your thoughts
cross-circle