# One-Step Conversion

If your campaign tracks just one conversion event, follow the steps below to set up tracking.

## **Easy Mode vs Advanced Mode**

There are two ways to configure your campaign setup.

<details>

<summary>Choose the mode that best fits your setup needs:</summary>

| Easy Mode (no coding required)                                                                                                                                                                                    | Advanced Mode (custom setup)                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| <ol><li><a href="https://support.referralhero.com/campaign-builder/launch#install-the-referralhero-global-tracking-code">Install the ReferralHero Global Tracking Code</a></li></ol>                              | <ol><li><a href="https://support.referralhero.com/campaign-builder/launch#install-the-referralhero-global-tracking-code">Install the ReferralHero Global Tracking Code</a></li></ol>                                                                                                                                                                                                                                     |
| <ol start="2"><li><a href="https://support.referralhero.com/campaign-builder/launch#choose-how-advocates-access-their-dashboard">Choose how advocates will access their dashboard</a></li></ol>                   | <ol start="2"><li>Choose how to automatically add new users or customers to your campaign:<br><a href="https://support.referralhero.com/campaign-builder/integrations">Integrations</a><br><a href="https://support.referralhero.com/integrate/javascript-web-api">Javascript web API</a><br><a href="https://support.referralhero.com/integrate/rest-api">Rest API</a></li></ol>                                        |
| <ol start="3"><li><a href="https://support.referralhero.com/campaign-builder/launch#display-a-referral-welcome-message-optional">Do you want to display a referral welcome message?</a></li></ol>                 | <ol start="3"><li><a href="https://support.referralhero.com/campaign-builder/launch#choose-how-advocates-access-their-dashboard">Choose how advocates will access their dashboard</a><br></li></ol><p>       <a href="https://support.referralhero.com/integrate/javascript-web-api">Javascript web API</a></p><p>       <a href="https://support.referralhero.com/integrate/rest-api">Rest API</a></p>                  |
| <ol start="4"><li><a href="https://support.referralhero.com/campaign-builder/launch/one-step-conversion#tracking-methods">Choose how to track when a referral completes your main  conversion event</a></li></ol> | <ol start="4"><li><a href="https://support.referralhero.com/campaign-builder/launch#display-a-referral-welcome-message-optional">Do you want to display a referral welcome message?</a></li></ol>                                                                                                                                                                                                                        |
|                                                                                                                                                                                                                   | <ol start="5"><li><a href="https://support.referralhero.com/campaign-builder/launch/one-step-conversion#tracking-methods">Choose how to track when a referral completes your main conversion event</a></li></ol><p>       <a href="https://support.referralhero.com/integrate/javascript-web-api">Javascript web API</a></p><p>       <a href="https://support.referralhero.com/integrate/rest-api">Rest API</a><br></p> |

</details>

## **Tracking Methods**

Below are the available methods for tracking your one-step conversion campaign:

### **Method 1: Referral Signup Widget**

The ReferralHero Signup Widget can be embedded in your site or used as a standalone landing page. It’s designed to capture signups and identify referrals effectively.

**To use this method:**\
Toggle on **“Enable Referral Signup Widget”** in the Launch settings.

<figure><img src="https://363135598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LsuqexOLPOWiUrWg_Ko%2Fuploads%2FJCs3sQd5CsTv9ehKkMz4%2Fimage.png?alt=media&#x26;token=0e2749f3-c468-4a15-a82a-1ebafa9053bd" alt=""><figcaption></figcaption></figure>

#### Option 1: ReferralHero Hosted Landing Page (No Installation Required)

ReferralHero provides a hosted landing page with the signup widget already included.

**URL format:**\
`https://campaign.referralhero.com/MFxxxxxxxxxx/signup`

You can use this if you prefer not to embed any code on your website.&#x20;

{% hint style="warning" %}
Replace `MFxxxxxxxxxx` with your campaign UUID.
{% endhint %}

#### Option 2: Embed Within Your Webpage

You can embed the widget directly into your site using a simple `<div>` element placed anywhere inside your page’s `<body>` tags.

**Embed format:**

```
<div id='referralhero-signup-widget-MFxxxxxxxxxx'></div>
```

#### **Option 3: Inline Button**

This method shows the signup widget as a popup when a button is clicked.

To use the inline button:

1. Toggle on **“Enable Inline Button”** in the Launch settings
2. Add the following `<div>` to your webpage inside the `<body>` tag:

```
<div id='referralhero-signup-widget-button-MFxxxxxxxxxx'></div>
```

3. Customize the button label and behavior for both unidentified and identified users

### **Method 2: My Website Signup Form**

Automatically track form submissions from your own website and add users to your ReferralHero campaign as subscribers or referrals.

To enable this method:

1. Toggle on **“Automatic Form Tracking”** in the Launch settings
2. Under **“On Form Completion”**, choose:
   * **Add organic subscribers and referrals** – Track all submissions
   * **Add referrals only** – Track only submissions from identified referrals
3. Under **“Select Forms”**, enter the URLs of pages that contain forms (comma-separated)
4. Click **“Get Forms”** to allow ReferralHero to crawl and list detected forms
5. Toggle on the forms you’d like to track. \
   \&#xNAN;*If your form doesn’t appear, check our alternative methods for adding subscribers and referrals.*
6. Click **“Save”** to confirm your settings.

<figure><img src="https://363135598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LsuqexOLPOWiUrWg_Ko%2Fuploads%2FT3h8hP4gKfokQT2Ce1Hf%2Fimage.png?alt=media&#x26;token=d80deb33-7c9b-4426-a5da-21535d216c09" alt=""><figcaption></figcaption></figure>
