Join Stage
When designing a viral marketing campaign with Viral Loops, you'll need to create two key elements:
the Join Stage and the Sharing Stage.
First, let's set up the joining stage:
Custom Join Stage
The Join Stage is where users can sign up for your campaign by filling out your custom form. This form can include any fields that you want to collect from your users, such as their name, email address, and social media handles.
It can also include a header and a tagline.
Here's an example:
<div data-vl-campaign-id="your-campaign-id" data-vl-container="join-stage">
<h2>Join the campaign!</h2>
<p> Win exlusive rewards </p>
<form data-vl-action="join-stage#join">
<input
data-vl-join-stage-target="input.email"
type="email"
placeholder="Enter your email"
/>
<input
data-vl-join-stage-target="input.firstname"
type="text"
placeholder="Enter your firstname"
/>
<input
data-vl-join-stage-target="input.lastname"
type="text"
placeholder="Enter your firstname"
/>
<input type="submit" />
</form>
</div>
| Attribute | Description | Example Value |
|---|---|---|
data-vl-campaign-id | Identifies the campaign that your form belongs to | data-vl-campaign-id="your-campaign-id" |
data-vl-container | Specifies where your form should be displayed | data-vl-container="join-stage" |
data-vl-action | Specifies the action that your form should perform when users submit it | data-vl-action="join-stage#join" |
data-vl-join-stage-target | Identifies the input fields on your form that correspond to specific user information | data-vl-join-stage-target="input.email" |
data-vl-visibility | Defines the visibility of the Join Stage. You can use dynamic which will hide the join stage after participation, or always where the join stage will still be visible after participation (default: dynamic) | data-vl-visibility="always" |
After someone participates...
All the contents within your custom Join Stage will be hidden by default. Add a
data-vl-visibility="always"to change this behaviour.
Once users have signed up for your campaign through your custom form you can direct them to a Sharing Stage or redirect them to a specific URL.
Updated over 1 year ago