Quick start

Rocketium Button is an HTML5 library that adds Rocketium's powerful banner and video creator to your website. The script loads asynchronously and does not slow down your website. You can control the look-and-feel of Rocketium Button or even hide and invoke it programmatically. You can control the user experience within the creator by making only certain features available to your users. Rocketium's creator opens in a lightbox when a user clicks on Rocketium Button.

1. Set up your account

Create a new Rocketium account and contact us, either by reaching us on Rocketium support by clicking the blue icon at the bottom right of your screen. Our team will share your client ID that you need in your script. The client ID will only work with the domains that you whitelist so make sure you share those with us. You can always add or remove domains later without needing to update your website code.

2. Create templates

You can easily create templates by choosing that option before exporting your image or video. Rocketium automatically creates code for your template and you can access it by going to the Code tab within the share pop-up of your template. You can find the ID of the template in the templateId field and workspace ID in the teamId field.

3. Add Rocketium Button to your website

(function () {
window.rfsdk = window.rfsdk || function () {
(window.rfsdk.q = window.rfsdk.q || []).push(arguments);
};
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://rocketium.com/js/rfsdk.min.js';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();
window.rfsdk('init',{
"workspaceId": "Enter your workspace ID",
"templateId": "Enter your template ID",
"clientId": "Enter your client ID",
"appendTo": "rktm-editor-wrapper",
// ... more options here
});

Paste the code snippet at the end of the <body> tag of your website. Make sure you put the right values for workspaceId, templateId, clientId, and appendTo. More details on the configuration in the documentation.

Supported browsers

Rocketium's editor relies on cutting-edge browser features. It is currently supported only on the latest versions of Google Chrome and Mozilla Firefox.

Rocketium Button fires events for important lifecycle events. The most important of these is when the image or video is exported. Handle this to show a loader or success message to users once they finish their creation. Once the export is ready to be downloaded, Rocketium will call your configured webhook. You can download the creative using the link in the webhook and use it in your application.