Advanced Features

Embedding Forms

Embed forms on your website, generate QR codes, and share forms via links. Learn all the ways to distribute your forms.

Public Forms Only

Embedding, QR codes, and shareable links are only available for Public forms.Forms set to "Testing" status cannot be embedded or shared. To make your form public, change the form status in the Form Builder.

Shareable Links

Every public form has a unique URL that you can share directly. Users can access your form by clicking the link or typing it into their browser.

How to Get Your Form URL:

  1. 1Open your form in the Form Builder
  2. 2Ensure your form status is set to Public
  3. 3Find the Form URL field at the top of the builder
  4. 4Copy the URL or click the QR code button to generate a QR code

URL Format:

https://forms.syncforms.io/forms/your-form-id

Each form has a unique ID that's part of its URL. You can share this URL via email, social media, or any other method.

QR Codes

Generate QR codes for your forms to make them easily accessible on mobile devices. Perfect for print materials, presentations, or in-person events.

How to Generate a QR Code:

  1. 1Open your form in the Form Builder or Dashboard
  2. 2Ensure your form status is set to Public
  3. 3Click the QR Code button (QR icon) next to the form URL
  4. 4A modal will open showing the QR code and form URL
  5. 5Click Download QR Code to save it as a PNG image

💡 Use Cases for QR Codes:

  • Print materials (flyers, posters, business cards)
  • Event check-ins and registrations
  • Point-of-sale feedback collection
  • Physical product packaging
  • Presentations and conference materials

Embedding Forms on Your Website

Embed your SyncForms form directly into your website using an iframe. The form will appear seamlessly within your page, maintaining your form's branding and styling.

How to Get Embed Code:

  1. 1Go to your Dashboard
  2. 2Find your form and ensure it's set to Public status
  3. 3Click the Embed Code button (code icon) in the form actions
  4. 4A modal will open with the embed code and a live preview
  5. 5Click Copy Embed Code to copy the iframe code
  6. 6Paste the code into your website's HTML where you want the form to appear

Embed Code Format:

<iframe src="https://forms.syncforms.io/forms/your-form-id" width="100%" height="600" frameborder="0" style="border: none;"></iframe>

The embed code uses an iframe to display your form. You can customize the following attributes:

  • width: Set to "100%" for responsive design, or a fixed pixel value
  • height: Adjust based on your form's length (default: 600px)
  • style: Add custom CSS styles as needed

✅ Best Practices for Embedding:

  • Use width="100%" for responsive design that works on all devices
  • Adjust the height to match your form's content (longer forms may need more height)
  • Test the embedded form on mobile devices to ensure it displays correctly
  • Consider adding padding or margins around the iframe to match your site's design

Sharing Options

There are multiple ways to share your forms depending on your use case:

1. Direct Link Sharing

Share the form URL directly via email, messaging apps, or social media. Users click the link to open the form in their browser.

https://forms.syncforms.io/forms/your-form-id

2. QR Code Sharing

Generate a QR code and include it in print materials, presentations, or display it at events. Users scan the code with their phone to access the form.

Best for: In-person events, print materials, physical locations, presentations

3. Website Embedding

Embed the form directly into your website using the iframe code. The form appears seamlessly within your page.

Best for: Contact forms, registration pages, feedback forms on your website

Best Practices

  • Always Use Public Status:Only public forms can be embedded, shared, or accessed via QR codes. Testing forms are only accessible to you.
  • Test Before Sharing:Always test your form URL, QR code, or embedded form before sharing it with users. Ensure all fields work correctly and the form submits successfully.
  • Mobile-Friendly:All forms are mobile-responsive by default. Test on mobile devices to ensure the experience is optimal for your users.
  • Branding Consistency:Use form branding (themes, colors, logos) to maintain consistency with your brand when embedding or sharing forms.

Related Articles

Public vs Testing Forms

Learn when to use each form type

Form Branding & Themes

Customize your forms with branding