On this page

Jump to any section using the links below

When you want new customers to register themselves in Hubhus without existing as leads first, you need to create a campaign form, embed it in a web page, and share the page URL. This allows customers to fill out their information and be automatically created as new leads in your campaign.

What is customer self-registration

Customer self-registration allows people who don't exist in your Hubhus system to:

• Access a public web page with an embedded form
• Fill out their information
• Submit and be created as a new lead in your campaign
• Optionally trigger automation after creation

This is useful for:

• Event registration
• Service requests
• Newsletter signups
• Contact forms on your website
• Customer onboarding processes
• Partner registration
• Application forms

Why create a web page in Hubhus?

Recommended approach: Normally, we recommend embedding campaign forms directly on your own website. This provides the best user experience and keeps customers on your domain throughout the registration process.

When to use Hubhus web pages:

However, creating a web page in Hubhus is useful when:

• You don't have a website or technical resources to embed forms
• You need a quick solution without involving web developers
• You want to test a registration process before implementing on your website
• You're running a temporary campaign or event
• You need a standalone landing page separate from your main website

This guide shows you how to create a self-hosted registration page in Hubhus that you can share immediately without any external dependencies.

Important: Campaign forms vs Webpage forms

Campaign forms:

• Can ONLY create new leads
• Cannot update existing leads
• Best for customer self-registration
• Embedded in web pages for public access

Webpage forms:

• Can update existing leads
• Require lead to already exist
• Used in customer portals or authenticated pages

For customer self-registration where leads don't exist yet, always use Campaign forms embedded in Web Pages.

Step 1: Create a campaign form

Go to the campaign where you want new customers to be created.

Navigate to: Campaign settings → Campaign forms

Click New form to create a campaign form.

For detailed instructions on creating campaign forms, see: How do I create a campaign form?

Key configuration:

Form name: Give it a descriptive name (e.g., "Customer Registration", "New Customer Signup", "Contact Request")

Fields to include: Add the fields you want customers to fill out:

• Name (Kontaktperson)
• Email (E-mail)
• Phone (Telefon nr.)
• Company name
• Address
• Any custom fields relevant to your business

Required fields: Mark essential fields as required to ensure you collect necessary information.

Success behavior: Configure what happens after submission:

• Success title and message
• Redirect URL (optional)
• Automation triggers

Step 2: Copy the embed code

After creating and saving your campaign form:

1. Go to Campaign settings → Campaign forms
2. Find your newly created form in the list
3. Click the form name or edit icon
4. Locate the Embed code section
5. Copy the entire embed code

The embed code looks like this:

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

Important: Keep this code - you'll need it in the next step.

Step 3: Create a web page

Now create a public web page to host your form.

Navigate to: Account → Web Resources → Web Pages

Click + New Web Page

Step 4: Configure web page settings

Name: Give your page a descriptive name (e.g.,  "Customer Registration", "Contact Form")

Subpath: Enter the URL path for your page (e.g.,"register", "contact")

This becomes part of the URL customers will access.

Page Host: Select where the page should be hosted:

• Your custom domain (if configured): e.g., hubhus.dk/dialog
• Leadvalidator.dk (default): e.g., leadvalidator.dk/wp/hubhus

If you have a custom domain configured, using it makes the URL more professional and trustworthy.

Parent HTML layout: Choose a layout option:

• No parent layout: Start with a blank page (full control)
• Select existing layout: Use a predefined template with header/footer

For most registration forms, "No parent layout" gives you the most flexibility.

Step 5: Insert the embed code in HTML

In the HTML section, create your page structure and insert the form embed code.

Basic example:

<!DOCTYPE html>
<html lang='da'>
<head>
    <meta charset="UTF-8">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no' name='viewport'>
    <title>%brand_name%</title>
    <!-- Bootstrap styling -->
    <script src="https://code.jquery.com/jquery-3.6.4.min.js" defer></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <div class="center" style="margin-top:50px">
            <!-- Brand logo -->
            @if(*%brand_logo_url%){
                <img src="%brand_logo_url%" height="50px">
            }@endif
            
            <!-- Page title -->
            <h1>%brand_name%</h1>
            
            <!-- INSERT YOUR FORM EMBED CODE HERE -->
            <iframe id='hh_iframe_847X9' frameborder='0' style='border:0;width:100%;height:100%' 
            allowtransparency='true' scrolling='no'></iframe>
            <script>
            document.getElementById('hh_iframe_847X9').src = 
            'https://leadvalidator.dk/form/2322/cf_0t3I80EeYsLo67USOMvNi7/embedded-iframe-url?page_url=' + 
            encodeURIComponent(window.location.href);
            </script>
            
        </div>
    </div>
</body>
</html>
```

**Key points:**

1. Paste the embed code where you want the form to appear
2. Use placeholders like `%brand_name%` and `%brand_logo_url%` for dynamic content
3. The iframe will automatically resize to fit the form content
4. Keep the script tag immediately after the iframe tag

**Save the web page** when done.

---

## **Step 6: Get your public URL**

After saving, your web page is now live with a public URL.

**URL format depends on your Page Host selection:**

**With custom domain:**
```
https://yourdomain.com/dialog/wp=subpath
```
Example: `https://hubhus.dk/dialog/wp=registration`

**With default Leadvalidator.dk:**
```
https://leadvalidator.dk/wp/account-slug/subpath
```
Example: `https://leadvalidator.dk/wp/hubhus/registration`

**To find your exact URL:**

1. Go back to Account → Web Resources → Web Pages
2. Find your page in the list
3. The **URL** column shows the full public link
4. Click the link icon to open in new tab and verify

---

## **Step 7: Share the link with customers**

You can now share this public URL in multiple ways:

**Email:**
```
Hi [Customer],

Please register your information here:
https://hubhus.dk/dialog/wp=registration

Best regards,
[Your name]

Website: Add as a button or link:

<a href="https://hubhus.dk/dialog/wp=registration" target="_blank">
    Register Here
</a>
```

**QR code:**
Generate a QR code pointing to the URL for:
- Print materials
- Event posters
- Business cards
- Product packaging

**Social media:**
Share the link in:
- Facebook posts
- LinkedIn updates
- Instagram bio
- Twitter/X posts

**SMS:**
Send via SMS for mobile-friendly registration:
```
Register here: https://hubhus.dk/dialog/wp=registration

What happens when customers submit

1. Customer accesses URL: Customer opens your public web page URL and sees your branded page with the embedded form.

2. Customer fills out form: Customer completes all required fields in the embedded campaign form.

3. Form submission: Customer clicks submit button.

4. Lead creation: Hubhus automatically creates a new lead in your campaign with:

• All submitted field values
• Created date/time
• Source marked as "Form submission"
• Campaign form name recorded

5. Success confirmation: Customer sees the success message you configured in the campaign form:

• Custom title and text
• Optional redirect to your website
• Confirmation that submission was received

6. Automation triggers (if configured): Any automation you've set up for this campaign form fires:

• Welcome email sent
• Lead assigned to user
• Status set
• Follow-up created
• Notifications sent

Customizing the web page experience

Branding in HTML:

Use Hubhus placeholders for dynamic branding:

<!-- Show company logo -->
@if(*%brand_logo_url%){
    <img src="%brand_logo_url%" height="50px">
}@endif

<!-- Show company name -->
<h1>%brand_name%</h1>

<!-- Show brand color -->
<style>
    .header {
        background-color: %brand_color%;
    }
</style>

Adding introductory text:

<div class="intro">
    <h2>Welcome to %brand_name%</h2>
    <p>Please fill out the form below to register. 
       We'll contact you within 24 hours.</p>
</div>

<!-- Form embed code here -->

Custom styling with CSS:

Add custom CSS in the HTML or use a separate CSS stylesheet:

<style>
    .container {
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
    }
    
    h1 {
        color: %brand_color%;
        text-align: center;
        margin-bottom: 30px;
    }
    
    iframe {
        min-height: 600px;
    }
</style>

Multiple language support:

Create separate web pages for different languages:

• /register (English)
• /registrering (Danish)
• /registrieren (German)

Each with appropriate text and the same embedded form.

Using custom domains (Page Host)

If you want the URL to use your own domain instead of leadvalidator.dk, you need to configure a Page Host.

Benefits of custom domain:

• Professional appearance
• Brand consistency
• Higher trust from customers
• Better for SEO

Example:

• Without custom domain: https://leadvalidator.dk/wp/yourcompany/register
• With custom domain: https://yourcompany.com/register

To set up custom domains: See the article on configuring URL Hosts in Web Resources (coming soon).

Best practices

Form design:

• Keep campaign form simple (5-7 fields maximum)
• Only ask for essential information
• Mark optional fields clearly
• Use dropdown menus instead of text when possible

Web page design:

• Include your logo and branding
• Add clear instructions above the form
• Use responsive design for mobile
• Test on different devices and browsers

Mobile optimization:

• Forms must work on small screens
• Use large touch-friendly buttons
• Ensure all fields are accessible
• Keep page load time fast

Privacy compliance:

In your campaign form or web page, include:

• Privacy policy link
• Consent checkbox for data processing (GDPR)
• Purpose of data collection
• How you'll use their information

Example in web page HTML:

<div class="privacy-notice">
    <p><small>By submitting this form, you consent to us storing your 
    information for registration purposes. 
    Read our <a href="/privacy">privacy policy</a>.</small></p>
</div>

Clear communication:

Set expectations on the web page:

<div class="expectations">
    <h3>What happens next?</h3>
    <ul>
        <li>✓ We'll respond within 24 hours</li>
        <li>✓ Check your email for confirmation</li>
        <li>✓ A team member will contact you soon</li>
    </ul>
</div>

Security:

• Monitor submissions regularly
• Enable CAPTCHA in campaign form if available
• Set up duplicate email detection
• Review for suspicious entries

Complete setup checklist

Follow this checklist to ensure everything is configured correctly:

☐ Campaign form created

•  Campaign form created in correct campaign
•  All necessary fields added
•  Required fields marked
•  Success message configured
•  Automation triggers set up (if needed)
•  Embed code copied

☐ Web page created

•  Web page created in Account → Web Resources → Web Pages
•  Descriptive name and subpath set
•  Page host selected (custom domain or leadvalidator.dk)
•  HTML structure created
•  Embed code pasted in correct location
•  Branding elements added (logo, colors, text)
•  Page saved

☐ Testing completed

•  Public URL accessed successfully
•  Form displays correctly on desktop
•  Form displays correctly on mobile
•  Test submission creates lead in correct campaign
•  Success message displays correctly
•  Automation triggers fire (if configured)
•  Confirmation email received (if configured)

☐ URL shared

•  URL copied from web pages list
•  Link tested in incognito/private browser
•  Shared via appropriate channels (email, social, website, etc.)

Common use cases with examples

Event registration:

Campaign form: "Summer Workshop Registration"

• Fields: Name, Email, Phone, Company, Dietary requirements

Web page: "Event Registration"

• Subpath: workshop2025
• HTML includes event details and date
• URL: https://yourcompany.com/workshop2025

Service request:

Campaign form: "Quote Request"

• Fields: Name, Email, Phone, Service type, Project description

Web page: "Request a Quote"

• Subpath: quote
• HTML includes service information
• URL: https://yourcompany.com/quote

Newsletter signup:

Campaign form: "Newsletter Subscription"

• Fields: Name, Email

Web page: "Subscribe"

• Subpath: newsletter
• Simple page with minimal text
• URL: https://yourcompany.com/newsletter

Partner application:

Campaign form: "Partner Application"

• Fields: Company name, Contact, Email, Phone, Business type, Years in business

Web page: "Become a Partner"

• Subpath: partner-application
• HTML includes partnership benefits
• URL: https://yourcompany.com/partner-application

Troubleshooting

Web page not accessible:

• Verify page is saved and published
• Check URL is exactly as shown in Web Pages list
• Test in incognito/private browser window
• Verify Page Host configuration if using custom domain

Form not displaying:

• Check embed code is pasted correctly
• Verify iframe ID is unique (if multiple forms on page)
• Check for JavaScript errors in browser console
• Ensure no conflicting CSS hiding the iframe

Submissions not creating leads:

• Verify campaign form is active
• Check "Create new lead" is enabled in form settings
• Review any duplicate email handling rules
• Check campaign permissions

Wrong campaign:

• Verify you copied embed code from correct campaign form
• Check the form ID in the embed code URL
• Review which campaign the form belongs to

Styling issues:

• Test on different browsers (Chrome, Firefox, Safari, Edge)
• Check for CSS conflicts with parent layout
• Verify all external CSS/JS files load correctly
• Use browser developer tools to debug

Custom domain not working:

• Verify Page Host is configured correctly
• Check DNS settings for your domain
• Confirm domain is connected to your Hubhus account
• Contact support if domain issues persist

Difference between campaign forms and webpage forms

Campaign forms (used in this article):

• Purpose: Create NEW leads only
• Behavior: Always creates a new lead record
• Cannot: Update existing leads
• Best for: Public registration, new customer signup
• Embedded: In web pages for public access

Webpage forms (different feature):

• Purpose: Update EXISTING leads
• Behavior: Requires lead to already exist
• Cannot: Create new leads
• Best for: Customer portals, authenticated pages, lead updates
• Used: When lead is already in system

When to use which:

Use Campaign forms (this article) when:

• Customers don't exist in Hubhus yet
• Public registration or signup
• Contact forms on public website
• Event registration for new attendees

Use Webpage forms when:

• Customers already exist as leads
• Customer portal updates
• Profile management pages
• Status updates by existing customers

Summary

To share a direct link for customer self-registration, first create a campaign form in Campaign settings → Campaign forms with the necessary fields and configuration (see How do I create a campaign form?), copy the embed code from the campaign form, create a web page in Account → Web Resources → Web Pages with a descriptive name and subpath, configure the Page Host (your custom domain or leadvalidator.dk), insert the embed code into the HTML section where you want the form to appear, add branding and introductory text around the form, save the web page to generate a public URL, and share this URL via email, website, social media, SMS, or QR codes. When customers access the URL and submit the form, they are automatically created as new leads in your campaign. Note that campaign forms can only create new leads - use webpage forms if you need to update existing leads.

Related articles

Configuring search settings
How do I filter leads by specific criteria?
How do I give API access to a specific campaign?
How do I set up a new campaign?
Creating a quotation line generator with visual presentation