Client Side SDK

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>
AttributeDescriptionExample Value
data-vl-campaign-idIdentifies the campaign that your form belongs todata-vl-campaign-id="your-campaign-id"
data-vl-containerSpecifies where your form should be displayeddata-vl-container="join-stage"
data-vl-actionSpecifies the action that your form should perform when users submit itdata-vl-action="join-stage#join"
data-vl-join-stage-targetIdentifies the input fields on your form that correspond to specific user informationdata-vl-join-stage-target="input.email"
data-vl-visibilityDefines 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.


What’s Next

Decide what happens after the form submission