New Visitor Discount

Navigating TronShop's New Visitor Discount feature is essential for e-commerce businesses aiming to attract and engage first-time visitors. This guide provides a comprehensive walkthrough of setting up and optimizing this feature to enhance user experience and boost conversion rates.

On This Page

• Discount Settings
• Form Design
• New Visitor Popup Setup Rules
• Email Design
• TronShop (Webshop Behaviour)
  • Discount Coupons
  • New Visitor

Discount Settings

To handle the New Visitor discount, navigate to TronShop Admin. Navigate to Marketing > First Visitor

On this tab, you can find general settings about new visitor discount, like enabling the feature and settings how to generate the discount. In the coupon settings section you have to set up how coupons will be generated when the user requests the new visitor coupon.

Within this section, you'll encounter three distinct tabs.

Form Design

Within this tab, you have the almost complete freedom to customize the new visitor popup dialog.

In this template you can use these placeholders (Placeholders are following settings from the first tab of New Visitor settings):

• {{CouponName}} … Name of the coupon
• {{CouponDescription}} … Description of the coupon
• {{CouponValidDays}} … Number of the days from 
• {{CouponValue}} … Coupon value (Raw number)
• {{CouponFormattedValue}} … Formatted coupon value for example “10%” / “100 USD”
• {{UserEmail}} … Email of authenticated user

New Visitor Popup Setup Rules

To work properly, new visitor popup needs to have html elements with some specific id’s, see the list below:

• Email Input
  • HTML id has to be first-visitor-email-input
• Submit Button
  • HTML id has to be first-visitor-submit-btn
• Not Interested Button
  • HTML id has to be first-visitor-notinterested-btn
• Errors Section
  • HTML id has to be first-visitor-errors
  • HTML Element type has to be list (ul)
• Success Section
  • HTML id has to be first-visitor-success

<ul class="fv-errors" id="first-visitor-errors"></ul>
<div class="fv-success" id="first-visitor-success">
<h1>Coupon has been successfuly sent to your email!</h1>
</div>
<div class="fv-main" id="first-visitor-main">
<div class="fv-container-left"><img style="max-width: 100%;" src="/api/services/tronshop/demo/607169da-9a63-420c-8772-6e8dd78c7ef4.png" data-lang-id="null" alt="Header Logo" data-mce-fragment="1" /></div>
<div class="fv-container-right">
<div class="fv-content-row">
<h1 class="fv-heading">Get Discount</h1>
</div>
<div class="fv-content-row">
<p class="fv-text">Type your email to the input below and get your discount. Now you can get a discount coupon with value of <strong>{{CouponFormattedValue}} <br /></strong></p>
</div>
<div class="fv-content-row"><input class="fv-inputs-text" type="email" id="first-visitor-email-input" name="InquiryData.FullName" value="{{UserEmail}}" /></div>
<div class="fv-content-row fv-btn-row">
<input class="fv-inputs-btn fv-btn-secondary" id="first-visitor-notinterested-btn" type="submit" value="Not Interested" /> 
<input class="fv-inputs-btn fv-btn-primary" id="first-visitor-submit-btn" type="submit" value="Submit" /></div>
</div>
</div>

Email Design

Within this tab, you have the opportunity to thoroughly customize the email that is dispatched to customers along with their coupon after they've filled out the form in the popup.

You can also find settings of this email template also in Settings > Communications > E-mail Templates section as you are used to.

While editing this email template you can use these placeholders:

• {{CouponCode}} … Code of the coupon, that has to be used by customer when applying the coupon in cart
• {{CouponValueWithLabel}} … Formatted coupon value for example “10%” / “100 USD”
• {{CouponValidTo}} … The date until which the coupon can be used
• {{CouponValidFrom}}  … The date from which the coupon can be used
• {{CouponDescription}} … Description of the coupon
• {{CouponName}} … Name of the coupon
• {{CouponUsageLimit}} … Limit how many times can this coupon be used

TronShop (Webshop Behaviour)

Discount Coupons

New Visitor