Web Pages - Creating and managing web pages

Modified on Wed, 6 May at 6:42 AM

Web Pages: Creating and managing web pages

Hubhus Web Pages are public HTML pages hosted on a URL — used for landing pages, embedded forms, registration pages, and branded customer-facing content.

TL;DR

Access: Account → Web Resources → Web Pages → + New Web Page. Set: name, subpath (part of URL), Page Host (custom domain or leadvalidator.dk default), parent layout (optional). Write HTML/CSS/JS in editors. Use Hubhus placeholders like %brand_name%, %brand_logo_url%. Embed campaign forms via iframe embed code. URL: leadvalidator.dk/wp/[account]/[subpath] or custom domain.

Get started in 3 steps

Create the page

Go to Account → Web Resources → Web Pages → + New Web Page. Set: Name (internal identifier), Subpath (URL slug, e.g. "register" → leadvalidator.dk/wp/account/register), Page Host (select custom domain or default leadvalidator.dk), Parent HTML layout (optional — apply a shared header/footer layout). Save to generate the public URL.

Write the HTML

Write HTML in the body editor. Use Hubhus placeholders for dynamic branding: %brand_name%, %brand_logo_url%, %brand_color%. Include external CSS/JS if needed. To embed a campaign form, paste the iframe embed code (from Campaign settings → Campaign forms → </> icon). Add custom CSS in the CSS section. Add custom JS in the JavaScript section.

Manage and share

After saving, find the full public URL in the Web Pages list. Test in an incognito window. Edit via the orange edit icon, delete via the red trash icon. Common uses: registration pages, event landing pages, quote/offer display pages, service request forms, confirmation pages after booking.

Read more⌄

Minimal page boilerplate (no parent layout)

When "No parent layout" is selected, provide a complete HTML document:

<!DOCTYPE html>
<html lang='da'>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>%brand_name%</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        body { padding: 40px 0; }
        .logo { text-align: center; margin-bottom: 30px; }
    </style>
</head>
<body>
    <div class="container">
        <div class="logo">
            <!-- show logo if set -->
        </div>
        <h1 class="text-center">%brand_name%</h1>
        <!-- campaign form embed code here -->
    </div>
</body>
</html>

Embedding a campaign form (iframe)

Go to Campaign settings → Campaign forms → click the embed icon (</>) to get the iframe code. The iframe ID must be unique on the page:

<iframe id='hh_iframe_XXXXX' frameborder='0'
        style='border:0;width:100%;height:100%'
        allowtransparency='true' scrolling='no'></iframe>
<script>
document.getElementById('hh_iframe_XXXXX').src =
    'https://leadvalidator.dk/form/[ACCOUNT_ID]/[FORM_TOKEN]/embedded-iframe-url?page_url=' +
    encodeURIComponent(window.location.href);
</script>

Hubhus placeholders in web pages

%brand_name%         <!-- Company name -->
%brand_color%        <!-- Brand hex color -->
%brand_logo_url%     <!-- Logo image URL -->
%brand_website%      <!-- Website URL -->

Conditional display:

@if(*%brand_logo_url%){
    <img src="%brand_logo_url%" height="60px">
}@endif

Including external resources

<!-- Bootstrap 3 (already loaded by Hubhus booking forms) -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<!-- Hubhus stylesheet placeholder -->
@stylesheet[my-styles,tag]
<!-- Hubhus JS placeholder -->
@javascript[my-script,tag]

Page access control and URL

Public (default) — accessible by anyone with the link, no authentication
Private — requires login. Use for customer portals, internal dashboards

Page URL formats:

https://leadvalidator.dk/wp/account/subpath   (default domain)
https://yourcompany.com/subpath               (custom domain, if configured)

Troubleshooting

Page 404: Verify subpath is correct and page is saved. Check Page Host selection.
Placeholders not replaced: Check placeholder syntax (%slug%). Verify the value is set in account settings.
Form not showing: Verify embed code is pasted correctly. Check browser console for JS errors. Ensure the iframe ID is unique if multiple iframes exist on the page.
Layout not applying: Verify Parent HTML layout is selected and the layout exists in Page Layouts. Ensure your page HTML doesn't accidentally repeat <html>/<body> tags when using a parent layout.
Styling issues: Open browser DevTools → check if CSS loads (Network tab). Check selector specificity conflicts.

Common searches

web page • landing page • public page • page URL • web resources • embed form in page • page host

How do I share a direct link for customer self-registration?
Page layouts — Creating page layouts
CSS stylesheets — Managing stylesheets
Campaign forms — Creating lead capture forms