Place to view number of checkout sessions initiated Answered

• 

  Chukwudi Onyekwere

  • June 05, 2024 10:06

  Hi Chuck,
  To track the number of checkout sessions initiated and analyze drop-off rates, Memberstack itself does not directly provide a built-in feature specifically for viewing the number of checkout sessions initiated. However, there are a couple of approaches you can take to gather insights into user behavior during the checkout process:

  1. Use External Analytics Tools
     For more advanced tracking capabilities, including monitoring checkout session initiations and drop-off rates, you can integrate external analytics tools with your Memberstack project. One recommended tool is Heap Analytics, which offers robust tracking and analysis features for user activity on your site. By setting up custom events or tracking specific URLs, you can monitor when users initiate checkout sessions and where they might be dropping off. For more information on integrating Heap Analytics with Memberstack, you can refer to this article.
  2. Abandoned Cart Emails
     Another indirect method to gauge checkout session activity is through the setup of abandoned cart emails. Memberstack allows you to automatically send emails to members who don’t complete the checkout process. These emails contain a “Continue to Checkout” button for members to resume their purchase. By tracking the engagement with these emails, you can get an idea of how many users are initiating but not completing checkout sessions. Customizing the content of these emails and analyzing the response can also provide insights into user behavior and potential barriers in the checkout process. Please check out the article on Abandoned Cart Emails here.
  0
• 

  Chuck Lapointe

  • June 05, 2024 10:09

  Hi Chukwudi Onyekwere

  The Abandoned Email tracking could work but without tracking on effectiveness of them, it’ll be hard to optimize 😅

  0
• 

  Praveer Srivastava

  • September 18, 2024 10:15

  Hey guys, Quick question: Is there a way to show content on a page based on a number count. So we platform where people can buy 1:1 sessions with mentors. We want to offer a trial lesson at a lower cost BUT we only want this shown to people who have not done a session before. So their session count in the custom field is 0, but if there session count is more >= 1 , is there a way to do this ?

  0
• 

  Evgenii Tilipman

  • September 18, 2024 10:15

  Sounds like something that can be done using JS. I would either code, consult with a person, or chatGPT for this one.

  I would approach it this way:

  1. Create a custom field in Memberstack and call it ‘Session count’
  2. Write a script that would set the initial value of the custom field to 0. Also, on a certain trigger (could be a page visit, or something else, depending how you want to track sessions) increment the session count by 1, and update Member JSON with the number.
  3. Write another script, or combine with previous where on page load, the Member JSON would be read. If the custom field has a value of 0, show all elements with an attribute [element=‘first-session’]. Else, delete the element with that attribute (you have to add the attribute onto elements that you’d want to show / hide using this logic)

  Hope that helps 😁🙌

  0
• 

  Chukwudi Onyekwere

  • September 18, 2024 10:18

  Praveer Srivastava Here's an example of what your code should look like:

  <script>
document.addEventListener("DOMContentLoaded", async () => {
const memberstack = window.$memberstackDom;
try {
const { data: member } = await memberstack.getCurrentMember();
if (member) {
let sessionCount =
member.customFields && member.customFields.sessionCount
? parseInt(member.customFields.sessionCount, 10) // Ensure the sessionCount is parsed as an integer
: 0;
if (sessionCount === 0) {
// Show the trial lesson offer for users with 0 sessions
document.querySelectorAll(".trial-offer").forEach((element) => {
element.style.display = "block";
});
} else {
// Hide the trial lesson offer for users with 1 or more sessions
document.querySelectorAll(".trial-offer").forEach((element) => {
element.style.display = "none";
});
}
}
} catch (error) {
console.error("Error getting member data:", error);
}
});
</script>

  I assumed the HTML below is where you want to show/hide the trial offer. please use the corresponding class name in your project in place of the trial-offer in the script above, and as well, the custom field name.

  <div class="trial-offer" style="display: none;">
<!-- Trial lesson offer content goes here -->
<p>Get your first trial lesson at a lower cost!</p>
</div>

  0
• 

  Praveer Srivastava

  • September 18, 2024 10:19

  Amazing thank so much for that explanation ! 😄

  Thanks Chukwudi Onyekwere!! I will try this out

  0

Please sign in to leave a comment.