---
title: Embed an application form
slug: embed-an-application-form
description: Embed your Roster application form on any website in a few steps to recruit ambassadors, influencers, and affiliates. Works on Shopify and more.
docTags: 
createdAt: 2025-08-18T22:58:51.404Z
---

Embedding an application form directly onto your website is a powerful way to streamline recruitment, boost conversion rates, and provide a seamless experience for your visitors. Whether you're recruiting brand ambassadors, influencers, or affiliates, this guide walks you through how to embed your form—using Shopify as an example, though the steps are similar for most CMS or eCommerce platforms.

***

## Step 1: Create a Dedicated Page for Your Form

First, create a new page on your website where your application form will live. This is typically used for:

- **Ambassador Programs**
- **Influencer Signups**
- **Affiliate Opportunities**

Give the page a clear title and brief intro text so visitors know what they’re signing up for.

***

## Step 2: Copy the Embed Code

Navigate to your program in Roster:

1. Go to **Programs > Edit**
2. Locate the **Application Form** section

You’ll find the embed code in two places:

- **Main Program Settings Page**
- **Application Form Edit Modal**

Click to copy the embed code. This is the snippet you’ll paste into your website to render the form.

***

## Step 3: Embed the Code on Your Website

In your website editor:

1. **Open the page** you created in Step 1.
2. **Switch to HTML view** (also known as code view or source mode).
3. **Paste the embed code** where you want the form to appear on the page.
4. Switch back to the visual (WYSIWYG) editor to add supporting text, FAQs, or images.

Once embedded, your application form will display directly on your site and begin collecting submissions immediately.

***

## Pro Tips for a Smooth Integration

- **Preview First:** Use the preview function before publishing to make sure the form looks and behaves as expected.
- **Mobile Responsiveness:** Check how the form displays on different screen sizes—phones, tablets, and desktops.
- **Styling Options:** You can apply custom styles (CSS) if your platform supports it to better match your brand.
- **Data Privacy:** If you're collecting sensitive information, ensure your site and the embedded form follow best practices for data protection (e.g., SSL encryption).
- **Maintain the Page:** Periodically check the form for updates or changes in your recruitment criteria to keep the content relevant.

***

## Wrapping Up

Adding an application form to your website helps simplify your recruitment flow and improves user experience. With just a few quick steps, you can embed the form, customize the page, and start engaging high-quality applicants—no developer required.

Still need help? Contact our support team at [support@getroster.com](mailto\:support@getroster.com).