Setting up Remote Admin

Embed our Remote Admin to your website so you and your customers/clients don't need to login through Formcubes' website to access your submissions.

THIS IS LIMITED FEATURE. ONLY AVAILABLE FOR INVITED USER.

Remote Admin allows you to read submissions and manage your forms without leaving your domain. This is great solutions if don't want your user access their submission through Formcubes website. If you want to use Formcubes Admin Panel under your own brand, you can easily replace your logo with your own ones.

Remote Admin only work in HTTPS environment. If your websites does not support HTTPS, you need to upgrade it to use Remote Admin. A lot of web hosting now provide HTTPS for free, our favorites is Netlify and Render.

Add Remote Admin to your website

Remote Admin is a static HTML page. In order to use Remote Admin in your site you need to add the following HTML page to your site.

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600" rel="stylesheet">
<link rel="stylesheet" href="https://d2szzqsvb20eav.cloudfront.net/css/style.css">
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.0.8/purify.min.js"></script>
<script src="https://kit.fontawesome.com/5bed0c7310.js" crossorigin="anonymous"></script>
<title>Formcubes &mdash; Formbackend for your needs</title>
</head>
<body>
<script>
var env = {
logo: 'https://d2szzqsvb20eav.cloudfront.net/images/logo_dark.png',
hideSignup: true,
allowedToAccessUserAccountPage: '*'
}
</script>
<script src="https://d2szzqsvb20eav.cloudfront.net/js/app.js"></script>
</body>
</html>

The way to do it varies regarding stack, framework or technology you use. It would be near impossible for us to give implementation example for every stack ever existed. But in essence, you need to add "route" in your website that serve the HTML above.

Simple example

Let's say we have a website that just plain static HTML, no static site generators are used. Here is the file structures :

├── assets
├── about-us.html
├── pricing.html
├── contact-us.html
└── index.html

On those website we have 4 routes: Home page, about us page, pricing page and contact us page.

We will add Remote Admin to a route called "submission-dashboard". To do that we need to make a file named "submission-dashboard.html" that containing HTML above. Those file should look like this:

submission-dashboard.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600" rel="stylesheet">
<link rel="stylesheet" href="https://d2szzqsvb20eav.cloudfront.net/css/style.css">
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.0.8/purify.min.js"></script>
<script src="https://kit.fontawesome.com/5bed0c7310.js" crossorigin="anonymous"></script>
<title>Formcubes &mdash; Formbackend for your needs</title>
</head>
<body>
<script>
var env = {
logo: 'https://d2szzqsvb20eav.cloudfront.net/images/logo_dark.png',
hideSignup: true,
allowedToAccessUserAccountPage: '*'
}
</script>
<script src="https://d2szzqsvb20eav.cloudfront.net/js/app.js"></script>
</body>
</html>

And our simple website structures will look like this

├── assets
├── about-us.html
├── pricing.html
├── contact-us.html
├── submission-dashboard.html
└── index.html

That's it, your Remote Admin should be accessible in URL : example.com/submission-dashboard.html