Embedding on your website

If you want vendors to fill out your form without leaving your own website, you can embed it directly using a simple code snippet. The form loads inside your page and works seamlessly -- no redirects, no extra steps for vendors.

Embed Methods

Vendor Space offers three ways to share your form. Open the embed panel by navigating to Forms in the sidebar and clicking Embed Code on the form you want to share.

Direct Link

A standalone URL that opens the form in its own page. Best for sharing via email, social media, or messaging. Copy the link and share it anywhere.

Iframe Embed

Paste this snippet into your website's HTML to embed the form directly on a page:

<iframe src="https://..." width="100%" height="800" frameborder="0"></iframe>

The form renders inside your page. Vendors fill it out without leaving your site.

Script Embed

A JavaScript snippet that loads the form dynamically on your page. This method adapts to your page's styling more naturally than an iframe:

<script src="https://..." data-form-id="..." async></script>

Tip: Place embed code inside a container element (such as a <div>) to control its width and positioning using your own site's styles.

Customizing the Embed

• Width: The embed is set to 100% width by default, so it stretches to fit its container. Adjust the container's width on your site to control the form's width.

• Height: You may need to adjust the height attribute depending on the length of your form. A taller value prevents scrollbars within the iframe.

Where to Use Embedded Forms

Embedded forms work well in a variety of places:

• Your event's landing page

• A dedicated "Apply as a Vendor" page on your website

• Blog posts or announcements about upcoming events

• Partner or sponsor websites that want to help drive applications

Things to Keep in Mind

• Submissions from embedded forms appear in Vendor Space just like any other submission. You review them the same way.

• If you update the form in Vendor Space (add fields, change questions), the embedded version updates automatically. There is no need to change the embed code.

• The form requires an active internet connection to load and submit.

Tip: Test the embedded form on your website before sharing it publicly. Open it in a few different browsers and on a mobile device to make sure it looks and works the way you expect.