Customer Journey Map
Run ID: 69cb127e42bc43f7e3be72382026-03-31Marketing
PantheraHive BOS
BOS Dashboard

Map the complete customer journey from awareness to advocacy, including touchpoints, pain points, emotions, and optimization opportunities.

Step 1 of 3: Audience Analysis for Customer Journey Mapping

Workflow: Customer Journey Map

Description: Map the complete customer journey from awareness to advocacy, including touchpoints, pain points, emotions, and optimization opportunities.

Current Step: gemini → analyze_audience


Introduction: The Foundation of a Powerful Customer Journey Map

Understanding your audience is the indispensable first step in constructing an effective customer journey map. Without a deep, empathetic understanding of who your customers are, what drives them, their challenges, and their aspirations, any journey map will be based on assumptions rather than reality. This analysis lays the groundwork by defining the key customer segments, their characteristics, behaviors, and pre-existing needs before they even interact with your brand.

This deliverable provides a comprehensive framework for audience analysis, identifying critical components and offering actionable insights to build robust customer personas, which will serve as the protagonists of your customer journey map.

Key Deliverable: Comprehensive Audience Personas

The output of this analysis is a set of detailed customer personas. These are not generic segments but semi-fictional representations of your ideal customers, based on real data and informed speculation about their demographics, behaviors, motivations, and goals. Each persona will embody a distinct segment of your target audience.

Components of a Detailed Customer Persona:

For each identified persona, the following attributes will be defined:

  1. Persona Name & Archetype: A memorable name and a brief descriptor (e.g., "Savvy Sarah - The Value Seeker").
  2. Demographics:

* Age, Gender, Location

* Occupation, Income Level, Education

* Marital Status, Family Size

  1. Psychographics:

* Goals & Motivations: What do they want to achieve? What drives their decisions? (e.g., career advancement, financial security, personal growth, convenience, social status).

* Values & Beliefs: What principles are important to them? (e.g., sustainability, innovation, community, authenticity, privacy).

* Attitudes & Personality Traits: How do they approach life and decisions? (e.g., risk-averse, early adopter, skeptical, optimistic, detail-oriented).

* Lifestyle: Hobbies, interests, daily routines.

  1. Behavioral Patterns:

* Online Habits: Preferred social media platforms, content consumption (blogs, videos, podcasts), online shopping frequency, device usage (mobile, desktop).

* Offline Habits: Shopping preferences (in-store, local), community involvement, leisure activities.

* Information Seeking: How do they research products/services? (e.g., search engines, peer reviews, expert recommendations, brand websites).

* Decision-Making Process: Impulsive vs. deliberate, price-sensitive vs. quality-driven, brand loyal vs. exploratory.

  1. Pain Points & Challenges:

* What problems do they currently face in their daily life or when trying to achieve their goals that your product/service could address?

* What frustrations do they experience with existing solutions or alternatives?

* What obstacles prevent them from achieving their desired outcomes?

  1. Needs & Expectations:

* What do they explicitly or implicitly expect from a product, service, or brand? (e.g., ease of use, excellent customer service, reliability, innovation, fair pricing, personalization).

* What would make their experience delightful?

  1. Key Influencers & Information Sources:

* Whose opinions do they trust? (e.g., industry experts, friends/family, online reviewers, celebrities).

* Which channels do they rely on for information and recommendations? (e.g., specific blogs, forums, news outlets, social media groups).

  1. Technology Acumen: Their comfort level and proficiency with various technologies.
  2. Quotes/Statements: Representative quotes that encapsulate their mindset or common frustrations.

Data Insights & Trends Informing Audience Analysis

While specific data will be gathered from your existing customer base and market research, general trends and insights universally inform modern audience analysis:

  • Digital-First & Mobile-Centric: A significant portion of the audience interacts with brands primarily through digital channels, with mobile devices often being the first point of contact. This necessitates seamless, optimized mobile experiences.
  • Personalization Imperative: Customers expect tailored experiences, recommendations, and communications. Generic messaging is increasingly ignored. Data-driven personalization enhances engagement and conversion.
  • Value-Driven Decisions: Beyond price, customers increasingly seek brands that align with their values (e.g., sustainability, ethical practices, social responsibility). Transparency and authenticity are highly valued.
  • Importance of Social Proof & Reviews: Peer reviews, testimonials, and social media mentions significantly influence purchase decisions. Trust in anonymous reviews is high.
  • Demand for Convenience & Instant Gratification: Easy, fast, and frictionless experiences are paramount. Long waiting times, complex processes, or difficult navigation lead to abandonment.
  • Omnichannel Expectations: Customers expect a consistent and seamless experience across all touchpoints, whether online, in-app, or in-store. Information should be accessible and context maintained across channels.
  • Privacy Concerns: While desiring personalization, customers are increasingly aware and concerned about data privacy. Brands must be transparent about data usage and provide control.
  • Rise of Experiential Value: Customers are increasingly willing to pay for unique and memorable experiences, not just products or services.

Recommendations for Journey Mapping Based on Audience Analysis

The insights gleaned from this detailed audience analysis will directly inform the subsequent steps of the Customer Journey Map workflow:

  1. Tailored Messaging & Content: Develop messaging that resonates directly with the specific pain points, goals, and values of each persona. Craft content that addresses their information needs at different stages.
  2. Optimized Touchpoint Selection: Prioritize and design touchpoints based on where each persona spends their time and prefers to interact (e.g., social media for Persona A, detailed blog posts for Persona B, in-person events for Persona C).
  3. Proactive Pain Point Resolution: Identify and design solutions within the journey to mitigate or eliminate the identified pain points, transforming frustrations into positive experiences.
  4. Leverage Preferred Channels & Influencers: Integrate the information sources and influencers trusted by each persona into your marketing and communication strategies to build credibility and reach.
  5. Focus on Emotional Drivers: Map the emotional highs and lows throughout the journey, understanding what evokes positive feelings and what causes frustration for each persona. Design experiences to amplify positive emotions and address negative ones.
  6. Personalized Experience Design: Identify opportunities to inject personalization into the journey, from product recommendations to customer service interactions, aligned with each persona's expectations.
  7. Segmented Journey Maps: If multiple distinct personas emerge, it will be crucial to develop separate (or highly customized) customer journey maps for each, as their paths, motivations, and touchpoints may vary significantly.

Next Steps

The completion of this audience analysis phase provides the essential foundation for mapping your customer's journey. The next steps in the "Customer Journey Map" workflow will involve:

  1. Persona Validation (if necessary): Review and validate the generated personas with internal stakeholders and, ideally, a small sample of actual customers.
  2. Define Journey Stages: Based on the personas, identify the key stages a customer goes through from initial awareness to advocacy.
  3. Brainstorm Touchpoints: For each stage and persona, identify all potential interaction points (online, offline, direct, indirect).
  4. Map Emotions & Pain Points: For each touchpoint, analyze the customer's likely emotions, pain points, and moments of truth.
  5. Identify Optimization Opportunities: Based on the mapped journey, pinpoint areas for improvement, innovation, and enhanced customer experience.

We are now ready to proceed with defining the journey stages and mapping the initial touchpoints, leveraging the deep insights gathered from this comprehensive audience analysis.

gemini Output

Unlocking Success: Your Comprehensive Customer Journey Map

Introduction: Navigating the Path to Customer Delight

Understanding your customer is the cornerstone of sustainable growth. A Customer Journey Map is a powerful visual representation of the entire customer experience with your brand, from initial awareness to loyal advocacy. It allows you to step into your customers' shoes, empathize with their needs, pinpoint their frustrations, and discover moments of truth that can be optimized for exceptional satisfaction.

This detailed map provides a strategic framework to align your marketing, sales, and service efforts, ensuring a cohesive and delightful experience at every touchpoint. By meticulously charting this journey, we can identify critical areas for improvement, innovation, and ultimately, stronger customer relationships and business outcomes.


The Core Components of Your Customer Journey Map

Before diving into the journey itself, let's define the key elements that will be analyzed at each stage:

  • Persona: The archetypal customer for whom this journey is mapped. Understanding their demographics, psychographics, goals, and motivations is crucial.
  • Stage of the Journey: The distinct phases a customer progresses through (e.g., Awareness, Consideration, Purchase, Retention, Advocacy).
  • Customer Goals: What the customer is trying to achieve at this particular stage.
  • Customer Actions: The specific steps or behaviors the customer takes.
  • Touchpoints: All direct and indirect interactions the customer has with your brand (digital, physical, human).
  • Emotions: How the customer feels at each point in their journey (e.g., curious, frustrated, excited, satisfied).
  • Pain Points: Challenges, frustrations, or obstacles the customer encounters.
  • Opportunities for Optimization: Actionable insights for improving the customer experience, resolving pain points, or enhancing positive emotions.
  • Internal Ownership: Which internal team or department is primarily responsible for managing or influencing this stage.

Detailed Customer Journey Map: From Awareness to Advocacy

For this comprehensive mapping, we will consider a generic customer persona, "Sarah," who is looking for a solution to a common problem or a new product/service.

Customer Persona: Sarah, The Savvy Seeker

  • Demographics: 30-45 years old, professional, tech-savvy.
  • Psychographics: Values convenience, quality, reliability, and good customer service. Research-oriented, seeks value for money, and trusts peer reviews.
  • Goals: Find an efficient, reliable, and user-friendly solution/product that meets her specific needs and offers good support.
  • Motivations: Solve a problem, improve efficiency, enhance lifestyle, make an informed decision.

Stage 1: Awareness - "I Have a Need/Problem"

  • Customer Goal: Recognize a problem or need, and become aware that solutions exist.
  • Customer Actions: Experiences a pain point, searches online for information, talks to friends/colleagues, sees advertisements.
  • Touchpoints:

* Search Engines (Google, Bing)

* Social Media (Facebook, Instagram, LinkedIn ads, organic posts)

* Word-of-Mouth/Referrals

* Content (Blogs, Articles, Videos)

* Online Forums/Communities

* Traditional Media (TV, Radio, Print - less common for Sarah)

  • Emotions: Curious, slightly frustrated by the problem, hopeful for a solution, potentially overwhelmed by information.
  • Pain Points: Difficulty articulating the problem, information overload, irrelevant search results, skepticism about ad claims.
  • Opportunities for Optimization:

* Content Marketing: Create valuable, SEO-optimized blog posts, guides, and videos addressing common pain points and introducing your solution subtly.

* Social Media Engagement: Run targeted awareness campaigns, engage in relevant community discussions, and showcase problem-solving scenarios.

* Referral Programs: Encourage existing satisfied customers to share their positive experiences.

* Clear Value Proposition: Ensure initial marketing messages clearly articulate the problem you solve.

  • Internal Ownership: Marketing Team

Stage 2: Consideration - "What Are My Options?"

  • Customer Goal: Evaluate potential solutions/products, compare features, benefits, and pricing, and identify top contenders.
  • Customer Actions: Visits company websites, reads product reviews, watches demo videos, compares pricing, signs up for newsletters, downloads resources (e-books, whitepapers).
  • Touchpoints:

* Company Website (Product pages, Features, Pricing, About Us)

* Review Platforms (G2, Capterra, Trustpilot, Amazon)

* Comparison Websites

* Email Marketing (Newsletters, lead nurturing sequences)

* Webinars/Online Demos

* Case Studies/Testimonials

* Customer Support Chatbots/FAQs

  • Emotions: Analytical, cautious, hopeful, slightly stressed by decision-making, seeking reassurance.
  • Pain Points: Confusing pricing structures, lack of clear feature differentiation, difficulty finding specific information, biased reviews, slow website loading.
  • Opportunities for Optimization:

* Website UX/UI: Ensure a clean, intuitive website with clear navigation, detailed product information, and transparent pricing.

* Social Proof: Prominently display customer testimonials, case studies, and positive reviews.

* Educational Content: Offer comparison guides, detailed FAQs, and product demo videos.

* Personalized Nurturing: Use email marketing to provide targeted content based on expressed interests.

* Live Chat Support: Offer real-time assistance for questions during evaluation.

  • Internal Ownership: Marketing Team, Sales Team, Product Team

Stage 3: Purchase - "I'm Ready to Buy!"

  • Customer Goal: Make a final decision, complete the transaction, and begin using the product/service.
  • Customer Actions: Adds product to cart, completes checkout, signs up for a trial, contacts sales for a quote, provides payment information.
  • Touchpoints:

* E-commerce Platform/Checkout Page

* Sales Representatives (for complex products/services)

* Payment Gateways

* Order Confirmation Emails

* Onboarding Instructions/Welcome Kit

* Trial Account Access

  • Emotions: Excited, relieved, a bit anxious (did I make the right choice?), hopeful.
  • Pain Points: Complex checkout process, hidden fees, security concerns about payment, slow loading pages, unclear terms and conditions, lack of immediate confirmation.
  • Opportunities for Optimization:

* Streamlined Checkout: Simplify the purchase process, minimize steps, and offer guest checkout options.

* Transparency: Clearly display all costs, taxes, and shipping fees upfront.

* Security Assurance: Highlight security measures for payment processing.

* Post-Purchase Communication: Send immediate, clear order confirmations and next steps.

* Sales Support: Ensure sales reps are responsive, knowledgeable, and provide a smooth closing experience.

  • Internal Ownership: Sales Team, E-commerce Team, IT/Development Team

Stage 4: Retention & Service - "I'm Using It, Now What?"

  • Customer Goal: Successfully integrate the product/service into their routine, resolve any issues, achieve desired outcomes, and feel supported.
  • Customer Actions: Uses the product/service, contacts customer support for help, explores advanced features, provides feedback, renews subscriptions.
  • Touchpoints:

* Product/Service Interface (e.g., Software UI, Physical Product)

* Customer Support (Phone, Email, Chat, Knowledge Base, FAQs)

* Tutorials/Onboarding Materials

* User Manuals

* Community Forums

* Feedback Surveys

* Billing/Account Management Portals

* Proactive Check-ins/Success Calls

  • Emotions: Satisfied, productive, occasionally frustrated (with issues), confident, supported, valued.
  • Pain Points: Difficulty finding help, slow response times from support, repetitive issues, complex product features, feeling unappreciated post-purchase.
  • Opportunities for Optimization:

* Robust Customer Support: Offer multi-channel support with quick response times and knowledgeable agents.

* Comprehensive Knowledge Base: Create easily searchable FAQs, tutorials, and troubleshooting guides.

* Proactive Engagement: Implement customer success programs, send helpful tips, and conduct regular check-ins.

* Feedback Loops: Actively solicit and act upon customer feedback to improve product and service.

* Personalized Communications: Send relevant updates, usage tips, and special offers.

  • Internal Ownership: Customer Success Team, Support Team, Product Team

Stage 5: Advocacy - "I Love It! Everyone Should Use This!"

  • Customer Goal: Share positive experiences, recommend the brand to others, and feel like a valued part of the brand community.
  • Customer Actions: Leaves positive reviews, refers friends/colleagues, shares on social media, participates in brand communities, becomes a brand ambassador.
  • Touchpoints:

* Review Platforms

* Social Media

* Referral Program Platforms

* Brand Community Forums/Groups

* Surveys (NPS, CSAT)

* Direct Communication with Friends/Colleagues

* Exclusive Offers/Loyalty Programs

  • Emotions: Enthusiastic, proud, valued, connected, influential.
  • Pain Points: Cumbersome referral processes, feeling unacknowledged for advocacy, lack of platforms to share feedback easily.
  • Opportunities for Optimization:

* Referral Programs: Create easy-to-use and rewarding referral programs.

* Social Sharing Buttons: Integrate simple sharing options within your product/website.

* Engage Advocates: Feature customer testimonials, run user-generated content campaigns, and create exclusive communities.

* Recognize Loyalty: Implement loyalty programs, offer exclusive perks, and publicly acknowledge loyal customers.

* NPS Surveys: Systematically measure and act on Net Promoter Score feedback to foster advocacy.

  • Internal Ownership: Marketing Team, Customer Success Team, Product Team

Overall Insights & Strategic Recommendations

This detailed Customer Journey Map reveals several critical areas where your brand can significantly enhance the customer experience and drive stronger engagement:

  1. Seamless Onboarding is Paramount: The post-purchase experience (Stage 3 & 4) is a make-or-break moment. A smooth, intuitive onboarding process, coupled with immediate and accessible support, is essential to convert buyers into loyal users.
  2. Proactive Engagement Builds Loyalty: Don't wait for customers to come to you with problems. Proactively provide helpful content, check-ins, and usage tips (Stage 4) to ensure they feel supported and valued.
  3. Harness the Power of Social Proof: From consideration to advocacy (Stage 2 & 5), customer reviews and testimonials are incredibly influential. Make it easy for customers to find and leave reviews, and actively promote positive feedback.
  4. Simplify and Streamline: Reduce friction at every stage. This includes simplifying website navigation, transparent pricing, an easy checkout process, and clear pathways to customer support.
  5. Data-Driven Personalization: Leverage data to personalize communications and offers, making each interaction more relevant and impactful, especially during the consideration and retention phases.

Call to Action: Let's Refine Your Customer Experience

This comprehensive Customer Journey Map provides a robust foundation. The next crucial step is to tailor this framework to your specific business, products, and customer segments.

We recommend the following actionable next steps:

  1. Validate & Customize: Gather internal stakeholders (marketing, sales, support, product) to review this map, providing specific examples and data points relevant to your actual customer interactions.
  2. Identify Key Metrics: For each stage, define specific KPIs (Key Performance Indicators) to measure success and identify areas needing immediate attention (e.g., website bounce rate, conversion rates, support ticket volume, NPS).
  3. Prioritize Optimization Initiatives: Based on identified pain points and opportunities, develop a prioritized action plan to implement improvements across touchpoints.

Ready to transform your customer journey into a competitive advantage?

[Contact Us Today to Schedule Your Personalized Journey Mapping Workshop!](mailto:info@yourcompany.com?subject=Customer%20Journey%20Map%20Workshop%20Inquiry)


gemini Output

Customer Journey Map: Optimized & Finalized Report

Date: October 26, 2023

Prepared For: Valued Customer

Prepared By: PantheraHive AI Assistant


1. Executive Summary

This comprehensive Customer Journey Map provides a detailed visualization of your typical customer's experience, from initial awareness of a need to becoming a loyal advocate. By mapping touchpoints, emotions, pain points, and opportunities across each stage, this report offers actionable insights to enhance customer satisfaction, reduce churn, and drive business growth. The goal is to foster a seamless, positive, and memorable journey that converts prospects into enthusiastic promoters.


2. Introduction to the Customer Journey Map

A Customer Journey Map is a strategic tool that illustrates the various steps a customer takes when interacting with your brand, product, or service. It's built from the customer's perspective, highlighting their goals, actions, thoughts, and feelings at each stage.

Key Components of This Map:

  • Customer Persona: The archetypal customer whose journey is being mapped.
  • Stages: The distinct phases a customer progresses through.
  • Customer Goals: What the customer aims to achieve at each stage.
  • Customer Actions: What the customer does.
  • Touchpoints: Specific interactions with your brand (website, email, support, etc.).
  • Emotions: The customer's feelings (positive, neutral, negative).
  • Pain Points: Challenges, frustrations, or obstacles encountered.
  • Optimization Opportunities: Actionable recommendations to improve the experience.
  • Key Metrics: Ways to measure the success of improvements.

This map serves as a living document, encouraging continuous improvement and customer-centric decision-making across all departments.


3. Customer Persona: "Savvy Sarah"

To provide a focused and empathetic perspective, this journey map is centered around a representative customer persona:

  • Name: Sarah Chen
  • Age: 34
  • Occupation: Marketing Manager at a mid-sized tech company
  • Goals:

* Find efficient solutions to manage her team's projects and tasks.

* Improve productivity and collaboration within her department.

* Simplify complex workflows.

* Stay updated with industry best practices and tools.

  • Pain Points:

* Overwhelmed by too many disparate tools.

* Difficulty in tracking project progress and team workload.

* Lack of clear communication channels.

* Time-consuming manual reporting.

  • Behaviors:

* Tech-savvy, researches online extensively.

* Values efficiency, user-friendliness, and strong support.

* Influenced by peer reviews and expert recommendations.

* Prefers self-service options but appreciates responsive human support when needed.

  • Motivations: Career advancement, team success, personal efficiency.

4. Detailed Customer Journey Map

This section breaks down Savvy Sarah's journey through five distinct stages, from initial problem recognition to becoming a brand advocate.

Stage 1: Awareness - "I have a problem, and I need a solution."

  • Customer Goal: Recognize a need for a better system/tool; understand the scope of the problem.
  • Customer Actions: Experiences frustration, searches for general solutions, discusses with colleagues.
  • Touchpoints:

* Internal meetings (identifying inefficiencies)

* Online searches (Google: "project management tools," "team collaboration software")

* Industry blogs, articles, forums (reading about best practices)

* Social media (LinkedIn discussions, ads)

* Word-of-mouth (colleague recommendations)

  • Emotions:

* Negative: Frustration, overwhelmed, stressed by inefficiencies.

* Neutral: Curious, open to new ideas.

* Positive: Hopeful about finding a solution.

  • Pain Points:

* Difficulty articulating the exact problem or its root cause.

* Overload of information from initial searches; not knowing where to start.

* Skepticism about whether any tool can truly solve her specific issues.

  • Optimization Opportunities:

* Content Marketing: Create blog posts, infographics, and short videos addressing common pain points (e.g., "5 Signs Your Team Needs Better Project Management," "Overcoming Collaboration Chaos").

* SEO: Optimize website content for problem-aware keywords (e.g., "how to improve team productivity," "solutions for project tracking").

* Social Media Engagement: Participate in relevant industry discussions, run targeted awareness campaigns.

* Partnerships: Collaborate with industry influencers or complementary businesses to reach new audiences.

  • Key Metrics to Track: Website traffic (blog/solution pages), social media reach/engagement, organic search rankings for problem-aware keywords.

Stage 2: Consideration - "What are my options, and which one is best?"

  • Customer Goal: Evaluate potential solutions; narrow down choices based on features, price, and suitability.
  • Customer Actions: Visits product websites, reads reviews, compares features, watches demo videos, signs up for free trials or webinars.
  • Touchpoints:

* Your website (product pages, pricing, features, case studies)

* Review sites (G2, Capterra, Trustpilot)

* Comparison articles/videos

* Competitor websites

* Webinars, product demos (live or recorded)

* Email nurturing sequences (after signup for resources/trial)

* Sales outreach (if persona opts-in)

  • Emotions:

* Neutral: Analytical, cautious, evaluative.

* Positive: Excited about potential solutions, confident in finding a good fit.

* Negative: Overwhelmed by choices, confused by jargon, frustrated by feature comparisons.

  • Pain Points:

* Difficulty understanding complex features or technical specifications.

* Lack of clear differentiation between competing products.

* Concerns about integration with existing tools.

* Time commitment required for trials and demos.

* Uncertainty about long-term value or scalability.

  • Optimization Opportunities:

* Clear Value Proposition: Ensure website copy and marketing materials clearly articulate unique selling propositions (USPs) and benefits, not just features.

* Comparison Pages: Create dedicated "vs. Competitor X" pages on your website.

* Interactive Demos/Walkthroughs: Offer self-guided product tours or personalized demo options.

* Case Studies & Testimonials: Showcase success stories from similar businesses/roles.

* Trial Experience Optimization: Streamline signup, provide clear onboarding guides, and proactive in-app tips during free trials.

* Educational Content: Develop guides on "How to Choose the Right [Product Category] Tool."

  • Key Metrics to Track: Free trial sign-ups, demo requests, website conversion rates (from product pages), review site ratings, email open/click rates.

Stage 3: Decision - "This is the one for me!"

  • Customer Goal: Make a final decision and commit to a purchase/subscription.
  • Customer Actions: Consults with decision-makers, reviews terms, selects a plan, enters payment information, completes onboarding.
  • Touchpoints:

* Pricing page, FAQ page

* Sales team (if applicable, for larger plans or enterprise)

* Legal/Terms of Service documents

* Checkout/Payment gateway

* Welcome email, onboarding flow

* Customer support (pre-purchase questions)

  • Emotions:

* Positive: Relief, excitement, anticipation, confidence in the choice.

* Neutral: Apprehension about commitment, hope for a smooth setup.

* Negative: Anxiety about cost, fear of making the wrong decision, frustration with complex payment processes.

  • Pain Points:

* Hidden costs or unclear pricing structures.

* Complicated checkout processes or payment issues.

* Lack of immediate support for last-minute questions.

* Concerns about data migration or initial setup.

* Difficulty getting buy-in from internal stakeholders.

  • Optimization Opportunities:

* Transparent Pricing: Clearly display all costs, renewal terms, and features for each plan. Offer an ROI calculator.

* Streamlined Checkout: Ensure a simple, secure, and intuitive payment process with minimal steps. Offer multiple payment options.

* Pre-Purchase Support: Implement live chat or dedicated sales contact for urgent pre-purchase queries.

* Onboarding Assistance: Provide clear, step-by-step onboarding guides, video tutorials, and dedicated onboarding specialists (for higher-tier plans).

* Team Adoption Resources: Offer templates, best practices, and training materials to help the entire team adopt the new tool.

  • Key Metrics to Track: Conversion rate from trial to paid, average contract value (ACV), churn rate during initial weeks, successful onboarding completion rate, support ticket volume (pre-purchase).

Stage 4: Service/Retention - "I'm using the product and getting value."

  • Customer Goal: Successfully integrate the product into daily workflow, achieve desired outcomes, receive ongoing support, and feel valued.
  • Customer Actions: Uses the product regularly, explores features, contacts support for issues, provides feedback, attends user training.
  • Touchpoints:

* Product/Software interface (daily usage)

* Knowledge Base/Help Center (self-service)

* Customer Support (chat, email, phone)

* Email newsletters (product updates, tips)

* In-app notifications, tooltips

* User community/forum

* Account Manager/Customer Success Manager (for higher-tier plans)

  • Emotions:

* Positive: Productive, satisfied, empowered, supported, valued, achieving goals.

* Neutral: Routine, comfortable with the tool.

* Negative: Frustrated by bugs, confused by new features, ignored by support, feeling stuck.

  • Pain Points:

* Difficulty finding answers in the knowledge base.

* Slow response times or unhelpful support interactions.

* Product bugs or performance issues.

* Lack of understanding of advanced features.

* Feeling like just another number, not a valued customer.

* Product not evolving to meet changing needs.

  • Optimization Opportunities:

* Proactive Support & Education: Segment users and send targeted tips, tutorials, and best practices. Host regular webinars on advanced features.

* Robust Knowledge Base: Ensure the help center is comprehensive, searchable, and regularly updated.

* Multi-Channel Support: Offer various support channels (chat, email, phone) with clear SLAs. Empower support agents with comprehensive training and tools.

* Feedback Loops: Implement in-app surveys, NPS (Net Promoter Score) surveys, and user interviews to gather continuous feedback. Act on feedback transparently.

* Customer Success Program: For key accounts, assign dedicated CSMs to proactively engage, ensure adoption, and demonstrate ROI.

* Feature Discovery: Use in-app guidance to highlight new or underutilized features.

  • Key Metrics to Track: Product usage metrics (DAU/MAU, feature adoption), NPS/CSAT scores, support ticket resolution time/satisfaction, churn rate, retention rate, customer lifetime value (CLTV).

Stage 5: Advocacy - "I love this product and tell everyone about it!"

  • Customer Goal: Share positive experiences, recommend the product to others, and contribute to the brand community.
  • Customer Actions: Refers colleagues, writes positive reviews, shares on social media, participates in user groups, provides testimonials, renews subscription.
  • Touchpoints:

* Referral program interface

* Review sites (G2, Capterra)

* Social media (LinkedIn, Twitter)

* Company blog/newsletters (as a featured customer)

* Customer community/forum

* Direct conversations with peers

* Renewal notifications

  • Emotions:

* Positive: Loyalty, pride, enthusiasm, sense of belonging, satisfaction from helping others.

  • Pain Points:

* Cumbersome referral process.

* Lack of clear avenues for providing testimonials or sharing success stories.

* Feeling unheard if feedback isn't acknowledged.

  • Optimization Opportunities:

* Referral Program: Implement an easy-to-use and rewarding referral program.

* Review Prompts: Strategically prompt satisfied customers (e.g., after achieving a milestone or high NPS score) to leave reviews on relevant platforms.

* Testimonial & Case Study Program: Actively solicit testimonials and feature customer success stories on your website and marketing materials.

* Community Building: Foster an active online community (forum, Slack group) where advocates can connect and share knowledge.

* Brand Ambassador Program: Identify and empower top advocates with exclusive content, early access to features, or special recognition.

* Personalized Renewal Experience: Make renewals seamless and potentially offer loyalty incentives.

  • Key Metrics to Track: Referral program participation, number of positive reviews, social media mentions/shares, renewal rates, customer testimonials collected, brand sentiment.

5. Key Insights & Overarching Themes

  • Information Overload is a Barrier: Customers at Awareness and Consideration stages are often overwhelmed. Clear, concise, and problem-solution-oriented content is crucial.
  • Seamless Onboarding is Non-Negotiable: The transition from decision to active usage (Stage 3 to 4) is a critical churn point. A smooth, guided onboarding experience directly impacts long-term retention.
  • Proactive Support Drives Retention: Moving beyond reactive problem-solving to proactive education and customer success management significantly improves customer satisfaction and reduces pain points in the Service stage.
  • Emotions Dictate Action: Negative emotions (frustration, anxiety) are strong indicators of pain points. Addressing these directly can turn a potential detractor into a loyal customer. Positive emotions (relief, empowerment) should be amplified.
  • Advocacy is Earned: Customers only become advocates when they consistently derive value and feel supported. This stage is a culmination of positive experiences across the entire journey.
  • The Power of Transparency: Clear pricing, honest communication about product capabilities, and transparent feedback loops build trust at every stage.

6. Recommended Next Steps & Action Plan

To effectively leverage this Customer Journey Map, we recommend the following phased action plan:

  1. Prioritize Pain Points:

* Convene a cross-functional team (Marketing, Sales, Product, Support, CX) to review the identified pain points.

* Rank pain points by severity and impact on customer experience and business goals.

* Select 2-3 high-priority pain points to address in the next quarter.

  1. Develop Targeted Initiatives:

* For each prioritized pain point, brainstorm specific solutions and assign ownership to relevant departments.

* Example 1 (Pain Point: Information Overload in Consideration):

* Initiative: Develop a "Buyer's Guide for [Product Category]" and create a 3-part email nurture series for trial users focusing on core benefits.

* Owner: Marketing Team

* Timeline: Q4 2023

* Example 2 (Pain Point: Complex Onboarding in Decision/Service):

* Initiative: Revamp the initial product walkthrough, add in-app contextual help for key features, and create a "Getting Started" video series.

* Owner: Product & Customer Success Teams

* Timeline: Q1 2024

*Example 3 (

customer_journey_map.md
Download as Markdown
Copy all content
Full output as text
Download ZIP
IDE-ready project ZIP
Copy share link
Permanent URL for this run
Get Embed Code
Embed this result on any website
Print / Save PDF
Use browser print dialog
\n\n\n"); var hasSrcMain=Object.keys(extracted).some(function(k){return k.indexOf("src/main")>=0;}); if(!hasSrcMain) zip.file(folder+"src/main."+ext,"import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App'\nimport './index.css'\n\nReactDOM.createRoot(document.getElementById('root')!).render(\n \n \n \n)\n"); var hasSrcApp=Object.keys(extracted).some(function(k){return k==="src/App."+ext||k==="App."+ext;}); if(!hasSrcApp) zip.file(folder+"src/App."+ext,"import React from 'react'\nimport './App.css'\n\nfunction App(){\n return(\n
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n
\n )\n}\nexport default App\n"); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e}\n.app{min-height:100vh;display:flex;flex-direction:column}\n.app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}\nh1{font-size:2.5rem;font-weight:700}\n"); zip.file(folder+"src/App.css",""); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/pages/.gitkeep",""); zip.file(folder+"src/hooks/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\n## Open in IDE\nOpen the project folder in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Vue (Vite + Composition API + TypeScript) --- */ function buildVue(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "type": "module",\n "scripts": {\n "dev": "vite",\n "build": "vue-tsc -b && vite build",\n "preview": "vite preview"\n },\n "dependencies": {\n "vue": "^3.5.13",\n "vue-router": "^4.4.5",\n "pinia": "^2.3.0",\n "axios": "^1.7.9"\n },\n "devDependencies": {\n "@vitejs/plugin-vue": "^5.2.1",\n "typescript": "~5.7.3",\n "vite": "^6.0.5",\n "vue-tsc": "^2.2.0"\n }\n}\n'); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport { resolve } from 'path'\n\nexport default defineConfig({\n plugins: [vue()],\n resolve: { alias: { '@': resolve(__dirname,'src') } }\n})\n"); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]}\n'); zip.file(folder+"tsconfig.app.json",'{\n "compilerOptions":{\n "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"],\n "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true,\n "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue",\n "strict":true,"paths":{"@/*":["./src/*"]}\n },\n "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"]\n}\n'); zip.file(folder+"env.d.ts","/// \n"); zip.file(folder+"index.html","\n\n\n \n \n "+slugTitle(pn)+"\n\n\n
\n \n\n\n"); var hasMain=Object.keys(extracted).some(function(k){return k==="src/main.ts"||k==="main.ts";}); if(!hasMain) zip.file(folder+"src/main.ts","import { createApp } from 'vue'\nimport { createPinia } from 'pinia'\nimport App from './App.vue'\nimport './assets/main.css'\n\nconst app = createApp(App)\napp.use(createPinia())\napp.mount('#app')\n"); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue","\n\n\n\n\n"); zip.file(folder+"src/assets/main.css","*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#fff;color:#213547}\n"); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/views/.gitkeep",""); zip.file(folder+"src/stores/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\nOpen in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Angular (v19 standalone) --- */ function buildAngular(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var sel=pn.replace(/_/g,"-"); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "scripts": {\n "ng": "ng",\n "start": "ng serve",\n "build": "ng build",\n "test": "ng test"\n },\n "dependencies": {\n "@angular/animations": "^19.0.0",\n "@angular/common": "^19.0.0",\n "@angular/compiler": "^19.0.0",\n "@angular/core": "^19.0.0",\n "@angular/forms": "^19.0.0",\n "@angular/platform-browser": "^19.0.0",\n "@angular/platform-browser-dynamic": "^19.0.0",\n "@angular/router": "^19.0.0",\n "rxjs": "~7.8.0",\n "tslib": "^2.3.0",\n "zone.js": "~0.15.0"\n },\n "devDependencies": {\n "@angular-devkit/build-angular": "^19.0.0",\n "@angular/cli": "^19.0.0",\n "@angular/compiler-cli": "^19.0.0",\n "typescript": "~5.6.0"\n }\n}\n'); zip.file(folder+"angular.json",'{\n "$schema": "./node_modules/@angular/cli/lib/config/schema.json",\n "version": 1,\n "newProjectRoot": "projects",\n "projects": {\n "'+pn+'": {\n "projectType": "application",\n "root": "",\n "sourceRoot": "src",\n "prefix": "app",\n "architect": {\n "build": {\n "builder": "@angular-devkit/build-angular:application",\n "options": {\n "outputPath": "dist/'+pn+'",\n "index": "src/index.html",\n "browser": "src/main.ts",\n "tsConfig": "tsconfig.app.json",\n "styles": ["src/styles.css"],\n "scripts": []\n }\n },\n "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"}\n }\n }\n }\n}\n'); zip.file(folder+"tsconfig.json",'{\n "compileOnSave": false,\n "compilerOptions": {"baseUrl":"./","outDir":"./dist/out-tsc","forceConsistentCasingInFileNames":true,"strict":true,"noImplicitOverride":true,"noPropertyAccessFromIndexSignature":true,"noImplicitReturns":true,"noFallthroughCasesInSwitch":true,"paths":{"@/*":["src/*"]},"skipLibCheck":true,"esModuleInterop":true,"sourceMap":true,"declaration":false,"experimentalDecorators":true,"moduleResolution":"bundler","importHelpers":true,"target":"ES2022","module":"ES2022","useDefineForClassFields":false,"lib":["ES2022","dom"]},\n "references":[{"path":"./tsconfig.app.json"}]\n}\n'); zip.file(folder+"tsconfig.app.json",'{\n "extends":"./tsconfig.json",\n "compilerOptions":{"outDir":"./dist/out-tsc","types":[]},\n "files":["src/main.ts"],\n "include":["src/**/*.d.ts"]\n}\n'); zip.file(folder+"src/index.html","\n\n\n \n "+slugTitle(pn)+"\n \n \n \n\n\n \n\n\n"); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser';\nimport { appConfig } from './app/app.config';\nimport { AppComponent } from './app/app.component';\n\nbootstrapApplication(AppComponent, appConfig)\n .catch(err => console.error(err));\n"); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; }\n"); var hasComp=Object.keys(extracted).some(function(k){return k.indexOf("app.component")>=0;}); if(!hasComp){ zip.file(folder+"src/app/app.component.ts","import { Component } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'app-root',\n standalone: true,\n imports: [RouterOutlet],\n templateUrl: './app.component.html',\n styleUrl: './app.component.css'\n})\nexport class AppComponent {\n title = '"+pn+"';\n}\n"); zip.file(folder+"src/app/app.component.html","
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n \n
\n"); zip.file(folder+"src/app/app.component.css",".app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1{font-size:2.5rem;font-weight:700;color:#6366f1}\n"); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { provideRouter } from '@angular/router';\nimport { routes } from './app.routes';\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n provideRouter(routes)\n ]\n};\n"); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router';\n\nexport const routes: Routes = [];\n"); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nng serve\n# or: npm start\n\`\`\`\n\n## Build\n\`\`\`bash\nng build\n\`\`\`\n\nOpen in VS Code with Angular Language Service extension.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n.angular/\n"); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var reqMap={"numpy":"numpy","pandas":"pandas","sklearn":"scikit-learn","tensorflow":"tensorflow","torch":"torch","flask":"flask","fastapi":"fastapi","uvicorn":"uvicorn","requests":"requests","sqlalchemy":"sqlalchemy","pydantic":"pydantic","dotenv":"python-dotenv","PIL":"Pillow","cv2":"opencv-python","matplotlib":"matplotlib","seaborn":"seaborn","scipy":"scipy"}; var reqs=[]; Object.keys(reqMap).forEach(function(k){if(src.indexOf("import "+k)>=0||src.indexOf("from "+k)>=0)reqs.push(reqMap[k]);}); var reqsTxt=reqs.length?reqs.join("\n"):"# add dependencies here\n"; zip.file(folder+"main.py",src||"# "+title+"\n# Generated by PantheraHive BOS\n\nprint(title+\" loaded\")\n"); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\npython3 -m venv .venv\nsource .venv/bin/activate\npip install -r requirements.txt\n\`\`\`\n\n## Run\n\`\`\`bash\npython main.py\n\`\`\`\n"); zip.file(folder+".gitignore",".venv/\n__pycache__/\n*.pyc\n.env\n.DS_Store\n"); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var depMap={"mongoose":"^8.0.0","dotenv":"^16.4.5","axios":"^1.7.9","cors":"^2.8.5","bcryptjs":"^2.4.3","jsonwebtoken":"^9.0.2","socket.io":"^4.7.4","uuid":"^9.0.1","zod":"^3.22.4","express":"^4.18.2"}; var deps={}; Object.keys(depMap).forEach(function(k){if(src.indexOf(k)>=0)deps[k]=depMap[k];}); if(!deps["express"])deps["express"]="^4.18.2"; var pkgJson=JSON.stringify({"name":pn,"version":"1.0.0","main":"src/index.js","scripts":{"start":"node src/index.js","dev":"nodemon src/index.js"},"dependencies":deps,"devDependencies":{"nodemon":"^3.0.3"}},null,2)+"\n"; zip.file(folder+"package.json",pkgJson); var fallback="const express=require(\"express\");\nconst app=express();\napp.use(express.json());\n\napp.get(\"/\",(req,res)=>{\n res.json({message:\""+title+" API\"});\n});\n\nconst PORT=process.env.PORT||3000;\napp.listen(PORT,()=>console.log(\"Server on port \"+PORT));\n"; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000\n"); zip.file(folder+".gitignore","node_modules/\n.env\n.DS_Store\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\n\`\`\`\n\n## Run\n\`\`\`bash\nnpm run dev\n\`\`\`\n"); } /* --- Vanilla HTML --- */ function buildVanillaHtml(zip,folder,app,code){ var title=slugTitle(app); var isFullDoc=code.trim().toLowerCase().indexOf("=0||code.trim().toLowerCase().indexOf("=0; var indexHtml=isFullDoc?code:"\n\n\n\n\n"+title+"\n\n\n\n"+code+"\n\n\n\n"; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e}\n"); zip.file(folder+"script.js","/* "+title+" — scripts */\n"); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Open\nDouble-click \`index.html\` in your browser.\n\nOr serve locally:\n\`\`\`bash\nnpx serve .\n# or\npython3 -m http.server 3000\n\`\`\`\n"); zip.file(folder+".gitignore",".DS_Store\nnode_modules/\n.env\n"); } /* ===== MAIN ===== */ var sc=document.createElement("script"); sc.src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"; sc.onerror=function(){ if(lbl)lbl.textContent="Download ZIP"; alert("JSZip load failed — check connection."); }; sc.onload=function(){ var zip=new JSZip(); var base=(_phFname||"output").replace(/\.[^.]+$/,""); var app=base.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"my_app"; var folder=app+"/"; var vc=document.getElementById("panel-content"); var panelTxt=vc?(vc.innerText||vc.textContent||""):""; var lang=detectLang(_phCode,panelTxt); if(_phIsHtml){ buildVanillaHtml(zip,folder,app,_phCode); } else if(lang==="flutter"){ buildFlutter(zip,folder,app,_phCode,panelTxt); } else if(lang==="react-native"){ buildReactNative(zip,folder,app,_phCode,panelTxt); } else if(lang==="swift"){ buildSwift(zip,folder,app,_phCode,panelTxt); } else if(lang==="kotlin"){ buildKotlin(zip,folder,app,_phCode,panelTxt); } else if(lang==="react"){ buildReact(zip,folder,app,_phCode,panelTxt); } else if(lang==="vue"){ buildVue(zip,folder,app,_phCode,panelTxt); } else if(lang==="angular"){ buildAngular(zip,folder,app,_phCode,panelTxt); } else if(lang==="python"){ buildPython(zip,folder,app,_phCode); } else if(lang==="node"){ buildNode(zip,folder,app,_phCode); } else { /* Document/content workflow */ var title=app.replace(/_/g," "); var md=_phAll||_phCode||panelTxt||"No content"; zip.file(folder+app+".md",md); var h=""+title+""; h+="

"+title+"

"; var hc=md.replace(/&/g,"&").replace(//g,">"); hc=hc.replace(/^### (.+)$/gm,"

$1

"); hc=hc.replace(/^## (.+)$/gm,"

$1

"); hc=hc.replace(/^# (.+)$/gm,"

$1

"); hc=hc.replace(/\*\*(.+?)\*\*/g,"$1"); hc=hc.replace(/\n{2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\nFiles:\n- "+app+".md (Markdown)\n- "+app+".html (styled HTML)\n"); } zip.generateAsync({type:"blob"}).then(function(blob){ var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=app+".zip"; a.click(); URL.revokeObjectURL(a.href); if(lbl)lbl.textContent="Download ZIP"; }); }; document.head.appendChild(sc); } function phShare(){navigator.clipboard.writeText(window.location.href).then(function(){var el=document.getElementById("ph-share-lbl");if(el){el.textContent="Link copied!";setTimeout(function(){el.textContent="Copy share link";},2500);}});}function phEmbed(){var runId=window.location.pathname.split("/").pop().replace(".html","");var embedUrl="https://pantherahive.com/embed/"+runId;var code='';navigator.clipboard.writeText(code).then(function(){var el=document.getElementById("ph-embed-lbl");if(el){el.textContent="Embed code copied!";setTimeout(function(){el.textContent="Get Embed Code";},2500);}});}