Publishing & Sharing

Once your form is ready, BttrForm gives you multiple ways to distribute it to your audience. This guide covers every sharing method available — from a simple link to a fully embedded form on your website with a custom domain.

Publishing Your Form

Click the "Publish" button in the top-right corner of the form builder. The first time you publish, BttrForm generates a unique form URL and makes your form publicly accessible. Subsequent publishes update the live form instantly.

After publishing, the Share dialog opens with all your distribution options.

Sharing Methods

1. Direct Link

Every published form gets a unique URL in the format:

https://bttrlabs.com/f/your-form-id

Copy this link and share it anywhere — email, social media, messaging apps, or SMS. The link opens a clean, full-page form experience optimized for both desktop and mobile.

Customizing Your Link

You can set a custom slug for a friendlier URL:

https://bttrlabs.com/f/customer-feedback-2026

To change the slug, go to Form Settings > Link and enter your preferred slug. Slugs must be unique across all BttrForm forms and can only contain lowercase letters, numbers, and hyphens.

https://bttrlabs.com/f/feedback?utm_source=newsletter&utm_medium=email&utm_campaign=jan2026

2. Embed Code

Embedding your form directly on your website provides a seamless experience for your visitors. BttrForm offers three embed methods:

Iframe Embed (Recommended)

The simplest method. Paste this HTML snippet into your page:

<iframe
  src="https://bttrlabs.com/f/your-form-id?embed=true"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; max-width: 720px; margin: 0 auto; display: block;"
  title="Feedback Form"
  loading="lazy"
></iframe>

The ?embed=true parameter removes the BttrForm header and footer for a cleaner embedded appearance.

JavaScript Embed

For a more dynamic experience, use the JavaScript embed. It automatically adjusts height as the respondent progresses through the form:

<div id="bttrform-container"></div>
<script
  src="https://bttrlabs.com/embed.js"
  data-form-id="your-form-id"
  data-container="bttrform-container"
  async
></script>

The JavaScript embed also supports event callbacks, allowing your page to react when the form is submitted:

<script>
  window.addEventListener('bttrform:submit', function (event) {
    console.log('Form submitted:', event.detail.responseId);
    // Redirect, show a message, or track in analytics
  });
</script>

React Component Embed

If your site uses React, install the BttrForm embed package and use it as a component:

npm install @bttrform/react

import { BttrForm } from '@bttrform/react';

export default function FeedbackPage() {
  return (
    <BttrForm
      formId="your-form-id"
      onSubmit={(response) => {
        console.log('Submitted:', response.id);
      }}
      style={{ maxWidth: 720, margin: '0 auto' }}
    />
  );
}

3. QR Code

BttrForm auto-generates a QR code for every published form. Download it as a PNG or SVG from the Share dialog.

Use cases for QR codes:

• Print materials — flyers, posters, business cards, brochures
• In-store feedback — table tents, counter displays, receipt footers
• Events — conference badges, session feedback cards, check-in kiosks
• Product packaging — warranty registration, customer satisfaction surveys

The QR code links to the same form URL, so any updates you publish are reflected immediately.

4. Custom Domain

For a fully branded experience, point your own domain or subdomain to your forms:

https://forms.yourcompany.com/feedback

Setting Up a Custom Domain

1. Go to Settings > Custom Domains in your dashboard
2. Click "Add Domain" and enter your domain (e.g., forms.yourcompany.com)
3. Add the DNS records BttrForm provides to your domain registrar:

Type: CNAME
Name: forms
Value: custom.bttrlabs.com
TTL: 3600

4. Wait for DNS propagation (usually 5-30 minutes, can take up to 48 hours)
5. BttrForm automatically provisions an SSL certificate once DNS is verified

Mapping Forms to Custom Domain Paths

Once your domain is verified, you can assign each form to a specific path:

Configure these mappings in Settings > Custom Domains > Path Mapping.

Managing Published Forms

Unpublishing a Form

To take a form offline, open the form and click "Unpublish" in the publish menu. The form URL will return a "form no longer available" message. Existing responses are preserved — only new submissions are blocked.

Closing a Form

You can keep a form visible but stop accepting responses by setting a Close Date or Response Limit in Form Settings:

• Close Date — the form automatically stops accepting responses after the specified date and time
• Response Limit — the form closes after reaching the maximum number of responses

Closed forms display a customizable "This form is now closed" message.

Tracking Form Performance

After publishing, monitor performance from the Analytics tab:

• Views — how many people opened the form
• Starts — how many began filling it out
• Completions — how many submitted successfully
• Completion Rate — starts divided by completions
• Average Time — how long respondents take to complete
• Drop-off Analysis — which fields cause abandonment

Use these metrics to optimize your form for higher completion rates.

Next Steps

Your form is live and reaching respondents. Explore these guides to go further:

• Field Types — master every field option available
• Themes & Styling — brand your forms to match your identity
• Multi-step Forms — improve completion rates with multi-page forms