Subscriber Form success message

  • Resolved sachinkumbalath

    (@sachinkumbalath)


    1 year, 6 months ago

    Thank you for this excellent plugin. Currently, everything is working well and meets my requirements.
    There’s only one enhancement I’d like to acquire: when someone subscribes with their email address and clicks ‘Submit,’ the page is redirected to another page to show a success message. Could you please assist me in displaying a pop-up or a simple notification below the form, without requiring a page refresh?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter sachinkumbalath

    (@sachinkumbalath)

    <div class="tnp tnp-subscription">
<form method="post" id="fm_sub">
<div class="tnp-field tnp-lists"><div class="tnp-field tnp-field-checkbox tnp-field-list"><label for="nl3"><input type="checkbox" id="nl3" name="nl[]" value="1"> Financial Results</label></div>
<div class="tnp-field tnp-field-checkbox tnp-field-list"><label for="nl4"><input type="checkbox" id="nl4" name="nl[]" value="2"> Earnings Release/Conf Calls</label></div>
<div class="tnp-field tnp-field-checkbox tnp-field-list"><label for="nl5"><input type="checkbox" id="nl5" name="nl[]" value="3"> Investor Presentations</label></div>
<div class="tnp-field tnp-field-checkbox tnp-field-list"><label for="nl6"><input type="checkbox" id="nl6" name="nl[]" value="4"> Annual Reports</label></div>
<div class="tnp-field tnp-field-checkbox tnp-field-list"><label for="nl7"><input type="checkbox" id="nl7" name="nl[]" value="5"> General Assembly Meetings</label></div>
<div class="tnp-field tnp-field-checkbox tnp-field-list"><label for="nl8"><input type="checkbox" id="nl8" name="nl[]" value="6"> Ratings</label></div>
<div class="tnp-field tnp-field-email"><label for="tnp-1" style="font-size: 18px; font-weight: 400; color: #ab0434;">Enter email address</label>
<input class="tnp-email" type="email" name="ne" id="tnp-1" value="" required style="margin-bottom: 6px";> 
<button class="tnp-submit" type="button" id="btn_sub">Subscribe</button></div>
<div id="msg_alert"></div>
</div>
</form>
</div>

<script>
$("#btn_sub").on("click", function(){
console.log($("#fm_sub"). serialize());
$.ajax({
      type: 'POST',
      url: "https://staging-qatarinsurancegroup.kinsta.cloud/?na=s",
      data: $("#fm_sub"). serialize(),
      success: function() {
$("#msg_alert").html("Save Complete").fadeOut(5000); 
}
});
});
</script>
    Thread Starter sachinkumbalath

    (@sachinkumbalath)

    Tried this code data is posting but not reflecting on the subscriber list

    Thread Starter sachinkumbalath

    (@sachinkumbalath)

    Or is it a premium feature that has no support? Please confirm …

    Thread Starter sachinkumbalath

    (@sachinkumbalath)

    Can anyone suggest me a solution …

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Subscriber Form success message’ is closed to new replies.