Conditional Content

Conditional Content

You can use the following CSS classes to implement simple conditional content in your web pages.

Use the OnlyAnonymous CSS class to show page elements to only unknown site visitors and the OnlyIdentified class to show page elements to only identified visitors.

Please note that it is recommended to mark the element hidden by default. Otherwise, it will be visible for a brief moment before the identity of the visitor is checked.

For instance, you can show a registration form to a new visitor and offer a link to a special custom landing page to a known person :

<div class="OnlyAnonymous"style="display:none">

<p>Welcome to our site ! Please register to start your loyalty program:</p>

<div class="VineForm"data-form-id="1300367967">Registration Form.</div>

</div>

<div class="OnlyIdentified"style="display:none">

 <!-- show custom welcome message-->
 
 <div class="VineForm"data-form-id="1300367947">Welcome back form</div>
 
 <!--link to custom landing page -->
 
 <a href="https://vine.eu/ext/land/1300357856/1547643138/"target="_blank">Click here for your personal offer</a>
</div>
            

You can implement much more complicated cases of conditional content using Java Script functions described in the Vine Developer's Guide.