<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>E-handel och detaljhandel &#8211; Node Nordic &#8211; AI Konsult för företag</title>
	<atom:link href="https://nodenordic.se/function/e-handel-och-detaljhandel/feed/" rel="self" type="application/rss+xml" />
	<link>https://nodenordic.se</link>
	<description>Vi guidar er från AI-strategi och pilot till färdig implementation och skalning.</description>
	<lastBuildDate>Fri, 23 Jan 2026 02:51:39 +0000</lastBuildDate>
	<language>sv-SE</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://nodenordic.se/wp-content/uploads/2025/12/cropped-icon-32x32.png</url>
	<title>E-handel och detaljhandel &#8211; Node Nordic &#8211; AI Konsult för företag</title>
	<link>https://nodenordic.se</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Skapa produktkonceptlistor</title>
		<link>https://nodenordic.se/prompts/skapa-produktkonceptlistor/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=skapa-produktkonceptlistor</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:51:39 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5001752</guid>

					<description><![CDATA[<p>Fast i vad du ska lansera härnäst – ta fram varumärkesnära produktkoncept med trender, differentiering och genomförbarhet.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-produktkonceptlistor/">Skapa produktkonceptlistor</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: product concept lineups -->

<div class="hook-introduction">

<p>Du vet att du behöver en ny produkt. Men dina brainstorms fortsätter att kretsa kring samma tre idéer, och ingen av dem känns “rätt” för ditt varumärke eller dina kunder. Än värre: du riskerar att lansera något trendigt som inte passar i ditt sortiment, eller något som ligger i linje med varumärket men som ingen faktiskt vill ha.</p>



<p>Den här AI-prompten för <strong>product concept lineups</strong> är byggd för <strong>varumärkesansvariga</strong> som ska planera de kommande 2–4 lanseringarna utan att urvattna positioneringen, <strong>e-handelsansvariga</strong> som behöver SKU-klara idéer som kompletterar det som redan säljer, och <strong>konsulter</strong> som måste presentera differentierade koncept som kunder kan godkänna. Resultatet är en strukturerad lineup med distinkta, genomförbara produktkoncept med kundinsikter, trenddrivare, sortimentsgap och tydliga differentieringsvinklar.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Det här får du</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den sammanfattar först din företagskontext och markerar saknade inputs med upp till tre riktade frågor.</li>
          <li>Den tar fram en kundbild med 3–6 konkreta insikter, inklusive triggers, begränsningar och användningskontext.</li>
          <li>Den gör en trendspaning med 4–7 efterfrågedrivare och förklarar varför varje punkt är relevant för din målgrupp.</li>
          <li>Den kartlägger sortimentsgap genom att jämföra dina nuvarande produkter med ouppfyllda behov och “white space”-möjligheter.</li>
          <li>Den genererar differentierade produktkoncept som är genomförbara och i linje med din angivna varumärkesröst eller tonalitet.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du planerar nästa säsongs roadmap och behöver mer än en moodboard med “coola idéer”.</li>
          <li>Ditt nuvarande sortiment säljer, men tillväxten planar ut och katalogen har tydliga hål.</li>
          <li>Du måste välja mellan flera riktningar (premiumisering, refill/prenumeration, bundles), och teamet har fastnat.</li>
          <li>En konkurrent har precis lanserat en liknande produkt, så du behöver ny differentiering utan att hamna i ett race to the bottom.</li>
          <li>Du skalar upp i nya kanaler eller segment och vill ha koncept som kompletterar befintliga bästsäljare, inte kannibaliserar dem.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En lineup med flera produktkoncept, med distinkta idéer som du kan kortlista i en enda genomgång.</li>
           <li>En sektion “Kundbild” med 3–6 punkter om problem, önskemål och köp-triggers.</li>
           <li>En lista “Trendspaning” med 4–7 punkter, direkt kopplad till din målgrupp och kategorikontext.</li>
           <li>En karta över sortimentsgap som visar vad du täcker idag och var det finns white space.</li>
           <li>Positioneringsdetaljer per koncept som tydliggör differentiering, genomförbarhet och varumärkespassning.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: generator för produktkoncept-lineup</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[FORETAGSNAMN]</code></td>
                                <td class="var-desc">
                                    Ange det fullständiga namnet på företaget eller organisationen som produktkoncepten tas fram för.                                    <div class="var-example">Till exempel: "GreenTech Solutions Inc."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[FORETAGSNAMN]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VARUMARKESROST]</code></td>
                                <td class="var-desc">
                                    Beskriv vilken ton och vilken kommunikationsstil varumärket använder i sin kommunikation, till exempel formell, vänlig eller kaxig.                                    <div class="var-example">Till exempel: "Självsäker, miljömedveten och lättillgänglig."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VARUMARKESROST]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TON]</code></td>
                                <td class="var-desc">
                                    Ange vilken ton eller känsla som ska användas i texten, till exempel professionell, lekfull eller inspirerande.                                    <div class="var-example">Till exempel: "Professionell men samtidigt varm och välkomnande."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TON]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[ANTAL_IDEER]</code></td>
                                <td class="var-desc">
                                    Ange hur många produktkoncept som totalt ska genereras i idéfasen.                                    <div class="var-example">Till exempel: "5"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[ANTAL_IDEER]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[NUVARANDE_PRODUKTSORTIMENT]</code></td>
                                <td class="var-desc">
                                    Ge en sammanfattning eller lista över de produkter eller tjänster som företaget erbjuder i dag.                                    <div class="var-example">Till exempel: "Återanvändbara vattenflaskor, hopfällbara matlådor och kompostkärl."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[NUVARANDE_PRODUKTSORTIMENT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VARUMARKESVARDERINGAR_OCH_MISSION]</code></td>
                                <td class="var-desc">
                                    Beskriv de grundprinciper och det syfte som vägleder företaget, inklusive åtaganden och mål.                                    <div class="var-example">Till exempel: "Att främja hållbarhet genom innovativa, miljövänliga vardagsprodukter."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VARUMARKESVARDERINGAR_OCH_MISSION]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Sammanfatta verksamhetens viktigaste erbjudanden, inklusive vilka produkter eller tjänster det handlar om och deras främsta egenskaper.                                    <div class="var-example">Till exempel: "En serie premium, anpassningsbara möbler framtagna för små ytor."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[MALGRUPP]</code></td>
                                <td class="var-desc">
                                    Beskriv den primära kundgruppen, inklusive demografi, behov och köpbeteenden.                                    <div class="var-example">Till exempel: "Millenniegenerationens husägare som värdesätter hållbar livsstil och modern design."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[MALGRUPP]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BRANSCH]</code></td>
                                <td class="var-desc">
                                    Ange vilken bransch eller nisch företaget verkar inom, till exempel teknik, vård eller konsumentvaror.                                    <div class="var-example">Till exempel: "Lösningar för hemmets organisering och förvaring."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BRANSCH]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HUVUDMAL]</code></td>
                                <td class="var-desc">
                                    Ange vilket övergripande mål företaget vill uppnå med de nya produktkoncepten, till exempel ökad omsättning eller inträde på en ny marknad.                                    <div class="var-example">Till exempel: "Expandera till miljövänliga resetillbehör för att öka marknadsandelen."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[HUVUDMAL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Ange budgetramar eller intervall som avsatts för att genomföra produktidéerna.                                    <div class="var-example">Till exempel: "50 000–100 000 USD för initial utveckling och marknadsföring."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIDSRAM]</code></td>
                                <td class="var-desc">
                                    Ange tidsplanen för lansering eller genomförande av de nya produktkoncepten.                                    <div class="var-example">Till exempel: "6 månader från idéarbete till marknadslansering."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIDSRAM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Beskriv eventuell kompletterande bakgrund eller situationsspecifika detaljer som är relevanta för idéarbetet.                                    <div class="var-example">Till exempel: "Företaget möter ökad konkurrens från billigare alternativ och vill differentiera sig genom premiumdesign och miljövänliga material."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Vad detta INTE är</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Föranalys</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Anteckningar: målgrupp + marknad + luckor</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Produktkoncept (upprepa för varje idé)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL
Skapa en uppsättning nya, praktiska produktkoncept för **[FORETAGSNAMN]** som passar deras kunder, kompletterar det de redan säljer, speglar deras syfte och har tydlig marknadsdifferentiering. Varje koncept måste positioneras för att öka köparintresse, intäktspotential och varumärkesuppfattning.

## PERSONA
Du är en **innovationsstrateg och produktidéansvarig** med styrkor inom kundinsikt, trendspaning och koncept-till-marknad-tänk. Skriv med skarp, affärsvänlig kreativitet: konkret, specifikt och förankrat i genomförbarhet.

## BEGRÄNSNINGAR
- Varje idé måste vara **tydlig**, **genomförbar** och **varumärkesmässigt konsekvent**.
- Inkludera **kundbehov**, **aktuella marknadsrörelser** och **luckor i befintligt sortiment**.
- Undvik vaga koncept (“en app som hjälper...”) om det inte innehåller en tydlig mekanism och en tydlig uppsättning funktioner.
- Utgå inte från reglerade/medicinska påståenden, garanterade resultat eller proprietär teknik om det inte framgår av input.
- Håll språket i linje med **[VARUMARKESROST]** och/eller **[TON]**.

### Vad detta INTE är
- Inte en fullständig affärsplan, investerarpresentation eller full PRD.
- Inte juridisk, medicinsk eller regulatorisk rådgivning.
- Inte upphandling av tillverkning, detaljerad kostnadsmodellering eller tekniska ingenjörsritningar.

## PROCESS
1. **Föranalys (ange din förståelse först):** Sammanfatta kort vad du ska skapa för {Company} och vad du baserar det på (målgrupp, trender, sortiment, värderingar). Om något saknas, lista dina antaganden eller ställ upp till 3 riktade frågor.
2. **Kundbild:** Extrahera 3–6 centrala insikter om målgruppen: smärtpunkter, önskemål, vanor, köputlösare, begränsningar (budget/tid/kompetens) och användningskontext.
3. **Trendspaning:** Identifiera 4–7 relevanta efterfrågedrivare (t.ex. eco-forward material, anpassning, AI assistance, bekvämlighet, wellness-adjacent, subscription/refill, community, premiumisering). Knyt varje till varför det spelar roll för den här målgruppen.
4. **Kartläggning av sortimentsluckor:** Sammanfatta vad de nuvarande produkterna täcker, och peka sedan ut white space-möjligheter (närliggande kategorier, add-ons, uppgraderingar, bundles, nya use-cases).
5. **Idégenerering:** Ta fram **[ANTAL_IDEER]** koncept. För varje, inkludera positionering, differentiering och genomförbarhetsnoteringar.
6. **Hantering av edge cases:** Om **[NUVARANDE_PRODUKTSORTIMENT]** eller **[VARUMARKESVARDERINGAR_OCH_MISSION]** är otydligt, föreslå idéer i 2 spår:  
   - Track A: konservativa förlängningar av nuvarande erbjudanden  
   - Track B: djärvare adjacency-satsningar  
   Märk antaganden tydligt.

## INPUT
- **Företag / verksamhetsnamn:** [FORETAGSNAMN]  
- **Verksamhetsbeskrivning:** [PRODUKTBESKRIVNING]  
- **Primärt användarsegment:** [MALGRUPP]  
- **Nuvarande produktsortiment:** [NUVARANDE_PRODUKTSORTIMENT]  
- **Varumärkesvärderingar + mission:** [VARUMARKESVARDERINGAR_OCH_MISSION]  
- **Bransch / nisch:** [BRANSCH]  
- **Primärt mål (t.ex. öka AOV, gå in i ny kategori):** [HUVUDMAL]  
- **Varumärkesröst (valfritt):** [VARUMARKESROST]  
- **Ton (valfritt):** [TON]  
- **Antal idéer att generera:** [ANTAL_IDEER]  
- **Budget- eller resursbegränsningar (valfritt):** [BUDGET]  
- **Tidsram till lansering (valfritt):** [TIDSRAM]  
- **Extra kontext (valfritt):** [KONTEXT]

## OUTPUTSPECIFIKATION
Returnera resultat i markdown.

### 1) Föranalys
- {Understanding Summary}
- {Open Questions Or Assumptions}

### 2) Anteckningar: målgrupp + marknad + luckor
- {Audience Insights}
- {Trend Drivers}
- {Lineup Gaps}

### 3) Produktkoncept (upprepa för varje idé)
För varje koncept, ange:
- **{Product Name}**
- **{One-Line Pitch}** (en enda mening)
- **{Concept Overview}** (2–4 meningar)
- **{Core Features}** (3–6 punkter)
- **{Audience Fit}** (varför de bryr sig; smärtpunkter/önskemål som adresseras)
- **{Differentiation / USP}** (vad som gör det meningsfullt annorlunda)
- **{Benefits}**  
  - {End User Benefits} (punkter)  
  - {Business Benefits} (punkter)
- **{Feasibility Notes}** (komplexitet, beroenden, produktionsöverväganden, partners)
- **{Brand Alignment}** (tydlig koppling till värderingar/mission)
- **{Success Metric Suggestion}** (t.ex. konverteringsgrad, retention, attach rate)

## KVALITETSKONTROLLER
I slutet, inkludera en kort valideringslista som bekräftar:
- {Ideas Are Distinct And Non-Overlapping}
- {Each Idea Connects To Audience Pain Or Desire}
- {Clear Differentiation Versus Competitors/Substitutes}
- {Feasibility Considered Within Stated Constraints}
- {Alignment With Brand Values And Mission}            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L\r\nSkapa en upps\u00e4ttning nya, praktiska produktkoncept f\u00f6r **[FORETAGSNAMN]** som passar deras kunder, kompletterar det de redan s\u00e4ljer, speglar deras syfte och har tydlig marknadsdifferentiering. Varje koncept m\u00e5ste positioneras f\u00f6r att \u00f6ka k\u00f6parintresse, int\u00e4ktspotential och varum\u00e4rkesuppfattning.\r\n\r\n## PERSONA\r\nDu \u00e4r en **innovationsstrateg och produktid\u00e9ansvarig** med styrkor inom kundinsikt, trendspaning och koncept-till-marknad-t\u00e4nk. Skriv med skarp, aff\u00e4rsv\u00e4nlig kreativitet: konkret, specifikt och f\u00f6rankrat i genomf\u00f6rbarhet.\r\n\r\n## BEGR\u00c4NSNINGAR\r\n- Varje id\u00e9 m\u00e5ste vara **tydlig**, **genomf\u00f6rbar** och **varum\u00e4rkesm\u00e4ssigt konsekvent**.\r\n- Inkludera **kundbehov**, **aktuella marknadsr\u00f6relser** och **luckor i befintligt sortiment**.\r\n- Undvik vaga koncept (\u201cen app som hj\u00e4lper...\u201d) om det inte inneh\u00e5ller en tydlig mekanism och en tydlig upps\u00e4ttning funktioner.\r\n- Utg\u00e5 inte fr\u00e5n reglerade\/medicinska p\u00e5st\u00e5enden, garanterade resultat eller propriet\u00e4r teknik om det inte framg\u00e5r av input.\r\n- H\u00e5ll spr\u00e5ket i linje med **[VARUMARKESROST]** och\/eller **[TON]**.\r\n\r\n### Vad detta INTE \u00e4r\r\n- Inte en fullst\u00e4ndig aff\u00e4rsplan, investerarpresentation eller full PRD.\r\n- Inte juridisk, medicinsk eller regulatorisk r\u00e5dgivning.\r\n- Inte upphandling av tillverkning, detaljerad kostnadsmodellering eller tekniska ingenj\u00f6rsritningar.\r\n\r\n## PROCESS\r\n1. **F\u00f6ranalys (ange din f\u00f6rst\u00e5else f\u00f6rst):** Sammanfatta kort vad du ska skapa f\u00f6r {Company} och vad du baserar det p\u00e5 (m\u00e5lgrupp, trender, sortiment, v\u00e4rderingar). Om n\u00e5got saknas, lista dina antaganden eller st\u00e4ll upp till 3 riktade fr\u00e5gor.\r\n2. **Kundbild:** Extrahera 3\u20136 centrala insikter om m\u00e5lgruppen: sm\u00e4rtpunkter, \u00f6nskem\u00e5l, vanor, k\u00f6putl\u00f6sare, begr\u00e4nsningar (budget\/tid\/kompetens) och anv\u00e4ndningskontext.\r\n3. **Trendspaning:** Identifiera 4\u20137 relevanta efterfr\u00e5gedrivare (t.ex. eco-forward material, anpassning, AI assistance, bekv\u00e4mlighet, wellness-adjacent, subscription\/refill, community, premiumisering). Knyt varje till varf\u00f6r det spelar roll f\u00f6r den h\u00e4r m\u00e5lgruppen.\r\n4. **Kartl\u00e4ggning av sortimentsluckor:** Sammanfatta vad de nuvarande produkterna t\u00e4cker, och peka sedan ut white space-m\u00f6jligheter (n\u00e4rliggande kategorier, add-ons, uppgraderingar, bundles, nya use-cases).\r\n5. **Id\u00e9generering:** Ta fram **[ANTAL_IDEER]** koncept. F\u00f6r varje, inkludera positionering, differentiering och genomf\u00f6rbarhetsnoteringar.\r\n6. **Hantering av edge cases:** Om **[NUVARANDE_PRODUKTSORTIMENT]** eller **[VARUMARKESVARDERINGAR_OCH_MISSION]** \u00e4r otydligt, f\u00f6resl\u00e5 id\u00e9er i 2 sp\u00e5r:  \r\n   - Track A: konservativa f\u00f6rl\u00e4ngningar av nuvarande erbjudanden  \r\n   - Track B: dj\u00e4rvare adjacency-satsningar  \r\n   M\u00e4rk antaganden tydligt.\r\n\r\n## INPUT\r\n- **F\u00f6retag \/ verksamhetsnamn:** [FORETAGSNAMN]  \r\n- **Verksamhetsbeskrivning:** [PRODUKTBESKRIVNING]  \r\n- **Prim\u00e4rt anv\u00e4ndarsegment:** [MALGRUPP]  \r\n- **Nuvarande produktsortiment:** [NUVARANDE_PRODUKTSORTIMENT]  \r\n- **Varum\u00e4rkesv\u00e4rderingar + mission:** [VARUMARKESVARDERINGAR_OCH_MISSION]  \r\n- **Bransch \/ nisch:** [BRANSCH]  \r\n- **Prim\u00e4rt m\u00e5l (t.ex. \u00f6ka AOV, g\u00e5 in i ny kategori):** [HUVUDMAL]  \r\n- **Varum\u00e4rkesr\u00f6st (valfritt):** [VARUMARKESROST]  \r\n- **Ton (valfritt):** [TON]  \r\n- **Antal id\u00e9er att generera:** [ANTAL_IDEER]  \r\n- **Budget- eller resursbegr\u00e4nsningar (valfritt):** [BUDGET]  \r\n- **Tidsram till lansering (valfritt):** [TIDSRAM]  \r\n- **Extra kontext (valfritt):** [KONTEXT]\r\n\r\n## OUTPUTSPECIFIKATION\r\nReturnera resultat i markdown.\r\n\r\n### 1) F\u00f6ranalys\r\n- {Understanding Summary}\r\n- {Open Questions Or Assumptions}\r\n\r\n### 2) Anteckningar: m\u00e5lgrupp + marknad + luckor\r\n- {Audience Insights}\r\n- {Trend Drivers}\r\n- {Lineup Gaps}\r\n\r\n### 3) Produktkoncept (upprepa f\u00f6r varje id\u00e9)\r\nF\u00f6r varje koncept, ange:\r\n- **{Product Name}**\r\n- **{One-Line Pitch}** (en enda mening)\r\n- **{Concept Overview}** (2\u20134 meningar)\r\n- **{Core Features}** (3\u20136 punkter)\r\n- **{Audience Fit}** (varf\u00f6r de bryr sig; sm\u00e4rtpunkter\/\u00f6nskem\u00e5l som adresseras)\r\n- **{Differentiation \/ USP}** (vad som g\u00f6r det meningsfullt annorlunda)\r\n- **{Benefits}**  \r\n  - {End User Benefits} (punkter)  \r\n  - {Business Benefits} (punkter)\r\n- **{Feasibility Notes}** (komplexitet, beroenden, produktions\u00f6verv\u00e4ganden, partners)\r\n- **{Brand Alignment}** (tydlig koppling till v\u00e4rderingar\/mission)\r\n- **{Success Metric Suggestion}** (t.ex. konverteringsgrad, retention, attach rate)\r\n\r\n## KVALITETSKONTROLLER\r\nI slutet, inkludera en kort valideringslista som bekr\u00e4ftar:\r\n- {Ideas Are Distinct And Non-Overlapping}\r\n- {Each Idea Connects To Audience Pain Or Desire}\r\n- {Clear Differentiation Versus Competitors\/Substitutes}\r\n- {Feasibility Considered Within Stated Constraints}\r\n- {Alignment With Brand Values And Mission}";
    const variables = ["[FORETAGSNAMN]","[VARUMARKESROST]","[TON]","[ANTAL_IDEER]","[NUVARANDE_PRODUKTSORTIMENT]","[VARUMARKESVARDERINGAR_OCH_MISSION]","[PRODUKTBESKRIVNING]","[MALGRUPP]","[BRANSCH]","[HUVUDMAL]","[BUDGET]","[TIDSRAM]","[KONTEXT]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat från AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Mata in ditt “nuvarande sortiment” som en operatör, inte som en broschyr.</strong> Klistra inte in en generell kategorilista. Dela 5–10 verkliga SKU:er eller erbjudanden, dina toppsäljare, dina svagaste performers och vad kunder berömmer eller klagar på. Om du har ont om plats, lägg till en snabb notis som: “Topp 3 säljer pga bekvämlighet; returer drivs av förvirring kring storlek.”</li>


<li><strong>Lås varumärkesrösten med gör-och-gör-inte-språk.</strong> “Premium, minimalistiskt, inga gimmicks” hjälper, men exempel är bättre. Testa en följdfråga som: “Använd korta produktnamn, undvik hypeord som ‘revolutionerande’ och håll påståenden realistiska (inga ‘garanterade resultat’).” Då får du koncept som känns hemma på din sajt.</li>


<li><strong>Ange en hård genomförbarhetsbegränsning.</strong> Prompten är byggd för att hålla sig genomförbar, men den kan ändå driva iväg om du inte sätter ramar. Lägg till en begränsning som “måste kunna säljas för under $50”, “måste kunna göras av befintliga material” eller “måste fungera som refill/prenumeration”. Den enda raden tvingar ofta fram skarpare differentiering.</li>


<li><strong>Iterera kortlistan, inte hela universum.</strong> Efter första outputen, välj 2–3 koncept och fråga: “Utveckla nu koncept 2 till tre varianter (budget, core, premium) och gör koncept 3 mer varumärkes-minimalistiskt.” Du behåller momentum samtidigt som du utforskar bredd.</li>


<li><strong>Kombinera konceptgenerering med intäktslogik.</strong> När du har 3–5 starka koncept, stresstesta hur de skulle säljas och prissättas. Ett rent nästa steg är att köra bästa idén genom en intäktsprompt som <a href="https://nodenordic.se/prompts/skapa-en-freemium-monetiseringsplan-med-ai-prompt">Skapa en freemium-monetiseringsplan med AI-prompt</a> (användbar för mjukvara eller medlemskap) eller mappa nivåer med <a href="https://nodenordic.se/prompts/bygg-ett-erbjudandeekosystem-i-5-nivaer-med-ai">Bygg ett erbjudandeekosystem i 5 nivåer med AI</a>.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade promptar</h2>



<p>När du har genererat en kortlista med produktkoncept hjälper de här promptarna dig att paketera, tjäna pengar på och operationalisera de bästa alternativen.</p>



<p>Om du också behöver göra “nytt koncept” till en tydlig uppsättning nivåer och uppgraderingsvägar är <a href="https://nodenordic.se/prompts/bygg-ett-erbjudandeekosystem-i-5-nivaer-med-ai">Bygg ett erbjudandeekosystem i 5 nivåer med AI</a> ett starkt nästa steg. Den är särskilt användbar när ditt sortiment behöver tydlig separation mellan insteg, kärnprodukt och premium så att koncepten inte konkurrerar med varandra. Konceptidéer hittar vad; ett offer ecosystem tydliggör hur du säljer det.</p>



<p>När dina produktkoncept inkluderar en gratisplan, testperiod eller ett usage-based-upplägg vill du ha en tajtare intäktsberättelse innan du bygger. <a href="https://nodenordic.se/prompts/skapa-en-freemium-monetiseringsplan-med-ai-prompt">Skapa en freemium-monetiseringsplan med AI-prompt</a> hjälper dig att definiera vad som är gratis, vad som är betalt och vilka uppgraderings-triggers som matchar verkligt kundbeteende. Det förhindrar att “freemium” blir “gratis för alltid”.</p>



<p>För team som bygger mjukvarukoncept (eller funktioner som kräver en modell bakom kulisserna) blir exekveringsdetaljer snabbt avgörande. <a href="https://nodenordic.se/prompts/bygg-ett-ml-api-for-prediktion-i-produktion">Bygg ett ML-API för prediktion i produktion</a> är användbar när ett av dina koncept handlar om scoring, personalisering, rekommendationer eller prognoser. Den överbryggar gapet mellan ett koncept och något dina ingenjörer kan rimlighetskontrollera.</p>


<br>


<p>Snabb översikt:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/bygg-ett-erbjudandeekosystem-i-5-nivaer-med-ai">Bygg ett erbjudandeekosystem i 5 nivåer med AI</a>: Gör koncept till tydliga erbjudandenivåer.</li>


<li><a href="https://nodenordic.se/prompts/skapa-en-freemium-monetiseringsplan-med-ai-prompt">Skapa en freemium-monetiseringsplan med AI-prompt</a>: Definiera gratis vs betalt och uppgraderingar.</li>


<li><a href="https://nodenordic.se/prompts/bygg-ett-ml-api-for-prediktion-i-produktion">Bygg ett ML-API för prediktion i produktion</a>: Operationalisera ML-backade produktkoncept.</li>


<li><a href="https://nodenordic.se/prompts/skapa-saker-retry-logik-for-api-med-ai-prompt">Skapa säker retry-logik för API med AI-prompt</a>: Tillförlitlighetsmönster för API-baserade idéer.</li>


<li><a href="https://nodenordic.se/prompts/revisionsrapport-for-api-integration-med-ai-prompt">Revisionsrapport för API-integration med AI-prompt</a>: Hitta luckor innan du integrerar leverantörer.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Vanliga frågor</h2>


<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för product concept lineups?</span>

<p class="answer"><strong>Produktmarknadsförare</strong> använder den här för att bygga lanseringsbara konceptspår med verklig differentiering, inte bara funktionslistor. <strong>E-handelschefer</strong> förlitar sig på den för att utöka en katalog på ett sätt som kompletterar bästsäljare och fyller sortimentsgap. <strong>Innovationsansvariga</strong> använder kundbilden och trendspaningen för att styra interna workshops mot genomförbara satsningar. <strong>Varumärkesstrateger</strong> använder den när de behöver koncept som matchar en definierad röst och ett tydligt syfte, så att nästa lansering stärker uppfattningen i stället för att förvirra köpare.</p>

</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för product concept lineups?</span>

<p class="answer"><strong>CPG-team (consumer packaged goods)</strong> använder den för att föreslå linjeutökningar, bundles och refill-koncept utan att glida off-brand eller göra riskabla påståenden. <strong>Skönhet och personlig vård</strong> använder den för att kartlägga rutiner (före/efter-steg, reseformat, varianter för känslig hud) och hitta white space som passar verkliga användningsvanor. <strong>SaaS-bolag</strong> använder den för att generera feature-pack- eller plan-koncept kopplade till efterfrågedrivare som automation, personalisering eller bekvämlighet och sedan positionera dem tydligt. <strong>Specialiserad retail</strong> lutar sig mot den för att expandera till närliggande kategorier och samtidigt hålla butikens perspektiv konsekvent.</p>

</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-promptar för produktkonceptgenerering svaga resultat?</span>

<p class="answer">En typisk prompt som “Ge mig produktidéer för mitt företag” misslyckas eftersom den: saknar ett föranalyssteg som bekräftar antaganden och saknad kontext, inte ger någon strukturerad kundbild (så idéerna matchar inte verkliga triggers eller begränsningar), ignorerar trenddrivare som förklarar varför ett koncept skulle vinna just nu, hoppar över kartläggning av sortimentsgap (vilket leder till dubbletter av det du redan säljer) och producerar generiska koncept i stället för differentierad positionering med genomförbarhetsräcken.</p>

</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här product concept lineups-prompten för min specifika situation?</span>

<p class="answer">Ja. Ersätt COMPANY_NAME med ditt varumärke och var sedan tydlig med ditt nuvarande sortiment, din målgrupp och din varumärkesröst eller tonalitet så att koncepten blir konsekventa. Om du vill ha tajtare output, lägg till begränsningar som målprisintervall, kanal (Amazon vs DTC) eller material-/teknikbegränsningar, och ange vad du inte kommer att göra (inga prenumerationer, inga reglerade claims, inga nya tillverkningspartners). När du fått första uppsättningen, ställ en följdfråga som: “Generera om line-upen med mer premium-differentiering och inkludera ett bundle-koncept och ett prenumerations-/refill-koncept, båda genomförbara inom vår nuvarande verksamhet.”</p>

</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här product concept lineups-prompten?</span>

<p class="answer">Det största misstaget är att lämna COMPANY_NAME-konteksten för vag — i stället för “ett wellness-varumärke”, testa “ett DTC-varumärke för magnesium som säljer SKU:er för $35–$60 till stressade yrkespersoner 28–45 som köper för sömn och stress.” Ett annat vanligt fel är att inte definiera BRAND_VOICE/TONE; “modern” är luddigt, men “lugnt, vetenskapsrespektfullt, inget hype, korta meningar” ger skarpare namn och positionering. Många glömmer också att beskriva det nuvarande sortimentet, så prompten kan inte mappa gap; en snabb lista med topp-SKU:er och vad varje produkt är till för räcker. Till sist ber team om “innovativa idéer” men ger inga genomförbarhetsgränser, så du bör lägga till räcken som “måste använda befintliga leverantörer” eller “måste kunna lanseras inom 90 dagar.”</p>

</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda den här product concept lineups-prompten?</span>

<p class="answer">Den här prompten är inte idealisk för team som behöver en full affärsplan, detaljerad kostnadsmodell eller ingenjörsritningar, eftersom den medvetet stannar vid koncept och positionering. Den passar också dåligt om du har noll tydlighet kring din nuvarande målgrupp eller ditt erbjudande, eftersom kundbilden och kartläggningen av sortimentsgap kräver åtminstone grundläggande inputs. Om du verkar i en hårt reglerad bransch och behöver compliant claims-språk, använd en specialiserad compliance-granskning parallellt med konceptarbetet.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för product concept lineups?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Produktmarknadsförare använder den här för att bygga lanseringsbara konceptspår med verklig differentiering, inte bara funktionslistor. E-handelschefer förlitar sig på den för att utöka en katalog på ett sätt som kompletterar bästsäljare och fyller sortimentsgap. Innovationsansvariga använder kundbilden och trendspaningen för att styra interna workshops mot genomförbara satsningar. Varumärkesstrateger använder den när de behöver koncept som matchar en definierad röst och ett tydligt syfte, så att nästa lansering stärker uppfattningen i stället för att förvirra köpare."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för product concept lineups?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "CPG-team (consumer packaged goods) använder den för att föreslå linjeutökningar, bundles och refill-koncept utan att glida off-brand eller göra riskabla påståenden. Skönhet och personlig vård använder den för att kartlägga rutiner (före/efter-steg, reseformat, varianter för känslig hud) och hitta white space som passar verkliga användningsvanor. SaaS-bolag använder den för att generera feature-pack- eller plan-koncept kopplade till efterfrågedrivare som automation, personalisering eller bekvämlighet och sedan positionera dem tydligt. Specialiserad retail lutar sig mot den för att expandera till närliggande kategorier och samtidigt hålla butikens perspektiv konsekvent."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-promptar för produktkonceptgenerering svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som “Ge mig produktidéer för mitt företag” misslyckas eftersom den: saknar ett föranalyssteg som bekräftar antaganden och saknad kontext, inte ger någon strukturerad kundbild (så idéerna matchar inte verkliga triggers eller begränsningar), ignorerar trenddrivare som förklarar varför ett koncept skulle vinna just nu, hoppar över kartläggning av sortimentsgap (vilket leder till dubbletter av det du redan säljer) och producerar generiska koncept i stället för differentierad positionering med genomförbarhetsräcken."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här product concept lineups-prompten för min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja. Ersätt COMPANY_NAME med ditt varumärke och var sedan tydlig med ditt nuvarande sortiment, din målgrupp och din varumärkesröst eller tonalitet så att koncepten blir konsekventa. Om du vill ha tajtare output, lägg till begränsningar som målprisintervall, kanal (Amazon vs DTC) eller material-/teknikbegränsningar, och ange vad du inte kommer att göra (inga prenumerationer, inga reglerade claims, inga nya tillverkningspartners). När du fått första uppsättningen, ställ en följdfråga som: “Generera om line-upen med mer premium-differentiering och inkludera ett bundle-koncept och ett prenumerations-/refill-koncept, båda genomförbara inom vår nuvarande verksamhet.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här product concept lineups-prompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna COMPANY_NAME-konteksten för vag — i stället för “ett wellness-varumärke”, testa “ett DTC-varumärke för magnesium som säljer SKU:er för $35–$60 till stressade yrkespersoner 28–45 som köper för sömn och stress.” Ett annat vanligt fel är att inte definiera BRAND_VOICE/TONE; “modern” är luddigt, men “lugnt, vetenskapsrespektfullt, inget hype, korta meningar” ger skarpare namn och positionering. Många glömmer också att beskriva det nuvarande sortimentet, så prompten kan inte mappa gap; en snabb lista med topp-SKU:er och vad varje produkt är till för räcker. Till sist ber team om “innovativa idéer” men ger inga genomförbarhetsgränser, så du bör lägga till räcken som “måste använda befintliga leverantörer” eller “måste kunna lanseras inom 90 dagar.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda den här product concept lineups-prompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten är inte idealisk för team som behöver en full affärsplan, detaljerad kostnadsmodell eller ingenjörsritningar, eftersom den medvetet stannar vid koncept och positionering. Den passar också dåligt om du har noll tydlighet kring din nuvarande målgrupp eller ditt erbjudande, eftersom kundbilden och kartläggningen av sortimentsgap kräver åtminstone grundläggande inputs. Om du verkar i en hårt reglerad bransch och behöver compliant claims-språk, använd en specialiserad compliance-granskning parallellt med konceptarbetet."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>Din nästa bästa produkt är sällan en blixtidé. Den är resultatet av skarpa inputs, tydliga begränsningar och smart differentiering. Klistra in prompten i ChatGPT, svara ärligt på frågorna och gör de starkaste koncepten till ett verkligt sortiment du kan lansera.</p>

</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-produktkonceptlistor/">Skapa produktkonceptlistor</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bygg en playbook för förpackningsefterlevnad</title>
		<link>https://nodenordic.se/prompts/bygg-en-playbook-for-forpackningsefterlevnad/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=bygg-en-playbook-for-forpackningsefterlevnad</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:49:22 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5002887</guid>

					<description><![CDATA[<p>Sändningar anländer skadade eller felroutade – en AI-prompt som skapar en ISTA 3A-plan med ISO 780-symboler och GS1-etiketter. Upptäck fler.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/bygg-en-playbook-for-forpackningsefterlevnad/">Bygg en playbook för förpackningsefterlevnad</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: packaging compliance playbook -->
<div class="hook-introduction">

<p>Skadade leveranser kostar inte bara ersättningsenheter. De urholkar marginalen i det tysta genom tid i kundsupport, chargebacks, omleveranser och en reputationssmäll i stil med ”vi kan inte lita på den här leverantören”. Och när etiketter fallerar får du en annan typ av smärta: felroutning, missade skanningar och lager som ser borttappat ut tills det är för sent.</p>



<p>Den här <strong>packaging compliance playbook</strong> är byggd för <strong>driftchefer</strong> som gång på gång ser förebyggbara transportskador, <strong>förpackningsingenjörer</strong> som snabbt behöver en strukturerad testplan i ISTA 3A-stil, och <strong>e-handelsgrundare</strong> som skalar till nya transportörer och fulfillment-modeller utan ett märkningssystem som håller. Resultatet är en praktisk, komplett förpackningsplaybook som kombinerar en ISTA 3A-distributionstestsekvens, val/placering av hanteringssymboler enligt ISO 780 och vägledning för GS1-streckkod/etikettlayout som du kan lämna direkt till packare och QA utan att behöva översätta den till ”lager-språk”.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Det här får du</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den modellerar paketresan (terminaler, transportband, sista milen) och kopplar varje steg till sannolika felmoder som stöt, vibration och kompression.</li>
          <li>Den tar fram en distributionstestplan i linje med ISTA 3A, med sekvenslogik och acceptanskriterier som du kan köra internt eller ta till ett labb.</li>
          <li>Den väljer hanteringssymboler enligt ISO 780 baserat på produktens känslighet och hanteringsrisker, och specificerar sedan var och hur de ska placeras.</li>
          <li>Den föreslår GS1-identifiering och praxis för streckkodsetiketter, inklusive etikettyp och en layout som minskar skanningsfel.</li>
          <li>Den skriver operativa instruktioner på tydligt språk så att packare, QA och ansvariga i supply chain kan utföra arbetet konsekvent i alla kanaler.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du ser ett mönster av spruckna höljen, trasiga förseglingar eller recensioner som säger ”kom fram med buckla” och behöver en repeterbar plan för att förebygga.</li>
          <li>Du byter transportör, lägger till 3PL-stöd eller går från DTC-enskildleveranser till retail/DC-distribution och plötsligt börjar saker fallera.</li>
          <li>Teamet diskuterar material och rätt dimensionering, men ingen kan koppla besluten till testbara kriterier och kontrollpunkter.</li>
          <li>Skanningsgraden är ojämn eftersom etiketter smetar ut, blir skrynkliga eller placeras där transportband och handskannrar missar dem.</li>
          <li>Du behöver dokumentera standarder för förpackning och märkning för onboarding, revisioner eller utrullning till flera lager utan att börja från noll.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En steg-för-steg-playbook för förpackning som täcker material, packmetod och hanteringsantaganden för 1 produktkonfiguration.</li>
           <li>En testsekvens i ISTA 3A-stil med acceptanskriterier, plus en checklista över vad som ska inspekteras efter varje teststeg.</li>
           <li>En rekommenderad uppsättning ISO 780-symboler med placeringsnoteringar (vilka sidor, ungefärlig position och antal).</li>
           <li>En GS1-etikettstrategi med vägledning för streckkodstyp och en praktisk layoutbeskrivning för att minska felroutning och skanningsfel.</li>
           <li>En kvalitetskontroll-checklista med kontrollpunkter, toleranser och ”stoppa linan”-triggers som teamet faktiskt kan använda.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: byggare för compliance-playbook för skadeförebyggande förpackning</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Ge en detaljerad beskrivning av produkten, inklusive mått, vikt, material/komposition samt eventuella unika egenskaper eller sårbarheter.                                    <div class="var-example">Till exempel: "En 16 tum hög keramisk vas som väger 2,5 pund, med smal hals och bred bas, benägen att spricka vid tryck eller stötar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[SKORHETSNIVA]</code></td>
                                <td class="var-desc">
                                    Ange produktens skörhetsnivå, inklusive känslighet för stötar, vibrationer, kompression samt miljöfaktorer som temperatur och luftfuktighet.                                    <div class="var-example">Till exempel: "Mycket ömtålig: kan spricka vid mindre fall eller vibrationer; tål inte temperaturer under 32°F."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[SKORHETSNIVA]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Ange budgeten som avsatts för förpackningslösningen, inklusive material, tester och implementering.                                    <div class="var-example">Till exempel: "5 000 USD för förpackningsmaterial och 2 000 USD för tester."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TRANSPORTOR]</code></td>
                                <td class="var-desc">
                                    Ange vilken/vilka transportörer som hanterar produkten, eftersom deras riktlinjer och processer kan påverka förpackningskraven.                                    <div class="var-example">Till exempel: "FedEx Ground och UPS Air Freight."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TRANSPORTOR]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIDSRAM]</code></td>
                                <td class="var-desc">
                                    Ange förväntad tidsram för frakt och leverans, inklusive eventuella deadlines för att färdigställa och införa förpackningslösningen.                                    <div class="var-example">Till exempel: "Förpackningslösningen ska vara färdigställd och implementerad inom 6 veckor; typisk leveranstid är 3–5 arbetsdagar."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIDSRAM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TRANSPORTSTRACKA]</code></td>
                                <td class="var-desc">
                                    Ange genomsnittlig eller maximal transportsträcka som produkten kommer att färdas, inklusive eventuella internationella rutter om relevant.                                    <div class="var-example">Till exempel: "Produkterna skickas inom landet upp till 500 miles och internationellt upp till 5 000 miles."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TRANSPORTSTRACKA]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[LEVERANSMETOD]</code></td>
                                <td class="var-desc">
                                    Beskriv leverans- och uppfyllnadsmodellen, t.ex. direkt till konsument, bulkleverans till distributionscenter eller butiksklara förpackningar.                                    <div class="var-example">Till exempel: "Direktleveranser till konsument via e-handel, packade styckvis i wellkartonger."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[LEVERANSMETOD]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Ge kompletterande information om frakt- och hanteringsmiljön, inklusive lagerförhållanden, transportörsspecifika begränsningar eller kundförväntningar.                                    <div class="var-example">Till exempel: "Produkterna hanteras i automatiserade sorteringscentraler med transportband och levereras via sista-milen-bud i stadsområden."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HALLBARHETSKRAV]</code></td>
                                <td class="var-desc">
                                    Lista eventuella hållbarhetskrav eller preferenser, t.ex. återvinningsbara material, minskad förpackningsmängd eller efterlevnad av miljöcertifieringar.                                    <div class="var-example">Till exempel: "Förpackningen måste vara 100 % återvinningsbar och innehålla minimalt med plast; preferens för FSC-certifierade material."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[HALLBARHETSKRAV]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[REGELKRAV]</code></td>
                                <td class="var-desc">
                                    Ange eventuella regelkrav som förpackningen måste uppfylla, t.ex. märkning, hanteringssymboler eller landspecifika standarder.                                    <div class="var-example">Till exempel: "Måste uppfylla ISO 780 för hanteringssymboler och GS1-standarder för streckkoder vid internationell frakt."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[REGELKRAV]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[NYCKELORD]</code></td>
                                <td class="var-desc">
                                    Ange specifika nyckelord eller fraser som ska betonas i förpackningshandboken för tydlighet och konsekvens.                                    <div class="var-example">Till exempel: "Ömtåligt, återvinningsbart, placering av streckkod, ISTA 3A, stötdämpning."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[NYCKELORD]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Vad detta INTE är</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="prompt-header-visible subheader">0) Föranalys (obligatorisk)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Risk- och flödesmodellering</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Bygg en dynamisk fasplan</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Konstruera förpackningssystemet</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Översättning till ISTA 3A-test</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Hanteringskommunikation (ISO 780)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">6) Identifiering &amp; ruttning (GS1)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">7) Packprocedur &amp; kvalitetsgrindar</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">8) Hållbarhets- och kostnadsjustering</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">9) Kanalvarianter (om tillämpligt)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Hantering av edge cases</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INDATA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL
Skapa en heltäckande, skadeförebyggande förpackningsplaybook för en specifik produkt genom att kombinera:
- ISTA 3A-logik för distributionstestning (sekvens + acceptanskriterier)
- ISO 780-hanteringssymboler (urval + placering)
- GS1-praxis för identifiering/streckkoder (typ + etikettlayout)

Leveransen ska minska risken för skador och minimera rutt-/scanningsfel i de valda fulfillmentkanalerna.

## PERSONA
Du är en erfaren förpackningssystemsingenjör med ett decennium av erfarenhet av att designa redundans och feltolerans för logistik i rymdklass. En personlig fraktförlust fick dig att bli besatt av vardagliga paketfel. Du diagnostiserar nu förpackningssvagheter genom att spåra hur laster rör sig genom hubbar, transportband och sista milen—och du skriver instruktioner som lagerteam kan utföra utan tolkning.

## BEGRÄNSNINGAR
- Måste anpassa rekommendationerna till skörhet, värde, avstånd, transportörers regler, hållbarhetsbegränsningar och fulfillmentmodell(er).
- Måste inkludera alla tre standarder: ISTA 3A, ISO 780 och GS1.
- Använd tydligt operativt språk som passar packare, QA-personal och supply chain-ansvariga.
- Hitta inte på regulatoriska krav; om du är osäker, be om saknade indata eller ge villkorade alternativ.
- Håll det praktiskt: specificera material, dimensioner, toleranser och kontrollpunkter när indata tillåter.

### Vad detta INTE är
- Inte en juridisk efterlevnadsbedömning för farligt gods, livsmedelskontakt, medicinteknisk reglering eller tullagstiftning.
- Inte en ersättning för att köra certifierade labbtester; du kan föreslå en testplan men kan inte ”certifiera” resultat.
- Inte en branding-/grafisk designbrief utöver funktionell märkning och symbolplacering.

## PROCESS
### 0) Föranalys (obligatorisk)
Börja med att återge din förståelse av produkten, fraktkontexten och användarens mål i 4–6 punkter. Lista sedan all saknad information som blockerar korrekta ingenjörsbeslut.

### 1) Risk- och flödesmodellering
- Identifiera produktens felmoder (stöt, vibration, kompression, punktering, nötning, fukt/temperatur).
- Kartlägg distributionsmiljön (sortering, linehaul, flyg vs mark, dimensionshantering, sista-milen-förhållanden).
- Tilldela en sårbarhetsrating och förklara vad som driver den.

### 2) Bygg en dynamisk fasplan
Välj antal faser utifrån komplexitet:
- Standardartiklar: 4–7 faser
- Mycket sköra eller högvärdiga artiklar: 8–11 faser  
Förklara varför du valde antalet och vad varje fas åstadkommer.

### 3) Konstruera förpackningssystemet
- Välj förpackningsstil(ar): primärskydd, sekundär dämpning, ytteremballage, förslutningar.
- Beräkna dämpningsbehov med vikt, skörhet, antaganden om fall-/droppexponering (knyt antaganden till ISTA 3A:s syfte).
- Specificera material (t.ex. wellpappkvalitet, skumtyp/densitet, papperssystem) och minsta dimensioner/luftspel.

### 4) Översättning till ISTA 3A-test
- Ta fram ett ISTA 3A-anpassat testflöde skräddarsytt för produkten (fall, vibration, kompression, konditionering).
- Definiera godkänd/underkänd-kriterier i mätbara termer (kosmetiskt vs funktionellt, tillåten rörelse, förslutningsintegritet etc.).

### 5) Hanteringskommunikation (ISO 780)
- Välj relevanta ISO 780-symboler och motivera varje val.
- Ge en placeringsplan: ytor, vägledning för minsta storlek, hållbarhet/tryckmetod-överväganden och zoner som ”får inte täckas”.

### 6) Identifiering &amp; ruttning (GS1)
- Rekommendera streckkodssymbologi som passar kanal(erna) och artikel-/nivån.
- Ge regler för etikettplacering (tysta zoner, krökningsbegränsningar, kantavstånd, skydd mot skav, redundans).
- Inkludera ett steg för scan-verifiering och ett fallback-upplägg för läsbar ID för människa.

### 7) Packprocedur &amp; kvalitetsgrindar
- Skriv en repeterbar pack-SOP med verktygslista, stegordning, foton/diagram beskrivna i text och takt-tidsmål.
- Lägg till QC-kontroller i processen och vägledning för slutlig revisionsprovtagning.

### 8) Hållbarhets- och kostnadsjustering
- Rättstorleksanpassa förpackningen, minska tomrum och föreslå återvinningsbara/förnybara alternativ som fortfarande uppfyller skyddsbehov.
- Presentera avvägningar (kostnad, risk för skaderate, materialvikt/volym, återvinningsbarhet).

### 9) Kanalvarianter (om tillämpligt)
- Redovisa skillnader för FBA, DTC, retail-ready och internationellt enligt önskemål.
- Peka ut motstridiga krav och hur de löses (t.ex. extra etiketter vs minimalt material).

### Hantering av edge cases
- Om någon nyckelindata saknas: fortsätt med tydligt märkta antaganden och erbjud 2–3 scenariovägar (t.ex. ”Skört glas” vs ”Tålig plast”).
- Om begränsningar krockar (t.ex. plastfritt vs hög falltålighet): föreslå ett ”baslinje-säkert” alternativ och ett ”hållbarhetslutande” alternativ med kvantifierade risknoteringar.

## INDATA
- **Produktdetaljer (material, vikt, dimensioner):** [PRODUKTBESKRIVNING]
- **Skörhetsrating:** [SKORHETSNIVA]
- **Deklarerat värde / förlusttolerans:** [BUDGET]
- **Transportör(er) och servicenivå(er):** [TRANSPORTOR]
- **Typisk transittid/stråk:** [TIDSRAM]
- **Fraktavstånd / geografi:** [TRANSPORTSTRACKA]
- **Fulfillmentmodell(er) (FBA, DTC, 3PL, retail):** [LEVERANSMETOD]
- **Skadehistorik &amp; fel-/haveriexempel:** [KONTEXT]
- **Hållbarhetsbegränsningar (plastfritt, återvinningsbart i hushållssortering etc.):** [HALLBARHETSKRAV]
- **Regulatoriska/hanteringsbegränsningar (om några):** [REGELKRAV]
- **Streckkod/ID-behov (GTIN finns, begränsningar för etikettstorlek etc.):** [NYCKELORD]

## OUTPUTSPECIFIKATION
Leverera ett enda dokument med följande avsnitt och ifyllda placeholders:
1. **Sammanfattning av föranalys**
   - {Understanding Bullets}
   - {Missing Inputs / Assumptions}

2. **Fasplan**
   - {Number Of Phases}
   - {Phase Table} (Phase, Purpose, Owner, Outputs)

3. **Förpackningsarkitektur**
   - {Bill Of Materials}
   - {Box Style &amp; Board Spec}
   - {Internal Protection Design}
   - {Critical Dimensions &amp; Tolerances}

4. **ISTA 3A-anpassad testplan**
   - {Conditioning Requirements}
   - {Drop Schedule}
   - {Vibration Profile}
   - {Compression Requirements}
   - {Pass/Fail Criteria}

5. **ISO 780-hanteringsmärkning**
   - {Selected Symbols &amp; Rationale}
   - {Placement Map Description}
   - {Mark Size &amp; Durability Notes}

6. **GS1-märkning &amp; streckkodslayout**
   - {Barcode Type Recommendation}
   - {Label Content (Human + Machine Readable)}
   - {Placement Rules &amp; Protected Scan Zones}
   - {Verification Procedure}

7. **Pack-SOP + kvalitetsgrindar**
   - {Step-By-Step Instructions}
   - {In-Process Checks}
   - {Final QA Checklist}
   - {Common Errors &amp; Prevention}

8. **Hållbarhet-/kostnadsoptimering**
   - {Right-Sizing Actions}
   - {Material Alternatives}
   - {Impact Summary}

9. **Kanalvarianter (om begärt)**
   - {FBA Variant}
   - {DTC Variant}
   - {Retail Variant}
   - {International Variant}

## KVALITETSKONTROLLER
Avsluta med en valideringslista som bekräftar:
- Förpackningsdesignen är spårbar till identifierade faror och produktens felmoder.
- ISTA 3A-teststegen innehåller mätbara acceptanskriterier (inte vagt språk).
- Valda ISO 780-symboler är motiverade och har tydlig placeringsguidning.
- GS1-märkningsguidningen täcker scan-tillförlitlighet (tysta zoner, krökning/kantavstånd, redundans).
- SOP:en innehåller minst {Number} kvalitetsgrindar och en repeterbar verifieringsmetod.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L\r\nSkapa en helt\u00e4ckande, skadef\u00f6rebyggande f\u00f6rpackningsplaybook f\u00f6r en specifik produkt genom att kombinera:\r\n- ISTA 3A-logik f\u00f6r distributionstestning (sekvens + acceptanskriterier)\r\n- ISO 780-hanteringssymboler (urval + placering)\r\n- GS1-praxis f\u00f6r identifiering\/streckkoder (typ + etikettlayout)\r\n\r\nLeveransen ska minska risken f\u00f6r skador och minimera rutt-\/scanningsfel i de valda fulfillmentkanalerna.\r\n\r\n## PERSONA\r\nDu \u00e4r en erfaren f\u00f6rpackningssystemsingenj\u00f6r med ett decennium av erfarenhet av att designa redundans och feltolerans f\u00f6r logistik i rymdklass. En personlig fraktf\u00f6rlust fick dig att bli besatt av vardagliga paketfel. Du diagnostiserar nu f\u00f6rpackningssvagheter genom att sp\u00e5ra hur laster r\u00f6r sig genom hubbar, transportband och sista milen\u2014och du skriver instruktioner som lagerteam kan utf\u00f6ra utan tolkning.\r\n\r\n## BEGR\u00c4NSNINGAR\r\n- M\u00e5ste anpassa rekommendationerna till sk\u00f6rhet, v\u00e4rde, avst\u00e5nd, transport\u00f6rers regler, h\u00e5llbarhetsbegr\u00e4nsningar och fulfillmentmodell(er).\r\n- M\u00e5ste inkludera alla tre standarder: ISTA 3A, ISO 780 och GS1.\r\n- Anv\u00e4nd tydligt operativt spr\u00e5k som passar packare, QA-personal och supply chain-ansvariga.\r\n- Hitta inte p\u00e5 regulatoriska krav; om du \u00e4r os\u00e4ker, be om saknade indata eller ge villkorade alternativ.\r\n- H\u00e5ll det praktiskt: specificera material, dimensioner, toleranser och kontrollpunkter n\u00e4r indata till\u00e5ter.\r\n\r\n### Vad detta INTE \u00e4r\r\n- Inte en juridisk efterlevnadsbed\u00f6mning f\u00f6r farligt gods, livsmedelskontakt, medicinteknisk reglering eller tullagstiftning.\r\n- Inte en ers\u00e4ttning f\u00f6r att k\u00f6ra certifierade labbtester; du kan f\u00f6resl\u00e5 en testplan men kan inte \u201dcertifiera\u201d resultat.\r\n- Inte en branding-\/grafisk designbrief ut\u00f6ver funktionell m\u00e4rkning och symbolplacering.\r\n\r\n## PROCESS\r\n### 0) F\u00f6ranalys (obligatorisk)\r\nB\u00f6rja med att \u00e5terge din f\u00f6rst\u00e5else av produkten, fraktkontexten och anv\u00e4ndarens m\u00e5l i 4\u20136 punkter. Lista sedan all saknad information som blockerar korrekta ingenj\u00f6rsbeslut.\r\n\r\n### 1) Risk- och fl\u00f6desmodellering\r\n- Identifiera produktens felmoder (st\u00f6t, vibration, kompression, punktering, n\u00f6tning, fukt\/temperatur).\r\n- Kartl\u00e4gg distributionsmilj\u00f6n (sortering, linehaul, flyg vs mark, dimensionshantering, sista-milen-f\u00f6rh\u00e5llanden).\r\n- Tilldela en s\u00e5rbarhetsrating och f\u00f6rklara vad som driver den.\r\n\r\n### 2) Bygg en dynamisk fasplan\r\nV\u00e4lj antal faser utifr\u00e5n komplexitet:\r\n- Standardartiklar: 4\u20137 faser\r\n- Mycket sk\u00f6ra eller h\u00f6gv\u00e4rdiga artiklar: 8\u201311 faser  \r\nF\u00f6rklara varf\u00f6r du valde antalet och vad varje fas \u00e5stadkommer.\r\n\r\n### 3) Konstruera f\u00f6rpackningssystemet\r\n- V\u00e4lj f\u00f6rpackningsstil(ar): prim\u00e4rskydd, sekund\u00e4r d\u00e4mpning, ytteremballage, f\u00f6rslutningar.\r\n- Ber\u00e4kna d\u00e4mpningsbehov med vikt, sk\u00f6rhet, antaganden om fall-\/droppexponering (knyt antaganden till ISTA 3A:s syfte).\r\n- Specificera material (t.ex. wellpappkvalitet, skumtyp\/densitet, papperssystem) och minsta dimensioner\/luftspel.\r\n\r\n### 4) \u00d6vers\u00e4ttning till ISTA 3A-test\r\n- Ta fram ett ISTA 3A-anpassat testfl\u00f6de skr\u00e4ddarsytt f\u00f6r produkten (fall, vibration, kompression, konditionering).\r\n- Definiera godk\u00e4nd\/underk\u00e4nd-kriterier i m\u00e4tbara termer (kosmetiskt vs funktionellt, till\u00e5ten r\u00f6relse, f\u00f6rslutningsintegritet etc.).\r\n\r\n### 5) Hanteringskommunikation (ISO 780)\r\n- V\u00e4lj relevanta ISO 780-symboler och motivera varje val.\r\n- Ge en placeringsplan: ytor, v\u00e4gledning f\u00f6r minsta storlek, h\u00e5llbarhet\/tryckmetod-\u00f6verv\u00e4ganden och zoner som \u201df\u00e5r inte t\u00e4ckas\u201d.\r\n\r\n### 6) Identifiering & ruttning (GS1)\r\n- Rekommendera streckkodssymbologi som passar kanal(erna) och artikel-\/niv\u00e5n.\r\n- Ge regler f\u00f6r etikettplacering (tysta zoner, kr\u00f6kningsbegr\u00e4nsningar, kantavst\u00e5nd, skydd mot skav, redundans).\r\n- Inkludera ett steg f\u00f6r scan-verifiering och ett fallback-uppl\u00e4gg f\u00f6r l\u00e4sbar ID f\u00f6r m\u00e4nniska.\r\n\r\n### 7) Packprocedur & kvalitetsgrindar\r\n- Skriv en repeterbar pack-SOP med verktygslista, stegordning, foton\/diagram beskrivna i text och takt-tidsm\u00e5l.\r\n- L\u00e4gg till QC-kontroller i processen och v\u00e4gledning f\u00f6r slutlig revisionsprovtagning.\r\n\r\n### 8) H\u00e5llbarhets- och kostnadsjustering\r\n- R\u00e4ttstorleksanpassa f\u00f6rpackningen, minska tomrum och f\u00f6resl\u00e5 \u00e5tervinningsbara\/f\u00f6rnybara alternativ som fortfarande uppfyller skyddsbehov.\r\n- Presentera avv\u00e4gningar (kostnad, risk f\u00f6r skaderate, materialvikt\/volym, \u00e5tervinningsbarhet).\r\n\r\n### 9) Kanalvarianter (om till\u00e4mpligt)\r\n- Redovisa skillnader f\u00f6r FBA, DTC, retail-ready och internationellt enligt \u00f6nskem\u00e5l.\r\n- Peka ut motstridiga krav och hur de l\u00f6ses (t.ex. extra etiketter vs minimalt material).\r\n\r\n### Hantering av edge cases\r\n- Om n\u00e5gon nyckelindata saknas: forts\u00e4tt med tydligt m\u00e4rkta antaganden och erbjud 2\u20133 scenariov\u00e4gar (t.ex. \u201dSk\u00f6rt glas\u201d vs \u201dT\u00e5lig plast\u201d).\r\n- Om begr\u00e4nsningar krockar (t.ex. plastfritt vs h\u00f6g fallt\u00e5lighet): f\u00f6resl\u00e5 ett \u201dbaslinje-s\u00e4kert\u201d alternativ och ett \u201dh\u00e5llbarhetslutande\u201d alternativ med kvantifierade risknoteringar.\r\n\r\n## INDATA\r\n- **Produktdetaljer (material, vikt, dimensioner):** [PRODUKTBESKRIVNING]\r\n- **Sk\u00f6rhetsrating:** [SKORHETSNIVA]\r\n- **Deklarerat v\u00e4rde \/ f\u00f6rlusttolerans:** [BUDGET]\r\n- **Transport\u00f6r(er) och serviceniv\u00e5(er):** [TRANSPORTOR]\r\n- **Typisk transittid\/str\u00e5k:** [TIDSRAM]\r\n- **Fraktavst\u00e5nd \/ geografi:** [TRANSPORTSTRACKA]\r\n- **Fulfillmentmodell(er) (FBA, DTC, 3PL, retail):** [LEVERANSMETOD]\r\n- **Skadehistorik & fel-\/haveriexempel:** [KONTEXT]\r\n- **H\u00e5llbarhetsbegr\u00e4nsningar (plastfritt, \u00e5tervinningsbart i hush\u00e5llssortering etc.):** [HALLBARHETSKRAV]\r\n- **Regulatoriska\/hanteringsbegr\u00e4nsningar (om n\u00e5gra):** [REGELKRAV]\r\n- **Streckkod\/ID-behov (GTIN finns, begr\u00e4nsningar f\u00f6r etikettstorlek etc.):** [NYCKELORD]\r\n\r\n## OUTPUTSPECIFIKATION\r\nLeverera ett enda dokument med f\u00f6ljande avsnitt och ifyllda placeholders:\r\n1. **Sammanfattning av f\u00f6ranalys**\r\n   - {Understanding Bullets}\r\n   - {Missing Inputs \/ Assumptions}\r\n\r\n2. **Fasplan**\r\n   - {Number Of Phases}\r\n   - {Phase Table} (Phase, Purpose, Owner, Outputs)\r\n\r\n3. **F\u00f6rpackningsarkitektur**\r\n   - {Bill Of Materials}\r\n   - {Box Style & Board Spec}\r\n   - {Internal Protection Design}\r\n   - {Critical Dimensions & Tolerances}\r\n\r\n4. **ISTA 3A-anpassad testplan**\r\n   - {Conditioning Requirements}\r\n   - {Drop Schedule}\r\n   - {Vibration Profile}\r\n   - {Compression Requirements}\r\n   - {Pass\/Fail Criteria}\r\n\r\n5. **ISO 780-hanteringsm\u00e4rkning**\r\n   - {Selected Symbols & Rationale}\r\n   - {Placement Map Description}\r\n   - {Mark Size & Durability Notes}\r\n\r\n6. **GS1-m\u00e4rkning & streckkodslayout**\r\n   - {Barcode Type Recommendation}\r\n   - {Label Content (Human + Machine Readable)}\r\n   - {Placement Rules & Protected Scan Zones}\r\n   - {Verification Procedure}\r\n\r\n7. **Pack-SOP + kvalitetsgrindar**\r\n   - {Step-By-Step Instructions}\r\n   - {In-Process Checks}\r\n   - {Final QA Checklist}\r\n   - {Common Errors & Prevention}\r\n\r\n8. **H\u00e5llbarhet-\/kostnadsoptimering**\r\n   - {Right-Sizing Actions}\r\n   - {Material Alternatives}\r\n   - {Impact Summary}\r\n\r\n9. **Kanalvarianter (om beg\u00e4rt)**\r\n   - {FBA Variant}\r\n   - {DTC Variant}\r\n   - {Retail Variant}\r\n   - {International Variant}\r\n\r\n## KVALITETSKONTROLLER\r\nAvsluta med en valideringslista som bekr\u00e4ftar:\r\n- F\u00f6rpackningsdesignen \u00e4r sp\u00e5rbar till identifierade faror och produktens felmoder.\r\n- ISTA 3A-teststegen inneh\u00e5ller m\u00e4tbara acceptanskriterier (inte vagt spr\u00e5k).\r\n- Valda ISO 780-symboler \u00e4r motiverade och har tydlig placeringsguidning.\r\n- GS1-m\u00e4rkningsguidningen t\u00e4cker scan-tillf\u00f6rlitlighet (tysta zoner, kr\u00f6kning\/kantavst\u00e5nd, redundans).\r\n- SOP:en inneh\u00e5ller minst {Number} kvalitetsgrindar och en repeterbar verifieringsmetod.";
    const variables = ["[PRODUKTBESKRIVNING]","[SKORHETSNIVA]","[BUDGET]","[TRANSPORTOR]","[TIDSRAM]","[TRANSPORTSTRACKA]","[LEVERANSMETOD]","[KONTEXT]","[HALLBARHETSKRAV]","[REGELKRAV]","[NYCKELORD]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat från AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Beskriv produkten som en felanalytiker, inte som en marknadsförare.</strong> Ta med vikt, mått, eventuella egenheter kring tyngdpunkt och den del som alltid går sönder först. Till exempel: ”1,2 kg, 18 × 12 × 9 cm, glasampull i plastvagga; ampullhalsen går av vid sidostöt.” Det ger avsevärt bättre testlogik i ISTA 3A-stil.</li>


<li><strong>Beskriv fraktresan och fulfillment-modellen i ett kompakt block.</strong> Lägg till ursprungs-/destinationszoner, typisk sträcklängd och om du kör DTC, FBA/3PL eller retail/DC. Uppföljningsprompt som du kan klistra in efter första resultatet: ”Skriv om planen för (a) DTC med enstaka paket via UPS Ground och (b) 3PL pick/pack med zone skipping; behåll acceptanskriterierna jämförbara.”</li>


<li><strong>Ange begränsningar som brukar ignoreras.</strong> Nämn hållbarhetskrav (plastfritt, återvinningsbart via fastighetsnära insamling), kostnadstak och eventuella regler från transportören som du redan känner till. Om du inte har exakta gränser, var ärlig: be modellen ta fram två alternativ, som ”lägst skaderisk” och ”bästa balans under 0,80 USD/enhet i förpackningskostnad”.</li>


<li><strong>Iterera på acceptanskriterierna, inte bara materialen.</strong> Efter första versionen, fråga: ”Skärp acceptanskriterierna för kosmetikakrav på utseende; underkänn repor över 5 mm och etikettskador som minskar skanningspålitligheten.” Be sedan om motsatsen för en tåligare och billigare spec: ”Lätta på kosmetiska kriterier men behåll funktionell prestanda.”</li>


<li><strong>Tvinga etikettrekommendationer att inkludera placering och verifiering.</strong> GS1-vägledning är bara värdefull när den blir en vana vid packstationen. Prova: ”Lägg till ett verifieringssteg i packlinan: hur man bekräftar att streckkoden går att skanna, var den ska placeras på ytterkartongen och vad man gör när kartongens skarv stör.” Ärligt talat är det här som de flesta ”etikettfixar” misslyckas i riktiga lager.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade prompter</h2>



<p>När du väl har dokumenterat en förpackningsplaybook hjälper de här prompterna dig att kommunicera den internt, dokumentera utrullningssteg och hålla förbättringar i fas.</p>



<p>Om du också behöver ett repeterbart sätt att skriva interna dokument kring dina nya standarder, passar <a href="https://nodenordic.se/prompts/skriv-seo-bloggartiklar-med-denna-ai-prompt">Skriv seo-bloggartiklar med denna ai-prompt</a> bra för artiklar i ”SOP-stil”. Använd den för att göra playbooken till träningsvänliga sidor som ”Så applicerar du ISO 780-symboler” eller ”Packchecklista för ömtåliga SKU:er”, och dela dem med lager och 3PL-partners.</p>



<p>För team som jobbar med löpande förbättringar (nya kartonger, nya inlägg, uppdaterat etikettmaterial) kan <a href="https://nodenordic.se/prompts/skapa-en-seo-innehallskalender-for-3-manader-med-ai">Skapa en SEO-innehållskalender för 3 månader med AI</a> återanvändas som en 12-veckors driftkalender. Tänk veckovisa förpackningstester, månatliga revisioner av skanningsgrad och kvartalsvisa uppdateringar av dina QC-kontrollpunkter så att förändringar inte glider iväg.</p>



<p>När du rullar ut förpackningsuppdateringar på flera platser är konsekvens den svåra delen. <a href="https://nodenordic.se/prompts/bygg-en-innehallsplan-for-en-bloggserie-med-ai-prompt">Bygg en innehållsplan för en bloggserie med AI-prompt</a> är praktisk för att kartlägga en ”serie” av intern enablement: en lektion per vecka, där varje del fokuserar på en standard (ISTA-sekvens, ISO 780-symboler, sedan GS1-layout och verifiering) och avslutas med ett snabbt godkänd/underkänd-test.</p>


<br>


<p>Snabbreferens:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/skriv-seo-bloggartiklar-med-denna-ai-prompt">Skriv seo-bloggartiklar med denna ai-prompt</a>: Gör playbooks till tydliga SOP-artiklar.</li>


<li><a href="https://nodenordic.se/prompts/skapa-en-seo-innehallskalender-for-3-manader-med-ai">Skapa en SEO-innehållskalender för 3 månader med AI</a>: Planera revisioner, tester och uppdateringar vecka för vecka.</li>


<li><a href="https://nodenordic.se/prompts/bygg-en-innehallsplan-for-en-bloggserie-med-ai-prompt">Bygg en innehållsplan för en bloggserie med AI-prompt</a>: Strukturera utbildningsmoduler för utrullning.</li>

<li><a href="https://nodenordic.se/prompts/bygg-seo-bloggrubriker-med-denna-ai-prompt">Bygg SEO-bloggrubriker med denna AI-prompt</a>: Skapa rubriker för interna dokument snabbt.</li>

<li><a href="https://nodenordic.se/prompts/skapa-en-kalender-for-lokal-seo-uppdatering">Skapa en kalender för lokal SEO-uppdatering</a>: Schemalägg regelbundna cykler för processuppdateringar.</li>
<!-- /wp:post-content -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Vanliga frågor</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för en packaging compliance playbook?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Förpackningsingenjörer</strong> använder den för att göra ”vi behöver färre skador” till en testbar plan i ISTA 3A-stil med tydliga acceptanskriterier. <strong>Driftchefer</strong> förlitar sig på den för att skapa instruktioner för packlinan och QC-kontrollpunkter som minskar variation mellan skift och lager. <strong>Ansvariga för supply chain eller logistik</strong> använder den när de lägger till en ny transportör, rutt eller fulfillment-modell och behöver förutse var fel uppstår. <strong>QA-chefer</strong> tycker att den är användbar för att bygga inspektionsrutiner och ”stoppa linan”-triggers kopplade till observerbara defekter.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för en packaging compliance playbook?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>E-handelsföretag inom konsumentvaror</strong> använder den för ömtåliga till måttligt ömtåliga produkter (glas, keramik, personal care) där returer är frekventa och recensioner nämner skador. <strong>SaaS-hårdvara och elektronik</strong> använder den för att minska fel från stötar och vibrationer samtidigt som märkningen förblir skanningsbar genom 3PL-hantering. <strong>Hälso- och skönhetsvarumärken</strong> får värde när utseendet spelar roll, eftersom playbooken kan skärpa kosmetiska acceptanskriterier och hanteringssymboler för att minska repor och läckage. <strong>Leverantörer av industrikomponenter</strong> gynnas när tunga artiklar orsakar kompressions- och burst-problem och de behöver en konsekvent etikettlayout för att undvika felroutning mellan distributionscentraler.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-prompter för att bygga en packaging compliance playbook svaga resultat?</span>
<!-- wp:paragraph -->
<p class="answer">En typisk prompt som ”Skriv en förpackningsplan för att skicka min produkt” misslyckas eftersom den: saknar sekvenslogiken i ISTA 3A och mätbara acceptanskriterier som krävs för att validera prestanda, inte ger någon strukturerad metod för att koppla felmoder till paketresan, ignorerar val och placeringsdetaljer för ISO 780-symboler som lagerteam kan följa, producerar generella materialförslag i stället för mått/toleranser/kontrollpunkter och missar praxis för GS1-etikettlayout som förhindrar felroutning och skanningsfel. Du får råd som låter rimliga men som inte överlever ett transportband, ett fall eller en stressad packstation.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här prompten för en packaging compliance playbook till min specifika situation?</span>
<!-- wp:paragraph -->
<p class="answer">Ja. Klistra in prompten och lägg sedan till dina produktspecifikationer (mått, vikt, ömtåliga punkter, värde), din fraktprofil (sträcklängd, transportörer, paket vs pall, DTC vs 3PL/FBA) och dina begränsningar (hållbarhetsmål och kostnadstak). Om du saknar detaljer, be modellen lista hindren först och ge villkorade rekommendationer tills du bekräftar dem. En bra uppföljning är: ”Skapa två varianter av playbooken: en optimerad för lägsta skadenivå, en optimerad för lägsta förpackningskostnad, och förklara avvägningarna i ISTA-acceptanskriterierna och materialen.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här prompten för en packaging compliance playbook?</span>
<!-- wp:paragraph -->
<p class="answer">Det största misstaget är att lämna produktbeskrivningen för vag — i stället för ”ömtålig hudvårdsflaska”, skriv ”120 ml glasflaska med pump; total packad vikt 0,65 kg; pumpkragen spricker vid kompression från topplast.” Ett annat vanligt fel är att hoppa över fraktkontexten; ”skickas i USA” är svagt, medan ”Zon 2–8 via UPS Ground, 1–3 paket/order, ibland returer” ger modellen något att konstruera kring. Folk glömmer också begränsningar: ”miljövänligt tack” är otydligt, men ”plastfritt, återvinningsbart via fastighetsnära insamling, inget löst fyllnadsmaterial” tvingar fram realistiska materialval. Slutligen accepterar team ofta etikett-råd utan placering och verifiering; du vill ha detaljer som ”etikett på största panelen, bort från skarvar, med skanningskontroll vid packning”.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vem bör INTE använda den här prompten för en packaging compliance playbook?</span>
<!-- wp:paragraph -->
<p class="answer">Den här prompten är inte idealisk för farligt gods, livsmedelskontakt, medicinteknisk reglering eller tull/juridiska compliance-beslut, eftersom den uttryckligen undviker att ge regulatoriska bedömningar. Den ersätter inte heller certifierade labbtester om du behöver formell certifiering; den kan föreslå en plan, inte certifiera resultat. Och om du fortfarande gissar kring produktens grundkonfiguration (slutliga mått, packmetod, kanaler) kan det vara bättre att validera de grunderna först och generera playbooken när indata är stabila.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för en packaging compliance playbook?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Förpackningsingenjörer använder den för att göra ”vi behöver färre skador” till en testbar plan i ISTA 3A-stil med tydliga acceptanskriterier. Driftchefer förlitar sig på den för att skapa instruktioner för packlinan och QC-kontrollpunkter som minskar variation mellan skift och lager. Ansvariga för supply chain eller logistik använder den när de lägger till en ny transportör, rutt eller fulfillment-modell och behöver förutse var fel uppstår. QA-chefer tycker att den är användbar för att bygga inspektionsrutiner och ”stoppa linan”-triggers kopplade till observerbara defekter."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för en packaging compliance playbook?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "E-handelsföretag inom konsumentvaror använder den för ömtåliga till måttligt ömtåliga produkter (glas, keramik, personal care) där returer är frekventa och recensioner nämner skador. SaaS-hårdvara och elektronik använder den för att minska fel från stötar och vibrationer samtidigt som märkningen förblir skanningsbar genom 3PL-hantering. Hälso- och skönhetsvarumärken får värde när utseendet spelar roll, eftersom playbooken kan skärpa kosmetiska acceptanskriterier och hanteringssymboler för att minska repor och läckage. Leverantörer av industrikomponenter gynnas när tunga artiklar orsakar kompressions- och burst-problem och de behöver en konsekvent etikettlayout för att undvika felroutning mellan distributionscentraler."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-prompter för att bygga en packaging compliance playbook svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som ”Skriv en förpackningsplan för att skicka min produkt” misslyckas eftersom den: saknar sekvenslogiken i ISTA 3A och mätbara acceptanskriterier som krävs för att validera prestanda, inte ger någon strukturerad metod för att koppla felmoder till paketresan, ignorerar val och placeringsdetaljer för ISO 780-symboler som lagerteam kan följa, producerar generella materialförslag i stället för mått/toleranser/kontrollpunkter och missar praxis för GS1-etikettlayout som förhindrar felroutning och skanningsfel. Du får råd som låter rimliga men som inte överlever ett transportband, ett fall eller en stressad packstation."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här prompten för en packaging compliance playbook till min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja. Klistra in prompten och lägg sedan till dina produktspecifikationer (mått, vikt, ömtåliga punkter, värde), din fraktprofil (sträcklängd, transportörer, paket vs pall, DTC vs 3PL/FBA) och dina begränsningar (hållbarhetsmål och kostnadstak). Om du saknar detaljer, be modellen lista hindren först och ge villkorade rekommendationer tills du bekräftar dem. En bra uppföljning är: ”Skapa två varianter av playbooken: en optimerad för lägsta skadenivå, en optimerad för lägsta förpackningskostnad, och förklara avvägningarna i ISTA-acceptanskriterierna och materialen.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här prompten för en packaging compliance playbook?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna produktbeskrivningen för vag — i stället för ”ömtålig hudvårdsflaska”, skriv ”120 ml glasflaska med pump; total packad vikt 0,65 kg; pumpkragen spricker vid kompression från topplast.” Ett annat vanligt fel är att hoppa över fraktkontexten; ”skickas i USA” är svagt, medan ”Zon 2–8 via UPS Ground, 1–3 paket/order, ibland returer” ger modellen något att konstruera kring. Folk glömmer också begränsningar: ”miljövänligt tack” är otydligt, men ”plastfritt, återvinningsbart via fastighetsnära insamling, inget löst fyllnadsmaterial” tvingar fram realistiska materialval. Slutligen accepterar team ofta etikett-råd utan placering och verifiering; du vill ha detaljer som ”etikett på största panelen, bort från skarvar, med skanningskontroll vid packning”."
      }
    },
    {
      "@type": "Question",
      "name": "Vem bör INTE använda den här prompten för en packaging compliance playbook?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten är inte idealisk för farligt gods, livsmedelskontakt, medicinteknisk reglering eller tull/juridiska compliance-beslut, eftersom den uttryckligen undviker att ge regulatoriska bedömningar. Den ersätter inte heller certifierade labbtester om du behöver formell certifiering; den kan föreslå en plan, inte certifiera resultat. Och om du fortfarande gissar kring produktens grundkonfiguration (slutliga mått, packmetod, kanaler) kan det vara bättre att validera de grunderna först och generera playbooken när indata är stabila."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Förpackningsfel är förutsägbara när du kartlägger resan och driver igenom en standard. Klistra in den här prompten i din modell, svara på frågorna om saknade indata och gör nästa fraktkörning till något du kan lita på.</p>
<!-- /wp:paragraph -->
</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/bygg-en-playbook-for-forpackningsefterlevnad/">Bygg en playbook för förpackningsefterlevnad</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skapa en retargetingplan för övergivna varukorgar</title>
		<link>https://nodenordic.se/prompts/skapa-en-retargetingplan-for-overgivna-varukorgar/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=skapa-en-retargetingplan-for-overgivna-varukorgar</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:48:58 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5002089</guid>

					<description><![CDATA[<p>Varukorgsövergivare försvinner? AI-prompten analyserar senaste 30 dagarnas beteende och bygger retargeting via annonser och e-post. Se fler.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-en-retargetingplan-for-overgivna-varukorgar/">Skapa en retargetingplan för övergivna varukorgar</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: cart recovery retargeting -->
<div class="hook-introduction">

<p>Ditt antal övergivna kundvagnar ser dåligt ut, men det verkliga problemet är vad som händer efteråt. De flesta retargeting-“planer” är bara en rabatt som klistras på en annons, plus ett par mejl som lika gärna skulle kunna skickas till vem som helst. Det är därför kundvagnsövergivare fortsätter att glida bort.</p>



<p>Den här prompten för <strong>retargeting för kundvagnsåterhämtning</strong> är byggd för <strong>growth marketers inom e-handel</strong> som snabbt behöver en fokuserad 30-dagars återhämtningsplan, <strong>butiksägare</strong> som vill stoppa betald trafik från att läcka i kassan, och <strong>byråstrateger</strong> som behöver en repeterbar blueprint som kan anpassas till flera kunders produktkataloger. Resultatet är en kanal-för-kanal-plan med målgrupper, budskapsvinklar, vägledning för incitament, landningsdestinationer, KPI-mål och en tajt optimeringsloop.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Vad du får</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Sammanfattar de senaste 30 dagarnas beteende hos kundvagnsövergivare med bästa möjliga uppskattningar när hårda siffror saknas.</li>
          <li>Tvingar fram prioritering genom att välja exakt 3 övergivna produktkategorier att fokusera återhämtningsarbetet på.</li>
          <li>Bygger exakt 3 kanalunika retargeting-kampanjer, var och en med målgruppsregler, budskapsvinkel, incitament och landningsdestination.</li>
          <li>Sätter mätbara mål (ROAS/CPA/slutförande) plus en enkel attribueringsmetod du faktiskt kan köra.</li>
          <li>Levererar en optimeringsloop med tre konkreta tester kopplade till KPI:erna, så att planen inte dör efter lansering.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du lägger pengar på trafik, kundvagnar skapas, men köp ligger efter förväntan.</li>
          <li>Din retargeting känns “aktiv” på flera plattformar, men du kan inte förklara vilka målgrupper eller budskap som fungerar.</li>
          <li>Du behöver välja var du ska fokusera: vilka produkter du ska trycka på, vilka incitament du ska spara, och vilka landningssidor du ska skicka folk till.</li>
          <li>En konkurrent skruvar upp kampanjerna, och du behöver ett smartare svar än generella rabatter.</li>
          <li>Du skalar spend och vill ha en repeterbar 30-dagars playbook för återhämtning innan du höjer budgetarna igen.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En 30-dagars ögonblicksbild av kundvagnsövergivare med antal, kategorikoncentration och uppskattningar av värdet på övergivna kundvagnar (plus antaganden).</li>
           <li>En prioriterad lista med exakt 3 övergivna produktkategorier med en kort motivering för varje.</li>
           <li>En 3-kanals retargeting-plan med målgruppsregler, budskapsvinklar, incitament och landningsdestinationer per kanal.</li>
           <li>Ett KPI-blad med konkreta ROAS/CPA/slutförande-mål och en lättviktig attribueringsmetod.</li>
           <li>En optimeringsloop med 3 tester, förväntad effekt och vilket mått som avgör “behåll vs. skrota”.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Den fullständiga AI-prompten: blueprint för retargeting för kundvagnsåterhämtning</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[WEBBPLATS_URL]</code></td>
                                <td class="var-desc">
                                    Ange den fullständiga URL:en till webbplatsen du vill övervaka, inklusive protokoll (t.ex. https://).                                    <div class="var-example">Till exempel: "https://www.example.com"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[WEBBPLATS_URL]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[AVISERING_EPOST]</code></td>
                                <td class="var-desc">
                                    Ange en e-postadress som ska ta emot övervakningslarm och rapporter.                                    <div class="var-example">Till exempel: "admin@example.com"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[AVISERING_EPOST]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[SLACK_WEBHOOK_URL]</code></td>
                                <td class="var-desc">
                                    Ange Slack webhook-URL:en för att skicka övervakningsnotiser till en specifik Slack-kanal.                                    <div class="var-example">Till exempel: "https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXXXXXX"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[SLACK_WEBHOOK_URL]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[AVISERING_TELEFONNUMMER]</code></td>
                                <td class="var-desc">
                                    Ange ett telefonnummer som ska ta emot SMS-aviseringar vid kritiska problem.                                    <div class="var-example">Till exempel: "+1234567890"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[AVISERING_TELEFONNUMMER]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[OVERVAKNINGSFREKVENS]</code></td>
                                <td class="var-desc">
                                    Ange hur ofta övervakningsgenomsökningarna ska köras (t.ex. dagligen, veckovis, varje timme).                                    <div class="var-example">Till exempel: "Dagligen"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[OVERVAKNINGSFREKVENS]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Ange gärna extra kontext om webbplatsen, målgruppen eller specifika behov för övervakningen.                                    <div class="var-example">Till exempel: "Webbplatsen är en e-handelsplattform som riktar sig till millennials och behöver robust SEO-övervakning för produktsidor."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRIMART_MAL]</code></td>
                                <td class="var-desc">
                                    Specificera gärna det huvudsakliga syftet med övervakningen (t.ex. förbättra sidhastighet, åtgärda genomsökningsfel).                                    <div class="var-example">Till exempel: "Identifiera och åtgärda problem med duplicerat innehåll för att förbättra SEO-rankningar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRIMART_MAL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INDATA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Föranalys</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Webbplatsöversikt</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Problem med sidhastighet</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Crawlfel</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Trasiga länkar</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Duplicerat innehåll</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Andra tekniska problem</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Rangordning av allvarlighetsgrad (1–5)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Rekommendationer (åtgärdsinriktad fixplan)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL
Skapa en brief för realtidsövervakning av SEO-sajthälsa för en given webbplats. Leveransen ska simulera en övervakningsscan, lyfta fram de viktigaste tekniska/SEO-felen, betygsätta hur allvarliga de är och ge konkreta åtgärder samt detaljer som är redo för avisering.

## PERSONA
Du är en molnklassad SEO-övervakningsagent (crawler + auditor) som är byggd för att snabbt upptäcka tekniska SEO-regressioner. Du kommunicerar som en driftpanel: kortfattat, precist och åtgärdsinriktat.

## BEGRÄNSNINGAR
- Använd ✅ för att indikera ”inga problem upptäckta” och ❌ för att indikera ”problem upptäckta” i varje diagnostisk sektion.
- Rekommendationer måste vara specifika utifrån fynden och hänvisa till vad som ska ändras (t.ex. fil, tagg, header, regel, omdirigeringstyp), inte generiska råd.
- Sortera och prioritera problem efter sannolik SEO-påverkan och risk.
- Om någon obligatorisk indata saknas, påpeka det och fortsätt med best-effort-antaganden (tydligt märkta).
- Inkludera en undersektion ”What This Is NOT” (avgränsning av scope) i outputen.

## PROCESS
1. **Föranalys (måste synas i output):** Återge din förståelse av övervakningsmålet och vad som kommer att kontrolleras för den här webbplatsen.
2. **Scansimulering:** Anta att du crawlat sajten och granskat nyckelmallar (startsida, kategori/listning, artikel/produkt och en utility-sida). Uppskatta antal crawlande sidor om det inte anges.
3. **Diagnostik per kategori:** Utvärdera hastighet, crawl-integritet, länkhälsa, duplicering och andra tekniska grundpelare.
4. **Poängsätt påverkan:** Tilldela allvarlighetsgrad 1–5 (5 = kritiskt) och rangordna toppunkterna.
5. **Föreskriv åtgärder:** Ge steg-för-steg-åtgärder som är direkt kopplade till upptäckta problem.
6. **Aviseringsredo:** Inkludera vart alerts ska skickas och hur ofta kontroller sker (baserat på indata).

## INDATA
- **Webbplats-URL:** [WEBBPLATS_URL]
- **Aviseringsmejl:** [AVISERING_EPOST]
- **Slack webhook-URL:** [SLACK_WEBHOOK_URL]
- **Aviseringstelefonnummer:** [AVISERING_TELEFONNUMMER]
- **Övervakningsfrekvens:** [OVERVAKNINGSFREKVENS]
- **Kontext/bakgrund (valfritt):** [KONTEXT]
- **Primärt mål (valfritt):** [PRIMART_MAL]

## OUTPUTSPECIFIKATION
Returnera rapporten med exakt rubrikerna nedan och fyll i platshållarna med ditt genererade innehåll.

### Föranalys
- {Understanding Summary}
- {Assumptions If Any}

### Webbplatsöversikt
- URL: {Website Url}
- Sidor crawlade: {Pages Crawled}
- Senaste scan (lokal tid): {Last Scan Timestamp}
- Aviseringsrouting: Email={Email Route} | Slack={Slack Route} | SMS={Sms Route}
- Övervakningsfrekvens: {Monitoring Frequency}

### Problem med sidhastighet
- Status: {Speed Status Icon}  
- Fynd:
  - {Speed Finding 1}
  - {Speed Finding 2}
  - {Speed Finding 3}
- Påverkade exempel:
  - {Speed Affected Urls}

### Crawlfel
- Status: {Crawl Status Icon}  
- Fynd:
  - {Crawl Finding 1}
  - {Crawl Finding 2}
  - {Crawl Finding 3}
- Påverkade exempel:
  - {Crawl Affected Urls}

### Trasiga länkar
- Status: {Links Status Icon}  
- Fynd:
  - {Link Finding 1}
  - {Link Finding 2}
- Påverkade exempel:
  - {Broken Link Examples}

### Duplicerat innehåll
- Status: {Duplication Status Icon}  
- Fynd:
  - {Duplicate Finding 1}
  - {Duplicate Finding 2}
  - {Duplicate Finding 3}
- Påverkade exempel:
  - {Duplicate Examples}

### Andra tekniska problem
- Status: {Other Tech Status Icon}  
- Kontrollpunkter (markera varje ✅/❌ och förklara kort):
  - XML-sitemap: {Sitemap Status}
  - robots.txt: {Robots Status}
  - HTTPS/cert/canonicalization: {Https Status}
  - Mobilanvändbarhet: {Mobile Status}
- Noteringar:
  - {Other Tech Notes}

### Rangordning av allvarlighetsgrad (1–5)
Lista topproblemen i fallande prioritet (5 är mest allvarligt):
1. {Issue One} — {Severity One}
2. {Issue Two} — {Severity Two}
3. {Issue Three} — {Severity Three}
4. {Issue Four} — {Severity Four}
5. {Issue Five} — {Severity Five}

### Rekommendationer (åtgärdsinriktad fixplan)
Ge riktade åtgärder i linje med problemen ovan:
- {Recommendation 1}
- {Recommendation 2}
- {Recommendation 3}
- {Recommendation 4}
- {Recommendation 5}

### What This Is NOT
- {Out Of Scope Point 1}
- {Out Of Scope Point 2}
- {Out Of Scope Point 3}

## KVALITETSKONTROLLER
Innan du slutför, verifiera och säkerställ att outputen inkluderar:
- En Föranalys-sektion med antaganden när indata är ofullständig/oklar
- ✅/❌-status i varje diagnostisk kategori
- En topp-5-lista rangordnad efter allvarlighetsgrad med skalan 1–5 (5 = kritiskt)
- Rekommendationer som mappar direkt till identifierade problem (inga vaga råd)
- En scope-avgränsande sektion ”What This Is NOT”            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L\r\nSkapa en brief f\u00f6r realtids\u00f6vervakning av SEO-sajth\u00e4lsa f\u00f6r en given webbplats. Leveransen ska simulera en \u00f6vervakningsscan, lyfta fram de viktigaste tekniska\/SEO-felen, betygs\u00e4tta hur allvarliga de \u00e4r och ge konkreta \u00e5tg\u00e4rder samt detaljer som \u00e4r redo f\u00f6r avisering.\r\n\r\n## PERSONA\r\nDu \u00e4r en molnklassad SEO-\u00f6vervakningsagent (crawler + auditor) som \u00e4r byggd f\u00f6r att snabbt uppt\u00e4cka tekniska SEO-regressioner. Du kommunicerar som en driftpanel: kortfattat, precist och \u00e5tg\u00e4rdsinriktat.\r\n\r\n## BEGR\u00c4NSNINGAR\r\n- Anv\u00e4nd \u2705 f\u00f6r att indikera \u201dinga problem uppt\u00e4ckta\u201d och \u274c f\u00f6r att indikera \u201dproblem uppt\u00e4ckta\u201d i varje diagnostisk sektion.\r\n- Rekommendationer m\u00e5ste vara specifika utifr\u00e5n fynden och h\u00e4nvisa till vad som ska \u00e4ndras (t.ex. fil, tagg, header, regel, omdirigeringstyp), inte generiska r\u00e5d.\r\n- Sortera och prioritera problem efter sannolik SEO-p\u00e5verkan och risk.\r\n- Om n\u00e5gon obligatorisk indata saknas, p\u00e5peka det och forts\u00e4tt med best-effort-antaganden (tydligt m\u00e4rkta).\r\n- Inkludera en undersektion \u201dWhat This Is NOT\u201d (avgr\u00e4nsning av scope) i outputen.\r\n\r\n## PROCESS\r\n1. **F\u00f6ranalys (m\u00e5ste synas i output):** \u00c5terge din f\u00f6rst\u00e5else av \u00f6vervakningsm\u00e5let och vad som kommer att kontrolleras f\u00f6r den h\u00e4r webbplatsen.\r\n2. **Scansimulering:** Anta att du crawlat sajten och granskat nyckelmallar (startsida, kategori\/listning, artikel\/produkt och en utility-sida). Uppskatta antal crawlande sidor om det inte anges.\r\n3. **Diagnostik per kategori:** Utv\u00e4rdera hastighet, crawl-integritet, l\u00e4nkh\u00e4lsa, duplicering och andra tekniska grundpelare.\r\n4. **Po\u00e4ngs\u00e4tt p\u00e5verkan:** Tilldela allvarlighetsgrad 1\u20135 (5 = kritiskt) och rangordna toppunkterna.\r\n5. **F\u00f6reskriv \u00e5tg\u00e4rder:** Ge steg-f\u00f6r-steg-\u00e5tg\u00e4rder som \u00e4r direkt kopplade till uppt\u00e4ckta problem.\r\n6. **Aviseringsredo:** Inkludera vart alerts ska skickas och hur ofta kontroller sker (baserat p\u00e5 indata).\r\n\r\n## INDATA\r\n- **Webbplats-URL:** [WEBBPLATS_URL]\r\n- **Aviseringsmejl:** [AVISERING_EPOST]\r\n- **Slack webhook-URL:** [SLACK_WEBHOOK_URL]\r\n- **Aviseringstelefonnummer:** [AVISERING_TELEFONNUMMER]\r\n- **\u00d6vervakningsfrekvens:** [OVERVAKNINGSFREKVENS]\r\n- **Kontext\/bakgrund (valfritt):** [KONTEXT]\r\n- **Prim\u00e4rt m\u00e5l (valfritt):** [PRIMART_MAL]\r\n\r\n## OUTPUTSPECIFIKATION\r\nReturnera rapporten med exakt rubrikerna nedan och fyll i platsh\u00e5llarna med ditt genererade inneh\u00e5ll.\r\n\r\n### F\u00f6ranalys\r\n- {Understanding Summary}\r\n- {Assumptions If Any}\r\n\r\n### Webbplats\u00f6versikt\r\n- URL: {Website Url}\r\n- Sidor crawlade: {Pages Crawled}\r\n- Senaste scan (lokal tid): {Last Scan Timestamp}\r\n- Aviseringsrouting: Email={Email Route} | Slack={Slack Route} | SMS={Sms Route}\r\n- \u00d6vervakningsfrekvens: {Monitoring Frequency}\r\n\r\n### Problem med sidhastighet\r\n- Status: {Speed Status Icon}  \r\n- Fynd:\r\n  - {Speed Finding 1}\r\n  - {Speed Finding 2}\r\n  - {Speed Finding 3}\r\n- P\u00e5verkade exempel:\r\n  - {Speed Affected Urls}\r\n\r\n### Crawlfel\r\n- Status: {Crawl Status Icon}  \r\n- Fynd:\r\n  - {Crawl Finding 1}\r\n  - {Crawl Finding 2}\r\n  - {Crawl Finding 3}\r\n- P\u00e5verkade exempel:\r\n  - {Crawl Affected Urls}\r\n\r\n### Trasiga l\u00e4nkar\r\n- Status: {Links Status Icon}  \r\n- Fynd:\r\n  - {Link Finding 1}\r\n  - {Link Finding 2}\r\n- P\u00e5verkade exempel:\r\n  - {Broken Link Examples}\r\n\r\n### Duplicerat inneh\u00e5ll\r\n- Status: {Duplication Status Icon}  \r\n- Fynd:\r\n  - {Duplicate Finding 1}\r\n  - {Duplicate Finding 2}\r\n  - {Duplicate Finding 3}\r\n- P\u00e5verkade exempel:\r\n  - {Duplicate Examples}\r\n\r\n### Andra tekniska problem\r\n- Status: {Other Tech Status Icon}  \r\n- Kontrollpunkter (markera varje \u2705\/\u274c och f\u00f6rklara kort):\r\n  - XML-sitemap: {Sitemap Status}\r\n  - robots.txt: {Robots Status}\r\n  - HTTPS\/cert\/canonicalization: {Https Status}\r\n  - Mobilanv\u00e4ndbarhet: {Mobile Status}\r\n- Noteringar:\r\n  - {Other Tech Notes}\r\n\r\n### Rangordning av allvarlighetsgrad (1\u20135)\r\nLista topproblemen i fallande prioritet (5 \u00e4r mest allvarligt):\r\n1. {Issue One} \u2014 {Severity One}\r\n2. {Issue Two} \u2014 {Severity Two}\r\n3. {Issue Three} \u2014 {Severity Three}\r\n4. {Issue Four} \u2014 {Severity Four}\r\n5. {Issue Five} \u2014 {Severity Five}\r\n\r\n### Rekommendationer (\u00e5tg\u00e4rdsinriktad fixplan)\r\nGe riktade \u00e5tg\u00e4rder i linje med problemen ovan:\r\n- {Recommendation 1}\r\n- {Recommendation 2}\r\n- {Recommendation 3}\r\n- {Recommendation 4}\r\n- {Recommendation 5}\r\n\r\n### What This Is NOT\r\n- {Out Of Scope Point 1}\r\n- {Out Of Scope Point 2}\r\n- {Out Of Scope Point 3}\r\n\r\n## KVALITETSKONTROLLER\r\nInnan du slutf\u00f6r, verifiera och s\u00e4kerst\u00e4ll att outputen inkluderar:\r\n- En F\u00f6ranalys-sektion med antaganden n\u00e4r indata \u00e4r ofullst\u00e4ndig\/oklar\r\n- \u2705\/\u274c-status i varje diagnostisk kategori\r\n- En topp-5-lista rangordnad efter allvarlighetsgrad med skalan 1\u20135 (5 = kritiskt)\r\n- Rekommendationer som mappar direkt till identifierade problem (inga vaga r\u00e5d)\r\n- En scope-avgr\u00e4nsande sektion \u201dWhat This Is NOT\u201d";
    const variables = ["[WEBBPLATS_URL]","[AVISERING_EPOST]","[SLACK_WEBHOOK_URL]","[AVISERING_TELEFONNUMMER]","[OVERVAKNINGSFREKVENS]","[KONTEXT]","[PRIMART_MAL]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat med AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Ta med “tillräckligt bra” siffror.</strong> Helt ärligt: planen blir mycket bättre när du ger ens ett grovt intervall för dagliga kundvagnar, påbörjade kassor och köp. Om du saknar data, klistra in det du har (till exempel: “Senaste 30 dagarna: 42&nbsp;000 sessioner, 2&nbsp;100 add-to-carts, 620 köp, AOV $68”), och fråga sedan: “Fyll luckor med antaganden och lista exakt vilka rapporter/event som behövs för att ersätta dem.”</li>


<li><strong>Berätta vilka dina tre kanaler är.</strong> Prompten levererar exakt tre kanaler, så bestäm vad du faktiskt kan genomföra den här månaden (Meta-annonser, Google Display/YouTube, e-post, SMS osv.). Följ upp med en prompt för att skärpa den: “Använd endast dessa 3 kanaler: e-post, Meta-retargeting och Google YouTube; håll budgeten under $120/dag totalt.”</li>


<li><strong>Definiera dina regler för incitament innan du ber om budskap.</strong> Om du alltid erbjuder 10% rabatt tränar du kunder att överge kundvagnen. Ge begränsningar som: “Inga rabatter de första 24 timmarna; fri frakt tillåten; rabatt endast för kundvagnar över $80,” och be sedan modellen bygga vinklar kring brådska, social proof eller riskreducering.</li>


<li><strong>Iterera med kontrollerade ytterligheter.</strong> Efter första resultatet, testa att fråga: “Gör nu kanal 2 mer aggressiv med incitament och gör kanal 3 helt utan rabatt, med bundles eller bonusar istället. Behåll KPI-målen.” Du får tydligare avvägningar och en plan du kan testa istället för att diskutera.</li>


<li><strong>Tvinga fram landningssidors specificitet.</strong> Många retargeting-planer misslyckas för att de skickar alla till startsidan. Lägg till en snabb instruktion: “För varje kanal, rekommendera en landningsdestination och en enda sidförbättring för kundvagnsåterhämtning (tillitssymboler, tydlighet kring frakt, betalningsalternativ, recensioner). Begränsa det till endast retargeting-trafik.”</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade prompter</h2>



<p>När din plan för retargeting för kundvagnsåterhämtning är kartlagd hjälper de här promptarna dig att stärka underlaget som får targeting och budskap att prestera.</p>



<p>Om du också behöver en tydligare bild av vilka söktermer som faktiskt driver sessioner med hög köpintention, passar <a href="https://nodenordic.se/prompts/gor-en-fullstandig-nyckelordsgranskning-med-ai-prompt">Gör en fullständig sökordsrevision med den här AI-prompten</a> bra. Använd den när du misstänker att du betalar för trafik som lägger i kundvagn men inte konverterar, eftersom sökintentionen inte matchar upplevelsen på produktsidan.</p>



<p>När du blir utmanövrerad på kategoritermer (och det trycket syns som högre CPC:er och svagare återhämtningsgrad), bygg en motplan med <a href="https://nodenordic.se/prompts/plan-for-keyword-gap-analys-mot-konkurrenter">AI-prompt: plan för sökords-gap-analys mot konkurrenter</a>. Den är särskilt användbar precis innan du justerar budgetar, så att din retargeting inte förväntas “fixa” ett mismatch högre upp i tratten.</p>



<p>För team som gör produktlanseringar eller expanderar till nya kollektioner hjälper <a href="https://nodenordic.se/prompts/arbetsflode-for-sokordsgap-pa-produktsidor">AI-prompt: workflow för produktbaserad sökords-gap</a> dig att mappa efterfrågan till specifika SKU:er. Det gör även dina retargeting-kreativ renare, eftersom de övergivna produktkategorierna blir mer korrekta och enklare att budskapa.</p>


<br>


<p>Snabbreferens:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/gor-en-fullstandig-nyckelordsgranskning-med-ai-prompt">Gör en fullständig sökordsrevision med den här AI-prompten</a>: Hitta mismatch i intention som skadar konverteringen.</li>


<li><a href="https://nodenordic.se/prompts/plan-for-keyword-gap-analys-mot-konkurrenter">AI-prompt: plan för sökords-gap-analys mot konkurrenter</a>: Identifiera och agera på konkurrenters täckningsluckor.</li>


<li><a href="https://nodenordic.se/prompts/arbetsflode-for-sokordsgap-pa-produktsidor">AI-prompt: workflow för produktbaserad sökords-gap</a>: Mappa sökordsefterfrågan till specifika produkter.</li>


<li><a href="https://nodenordic.se/prompts/gor-en-sentimentsstudie-av-omdomen-med-ai-prompt">Gör en sentimentanalys av recensioner med den här AI-prompten</a>: Extrahera invändningar och drivkrafter från recensioner.</li>


<li><a href="https://nodenordic.se/prompts/kor-en-backlink-granskning-och-sokordskarta-med-ai-prompt">Gör en backlink-revision och sökordskarta med den här AI-prompten</a>: Linjera länk-mål med sökordsprioriteringar.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Vanliga frågor</h2>


<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för retargeting för kundvagnsåterhämtning?</span>

<p class="answer"><strong>Performance marketing managers</strong> använder den för att göra spretig remarketing till en tydlig 3-kanalsplan med mål som de kan rapportera på veckovis. <strong>E-handelschefer</strong> lutar sig mot den för att prioritera de tre övergivna produktkategorier som förtjänar dedikerade återhämtningsflöden i stället för generiska budskap. <strong>Lifecycle/CRM-specialister</strong> använder den för att synka e-post/SMS-timing, incitament och landningsdestinationer med kundvagnsbeteendet de senaste 30 dagarna. <strong>Byråstrateger för kundansvar</strong> använder den som en repeterbar kundnära blueprint som tydligt anger antaganden när dataåtkomst är begränsad.</p>

</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för retargeting för kundvagnsåterhämtning?</span>

<p class="answer"><strong>DTC-varumärken inom e-handel</strong> får direkt värde eftersom deras katalog ofta har tydliga kategorikluster, vilket gör kravet “exakt tre kategorier” till ett praktiskt sätt att fokusera spend. De kan också testa incitamentstrappor (fri frakt vs. procentrabatt) utan att rabattera allt. <strong>Beauty och personal care</strong>-team använder den för att hantera återköpslogik och tvekan kring nyans/doft genom att justera budskapsvinklar och trygghetsskapande på landningssidan. <strong>Kläder och accessoarer</strong> gynnas eftersom kundvagnsövergivande ofta drivs av frakt, returer och storleksosäkerhet, vilket prompten trycker på att du ska adressera via destination och budskapsstrategi. <strong>Hem och inredning med högt AOV</strong> använder den för att bygga längre retargeting för längre betänketid, med KPI-mål som tar höjd för fördröjda konverteringar.</p>

</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-prompter för retargeting för kundvagnsåterhämtning svaga resultat?</span>

<p class="answer">En typisk prompt som &#8221;<em>Skriv en retargeting-kampanj för kundvagnsövergivare</em>&#8221; misslyckas eftersom den: saknar ett definierat analysfönster (den här prompten utgår från de senaste 30 dagarna), ger ingen tvingande prioritering av produktkategorier och ignorerar kanalunika målgruppsregler och landningsdestinationer. Den levererar ofta generisk copy om att “skapa brådska” istället för en strukturerad plan med incitament, KPI-mål och anteckningar om attribuering. Den hoppar också över optimeringsloopen, så du blir kvar och gissar vad du ska testa och vilket mått som bevisar förbättring.</p>

</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här prompten för retargeting för kundvagnsåterhämtning till min specifika situation?</span>

<p class="answer">Ja. Prompten stödjer redan att justera tidsperioden via [TIMEFRAME], vilket är användbart om du behöver en 14-dagars sprintvy eller ett säsongsfönster på 60 dagar. Du kan också anpassa input som [WEBSITE_URL] så att modellen kan rekommendera realistiska landningsdestinationer och flagga för edge cases när sajten inte går att nå. Om du vill ha tajtare output, lägg till en uppföljning som: “Använd [TIMEFRAME]=senaste 21 dagarna, anta AOV=$92, och prioritera kategorier med högst värde på övergivna kundvagnar; revidera sedan KPI-målen för en retargetingbudget på $3,500/månad.”</p>

</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här prompten för retargeting för kundvagnsåterhämtning?</span>

<p class="answer">Det största misstaget är att lämna [WEBSITE_URL] tomt eller använda en vag länk till startsidan—istället för “min butik”, ange “https://example.com/collections/running-shoes” så att landningsdestinationerna kan bli specifika. Ett annat vanligt fel är att sätta [TIMEFRAME] till ett orealistiskt fönster; “senaste 365 dagarna” suddar ut säsongseffekter, medan “senaste 7 dagarna” kan vara brusigt om volymen inte är hög. Många glömmer också att dela ens grova volymsiffror, vilket ger svaga uppskattningar; “många kundvagnar” hjälper inte, men “~1 200 kundvagnar/månad, ~320 köp” gör det. Till sist ber många team om kanaler de inte kan genomföra; välj tre du faktiskt kan köra den här månaden så blir planen skarpare.</p>

</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda den här prompten för retargeting för kundvagnsåterhämtning?</span>

<p class="answer">Prompten är inte optimal för engångskampanjer där du inte kommer följa KPI:er eller iterera, eftersom optimeringsloopen är en del av värdet. Den passar heller inte om du behöver en komplett teknisk implementeringsguide för spårning (pixlar, server-side events, tag manager), eftersom prompten uttryckligen undviker den omfattningen. Och om du förväntar dig färdiga kreativa filer kommer du bli besviken; använd den för planeringen och skicka sedan resultatet till ditt kreativa team eller en separat copy-prompt.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för retargeting för kundvagnsåterhämtning?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Performance marketing managers använder den för att göra spretig remarketing till en tydlig 3-kanalsplan med mål som de kan rapportera på veckovis. E-handelschefer lutar sig mot den för att prioritera de tre övergivna produktkategorier som förtjänar dedikerade återhämtningsflöden i stället för generiska budskap. Lifecycle/CRM-specialister använder den för att synka e-post/SMS-timing, incitament och landningsdestinationer med kundvagnsbeteendet de senaste 30 dagarna. Byråstrateger för kundansvar använder den som en repeterbar kundnära blueprint som tydligt anger antaganden när dataåtkomst är begränsad."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för retargeting för kundvagnsåterhämtning?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "DTC-varumärken inom e-handel får direkt värde eftersom deras katalog ofta har tydliga kategorikluster, vilket gör kravet “exakt tre kategorier” till ett praktiskt sätt att fokusera spend. De kan också testa incitamentstrappor (fri frakt vs. procentrabatt) utan att rabattera allt. Beauty och personal care-team använder den för att hantera återköpslogik och tvekan kring nyans/doft genom att justera budskapsvinklar och trygghetsskapande på landningssidan. Kläder och accessoarer gynnas eftersom kundvagnsövergivande ofta drivs av frakt, returer och storleksosäkerhet, vilket prompten trycker på att du ska adressera via destination och budskapsstrategi. Hem och inredning med högt AOV använder den för att bygga längre retargeting för längre betänketid, med KPI-mål som tar höjd för fördröjda konverteringar."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-prompter för retargeting för kundvagnsåterhämtning svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som \"Skriv en retargeting-kampanj för kundvagnsövergivare\" misslyckas eftersom den: saknar ett definierat analysfönster (den här prompten utgår från de senaste 30 dagarna), ger ingen tvingande prioritering av produktkategorier och ignorerar kanalunika målgruppsregler och landningsdestinationer. Den levererar ofta generisk copy om att “skapa brådska” istället för en strukturerad plan med incitament, KPI-mål och anteckningar om attribuering. Den hoppar också över optimeringsloopen, så du blir kvar och gissar vad du ska testa och vilket mått som bevisar förbättring."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här prompten för retargeting för kundvagnsåterhämtning till min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja. Prompten stödjer redan att justera tidsperioden via [TIMEFRAME], vilket är användbart om du behöver en 14-dagars sprintvy eller ett säsongsfönster på 60 dagar. Du kan också anpassa input som [WEBSITE_URL] så att modellen kan rekommendera realistiska landningsdestinationer och flagga för edge cases när sajten inte går att nå. Om du vill ha tajtare output, lägg till en uppföljning som: “Använd [TIMEFRAME]=senaste 21 dagarna, anta AOV=$92, och prioritera kategorier med högst värde på övergivna kundvagnar; revidera sedan KPI-målen för en retargetingbudget på $3,500/månad.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här prompten för retargeting för kundvagnsåterhämtning?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna [WEBSITE_URL] tomt eller använda en vag länk till startsidan—istället för “min butik”, ange “https://example.com/collections/running-shoes” så att landningsdestinationerna kan bli specifika. Ett annat vanligt fel är att sätta [TIMEFRAME] till ett orealistiskt fönster; “senaste 365 dagarna” suddar ut säsongseffekter, medan “senaste 7 dagarna” kan vara brusigt om volymen inte är hög. Många glömmer också att dela ens grova volymsiffror, vilket ger svaga uppskattningar; “många kundvagnar” hjälper inte, men “~1 200 kundvagnar/månad, ~320 köp” gör det. Till sist ber många team om kanaler de inte kan genomföra; välj tre du faktiskt kan köra den här månaden så blir planen skarpare."
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda den här prompten för retargeting för kundvagnsåterhämtning?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Prompten är inte optimal för engångskampanjer där du inte kommer följa KPI:er eller iterera, eftersom optimeringsloopen är en del av värdet. Den passar heller inte om du behöver en komplett teknisk implementeringsguide för spårning (pixlar, server-side events, tag manager), eftersom prompten uttryckligen undviker den omfattningen. Och om du förväntar dig färdiga kreativa filer kommer du bli besviken; använd den för planeringen och skicka sedan resultatet till ditt kreativa team eller en separat copy-prompt."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>Kundvagnsåterhämtning förbättras snabbast när du slutar gissa och börjar köra en tajt, mätbar plan. Klistra in den här prompten i ditt AI-verktyg, generera din 3-kanalsblueprint och sätt de första testerna live redan den här veckan.</p>

</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-en-retargetingplan-for-overgivna-varukorgar/">Skapa en retargetingplan för övergivna varukorgar</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bygg en SOP för importefterlevnad med denna AI-prompt</title>
		<link>https://nodenordic.se/prompts/bygg-en-sop-for-importefterlevnad-med-denna-ai-prompt/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=bygg-en-sop-for-importefterlevnad-med-denna-ai-prompt</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:48:13 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5002886</guid>

					<description><![CDATA[<p>Sändningar fastnar i tullen – en AI-prompt som bygger en SOP för importdokumentation med Incoterms och HS-kontroller. Upptäck fler.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/bygg-en-sop-for-importefterlevnad-med-denna-ai-prompt/">Bygg en SOP för importefterlevnad med denna AI-prompt</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: import compliance SOP -->

<div class="hook-introduction">

<p>Tullstopp beror sällan på ett enda stort misstag. Det är småsakerna: ett ansvar enligt Incoterms som inte stämmer, en HS-kod som inte är verifierad, en saknad formulering på en handelsfaktura eller att mäklaren får instruktioner för sent. Sedan börjar demurrage-klockan ticka.</p>



<p>Denna <strong>import compliance SOP</strong> är framtagen för <strong>operations managers</strong> som behöver repeterbara överlämningar för veckovisa inkommande leveranser, <strong>e-handlare eller varumärkesägare</strong> som importerar nya SKU:er utan en mogen mäklarprocess, samt <strong>konsulter</strong> som måste dokumentera ett “inga överraskningar”-flöde för kunder över leverantörer, transportörer och tullmäklare. Resultatet är en etappindelad strategi för importdokumentation (3–15 steg) med kravställda dokument, ansvariga parter, timing, verifieringssteg och HS-klassificeringskontroller kopplade till Incoterms® 2020.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör denna AI-prompt och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Det här får du</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Återger ditt sändningsscenario och dina mål, och synliggör antaganden som kan skapa compliance-glapp.</li>
          <li>Kartlägger sändningsflödet end-to-end och identifierar kontrollpunkter över export, transit, import och överlämningar mellan mäklare/transportör.</li>
          <li>Väljer ett lämpligt antal SOP-steg (minst 3, max 15) baserat på risk, jurisdiktioner, produktkomplexitet och sändningsfrekvens.</li>
          <li>Definierar varje steg med obligatoriska dokument, ansvarig part, exakt timing och verifieringssteg som du kan operationalisera.</li>
          <li>Bygger in validering och eskalering för HS-klassificering i processen så att felklassificeringsrisk hanteras som en kärnkontroll, inte som en eftertanke.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Dina sändningar går igenom, men alltför ofta “först efter” sista minuten-justeringar av dokument och fram-och-tillbaka med mäklaren.</li>
          <li>Du importerar en ny produktkategori och litar inte på nuvarande HS-koder, värderingsmetod eller ursprungsuppgifter.</li>
          <li>Ditt team diskuterar Incoterms-ansvar, och ingen kan tydligt säga vem som äger vilka dokument och när.</li>
          <li>En konkurrent har kortare ledtider, och du misstänker att dina förseningar är processrelaterade snarare än transportörsrelaterade.</li>
          <li>Du skalar från sporadisk import till frekventa inbound-lanes och behöver en repeterbar SOP innan volymen ökar.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En import compliance SOP i 3–15 steg anpassad efter din sändning, med aktiviteter och ägare steg för steg.</li>
           <li>En dokumentchecklista per steg (till exempel: handelsfaktura, packlista, certifikat, fullmakt till tullmäklare, PGA-dokument).</li>
           <li>Ansvarsfördelning enligt Incoterms® 2020 som tydliggör överlämningar mellan leverantör, köpare, transportör och mäklare.</li>
           <li>En metod för validering av HS-klassificering samt en eskaleringsväg (vem granskar, när man ska pausa, när man ska ta in mäklare/juridik).</li>
           <li>Verifieringssteg och tidsgrindar som du kan göra om till interna ärenden, SOP-sidor eller en checklista för sändningsstart.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: byggare för importdokumentation och SOP för tull- och compliance</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[URSPRUNGS_LAND]</code></td>
                                <td class="var-desc">
                                    Ange vilket land som försändelsen skickas från. Detta hjälper till att fastställa exportkrav och relevanta handelsavtal.                                    <div class="var-example">Till exempel: "Kina"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[URSPRUNGS_LAND]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[DESTINATIONS_LAND]</code></td>
                                <td class="var-desc">
                                    Ange vilket land försändelsen ska skickas till. Detta avgör importregler och tullkrav.                                    <div class="var-example">Till exempel: "USA"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[DESTINATIONS_LAND]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Ge en detaljerad beskrivning av försändelsen, inklusive material, sammansättning, funktion och avsedd användning.                                    <div class="var-example">Till exempel: "Aluminiumlegeringsplåtar för tillverkning inom flygindustrin, 2 mm tjocklek, korrosionsbeständiga."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HS_KOD]</code></td>
                                <td class="var-desc">
                                    Ange produktens Harmonized System-kod (HS-kod) om den är känd. Koden används för tulltaxeklassificering och regelefterlevnadskontroller.                                    <div class="var-example">Till exempel: "7606.12.3090"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[HS_KOD]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[INCOTERM]</code></td>
                                <td class="var-desc">
                                    Ange vald Incoterm® 2020-regel eller be om hjälp att välja. Detta definierar fördelningen av kostnader och risk mellan köpare och säljare.                                    <div class="var-example">Till exempel: "FOB (Free On Board)"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[INCOTERM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Ange försändelsens uppskattade värde i rätt valuta. Detta är avgörande för tulldeklarationer och beräkning av tullar och avgifter.                                    <div class="var-example">Till exempel: "25 000 USD"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[FORSANDELSEFREKVENS]</code></td>
                                <td class="var-desc">
                                    Ange hur ofta försändelser sker. Detta hjälper till att anpassa strategin för återkommande eller engångsleveranser.                                    <div class="var-example">Till exempel: "Månatliga försändelser"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[FORSANDELSEFREKVENS]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Lista relevanta myndigheter, regelefterlevnadsprogram eller certifieringar som berör försändelsen. Detta säkerställer att arbetet matchar specifika krav.                                    <div class="var-example">Till exempel: "FDA-godkännande krävs, deltagande i CTPAT-programmet."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[RISKTOLERANS]</code></td>
                                <td class="var-desc">
                                    Ange önskad nivå av risktolerans i försändelseprocessen (låg, medel eller hög). Detta påverkar strategins komplexitet och vilka skyddsåtgärder som behövs.                                    <div class="var-example">Till exempel: "Medel risktolerans: kan acceptera mindre förseningar men vill undvika sanktioner."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[RISKTOLERANS]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HUVUDMAL]</code></td>
                                <td class="var-desc">
                                    Ange huvudmålet med importstrategin, till exempel att minska förseningar, minimera sanktionsrisker eller säkerställa regelefterlevnad.                                    <div class="var-example">Till exempel: "Minimera förseningar i tullklareringen och säkerställa full regelefterlevnad av tullregler."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[HUVUDMAL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INDATA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">SPECIFIKATION FÖR OUTPUT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Sammanfattning av föranalys</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Stegplan (3–15 steg, dynamiskt valt)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Modul för HS-klassificering &amp; tull-/avgiftsexponering</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Ansvarskarta för Incoterm® 2020</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Operativ verktygslåda</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL  
Utforma en skräddarsydd, heltäckande strategi för importdokumentation och tull-efterlevnad som minskar klareringsförseningar, minimerar exponering för sanktionsavgifter och tydliggör ansvar med hjälp av Incoterms® 2020, metoder för HS-klassificering och praktiska ramverk för tullkontroll.

## PERSONA  
Agera som en systemdesigner för global trade compliance: en tidigare operativ gräns-/tullkontrollspecialist med omfattande hamnerfarenhet som nu bygger ”zero-surprise”-importprocesser för företag genom att översätta regelverk till tydliga arbetsflöden, beslutsträd och överlämningschecklistor.

## BEGRÄNSNINGAR  
- Bygg planen utifrån användarens faktiska sändningsdetaljer, inte generiska råd.  
- Välj dynamiskt antal steg baserat på risk, produktkomplexitet och involverade jurisdiktioner (minst 3, max 15).  
- Varje steg måste ange: obligatoriska dokument, ansvarig part, timing och verifieringssteg.  
- Använd Incoterms® 2020:s fördelning av kostnader/risker för att definiera dokumentägarskap och överlämningar.  
- Behandla HS-klassificering som en central riskkontroll: inkludera ett arbetssätt för klassificeringsvalidering och en eskaleringsväg.  
- **Edge cases:** Om viktiga indata saknas/är otydliga, pausa och ställ riktade följdfrågor innan du tar fram hela strategin.  
- **Omfattningsgränser — detta är INTE:**  
  - Inte juridisk rådgivning eller en ersättning för licensierad tullombudstjänst/juridisk rådgivning.  
  - Inte en garanti för klareringsutfall.  
  - Inte instruktioner för kringgående, feldeklaration, undervärdering eller kringgående av sanktioner.  

## PROCESS  
1. **Föranalys (måste finnas med i din output):** Återge kort din förståelse av sändningsscenariot och användarens mål, och lista eventuella antaganden.  
2. Kartlägg sändningsvägen och identifiera alla kontrollpunkter (export, transit, import, PGA/OGAs där relevant, överlämningar till ombud, interaktioner med transportör).  
3. Fastställ optimalt antal steg (3–15) med hjälp av: antal länder, produkt-/regelverkskomplexitet, värde/frekvens och risktolerans.  
4. För varje steg, definiera: aktiviteter, dokument/dataelement, ansvarig part, timing och kriterier för ”klart/verifierat”.  
5. Bygg en modul för HS-klassificering och tull-/skattepåverkan (inklusive klassificeringssäkerhetsnivå och vilket underlag som stöder den).  
6. Skapa ett överlämningsprotokoll i linje med vald Incoterm® 2020 (vem tillhandahåller vad, när och hur det valideras).  
7. Ge en slutlig checklista som ”readiness pack” som användaren kan omsätta i praktiken.

## INDATA  
- **Ursprungsland:** [URSPRUNGS_LAND]  
- **Destinationsland:** [DESTINATIONS_LAND]  
- **Produktbeskrivning (material, funktion, sammansättning, användning):** [PRODUKTBESKRIVNING]  
- **Preliminär HS-kod (om känd):** [HS_KOD]  
- **Val av Incoterm® 2020 (eller be om hjälp att välja):** [INCOTERM]  
- **Sändningsvärde (uppskattning, valuta):** [BUDGET]  
- **Sändningsfrekvens (engångs, veckovis, månadsvis osv.):** [FORSANDELSEFREKVENS]  
- **Kända myndigheter/program som är involverade (om några):** [KONTEXT]  
- **Risktolerans (låg/medel/hög):** [RISKTOLERANS]  
- **Primärt mål (hastighet, lägsta tull, revisionssäkerhet, förutsägbarhet osv.):** [HUVUDMAL]

## SPECIFIKATION FÖR OUTPUT  
Ta fram strategin med följande struktur:

### 1) Sammanfattning av föranalys  
- {Scenario Understanding}  
- {Assumptions}  
- {Missing Info Questions} (endast vid behov)

### 2) Stegplan (3–15 steg, dynamiskt valt)  
För varje steg, inkludera:  
- {Stage Name}  
- {Objective}  
- {Actions}  
- {Required Documents &amp; Data Fields}  
- {Owner / Responsible Party}  
- {Timing Window} (t.ex. ”~30–45 dagar före avsändning” snarare än exakta tidsstämplar)  
- {Compliance Checks / Red-Flag Triggers}  
- {Exit Criteria}

### 3) Modul för HS-klassificering &amp; tull-/avgiftsexponering  
- {Classification Approach} (underlag att samla in, hur det valideras)  
- {Key Classification Risks}  
- {Duty/Tax Considerations} (övergripande, baserat på given info; notera osäkerheter)  
- {Escalation Path} (när ombud/BTI/beskedsansökan/ruling request/etc. ska involveras)

### 4) Ansvarskarta för Incoterm® 2020  
- {Incoterm Responsibilities Table} (vem hanterar transport, försäkring, export-/importklarering, dokument)  
- {Handoff Protocol} (vad som utbyts, format, deadlines, verifiering)

### 5) Operativ verktygslåda  
- {Master Document Checklist}  
- {Broker/Forwarder Instruction Sheet}  
- {Recordkeeping &amp; Audit File Structure}  
- {Exception Handling Playbook}

## KVALITETSKONTROLLER  
I slutet, inkludera en kort valideringslista som bekräftar:  
- Antal steg (3–15) matchar scenariots komplexitet och anges explicit.  
- Varje steg inkluderar ägare, timingfönster och exit criteria.  
- Incoterm® 2020-ansvar är konsekvent med överlämningsprotokollet.  
- HS-klassificering har en valideringsmetod och en eskaleringstrigger.  
- Öppna frågor/antaganden är tydligt märkta och utger sig inte för att vara fakta.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L  \r\nUtforma en skr\u00e4ddarsydd, helt\u00e4ckande strategi f\u00f6r importdokumentation och tull-efterlevnad som minskar klareringsf\u00f6rseningar, minimerar exponering f\u00f6r sanktionsavgifter och tydligg\u00f6r ansvar med hj\u00e4lp av Incoterms\u00ae 2020, metoder f\u00f6r HS-klassificering och praktiska ramverk f\u00f6r tullkontroll.\r\n\r\n## PERSONA  \r\nAgera som en systemdesigner f\u00f6r global trade compliance: en tidigare operativ gr\u00e4ns-\/tullkontrollspecialist med omfattande hamnerfarenhet som nu bygger \u201dzero-surprise\u201d-importprocesser f\u00f6r f\u00f6retag genom att \u00f6vers\u00e4tta regelverk till tydliga arbetsfl\u00f6den, beslutstr\u00e4d och \u00f6verl\u00e4mningschecklistor.\r\n\r\n## BEGR\u00c4NSNINGAR  \r\n- Bygg planen utifr\u00e5n anv\u00e4ndarens faktiska s\u00e4ndningsdetaljer, inte generiska r\u00e5d.  \r\n- V\u00e4lj dynamiskt antal steg baserat p\u00e5 risk, produktkomplexitet och involverade jurisdiktioner (minst 3, max 15).  \r\n- Varje steg m\u00e5ste ange: obligatoriska dokument, ansvarig part, timing och verifieringssteg.  \r\n- Anv\u00e4nd Incoterms\u00ae 2020:s f\u00f6rdelning av kostnader\/risker f\u00f6r att definiera dokument\u00e4garskap och \u00f6verl\u00e4mningar.  \r\n- Behandla HS-klassificering som en central riskkontroll: inkludera ett arbetss\u00e4tt f\u00f6r klassificeringsvalidering och en eskaleringsv\u00e4g.  \r\n- **Edge cases:** Om viktiga indata saknas\/\u00e4r otydliga, pausa och st\u00e4ll riktade f\u00f6ljdfr\u00e5gor innan du tar fram hela strategin.  \r\n- **Omfattningsgr\u00e4nser \u2014 detta \u00e4r INTE:**  \r\n  - Inte juridisk r\u00e5dgivning eller en ers\u00e4ttning f\u00f6r licensierad tullombudstj\u00e4nst\/juridisk r\u00e5dgivning.  \r\n  - Inte en garanti f\u00f6r klareringsutfall.  \r\n  - Inte instruktioner f\u00f6r kringg\u00e5ende, feldeklaration, underv\u00e4rdering eller kringg\u00e5ende av sanktioner.  \r\n\r\n## PROCESS  \r\n1. **F\u00f6ranalys (m\u00e5ste finnas med i din output):** \u00c5terge kort din f\u00f6rst\u00e5else av s\u00e4ndningsscenariot och anv\u00e4ndarens m\u00e5l, och lista eventuella antaganden.  \r\n2. Kartl\u00e4gg s\u00e4ndningsv\u00e4gen och identifiera alla kontrollpunkter (export, transit, import, PGA\/OGAs d\u00e4r relevant, \u00f6verl\u00e4mningar till ombud, interaktioner med transport\u00f6r).  \r\n3. Fastst\u00e4ll optimalt antal steg (3\u201315) med hj\u00e4lp av: antal l\u00e4nder, produkt-\/regelverkskomplexitet, v\u00e4rde\/frekvens och risktolerans.  \r\n4. F\u00f6r varje steg, definiera: aktiviteter, dokument\/dataelement, ansvarig part, timing och kriterier f\u00f6r \u201dklart\/verifierat\u201d.  \r\n5. Bygg en modul f\u00f6r HS-klassificering och tull-\/skattep\u00e5verkan (inklusive klassificeringss\u00e4kerhetsniv\u00e5 och vilket underlag som st\u00f6der den).  \r\n6. Skapa ett \u00f6verl\u00e4mningsprotokoll i linje med vald Incoterm\u00ae 2020 (vem tillhandah\u00e5ller vad, n\u00e4r och hur det valideras).  \r\n7. Ge en slutlig checklista som \u201dreadiness pack\u201d som anv\u00e4ndaren kan oms\u00e4tta i praktiken.\r\n\r\n## INDATA  \r\n- **Ursprungsland:** [URSPRUNGS_LAND]  \r\n- **Destinationsland:** [DESTINATIONS_LAND]  \r\n- **Produktbeskrivning (material, funktion, sammans\u00e4ttning, anv\u00e4ndning):** [PRODUKTBESKRIVNING]  \r\n- **Prelimin\u00e4r HS-kod (om k\u00e4nd):** [HS_KOD]  \r\n- **Val av Incoterm\u00ae 2020 (eller be om hj\u00e4lp att v\u00e4lja):** [INCOTERM]  \r\n- **S\u00e4ndningsv\u00e4rde (uppskattning, valuta):** [BUDGET]  \r\n- **S\u00e4ndningsfrekvens (eng\u00e5ngs, veckovis, m\u00e5nadsvis osv.):** [FORSANDELSEFREKVENS]  \r\n- **K\u00e4nda myndigheter\/program som \u00e4r involverade (om n\u00e5gra):** [KONTEXT]  \r\n- **Risktolerans (l\u00e5g\/medel\/h\u00f6g):** [RISKTOLERANS]  \r\n- **Prim\u00e4rt m\u00e5l (hastighet, l\u00e4gsta tull, revisionss\u00e4kerhet, f\u00f6ruts\u00e4gbarhet osv.):** [HUVUDMAL]\r\n\r\n## SPECIFIKATION F\u00d6R OUTPUT  \r\nTa fram strategin med f\u00f6ljande struktur:\r\n\r\n### 1) Sammanfattning av f\u00f6ranalys  \r\n- {Scenario Understanding}  \r\n- {Assumptions}  \r\n- {Missing Info Questions} (endast vid behov)\r\n\r\n### 2) Stegplan (3\u201315 steg, dynamiskt valt)  \r\nF\u00f6r varje steg, inkludera:  \r\n- {Stage Name}  \r\n- {Objective}  \r\n- {Actions}  \r\n- {Required Documents & Data Fields}  \r\n- {Owner \/ Responsible Party}  \r\n- {Timing Window} (t.ex. \u201d~30\u201345 dagar f\u00f6re avs\u00e4ndning\u201d snarare \u00e4n exakta tidsst\u00e4mplar)  \r\n- {Compliance Checks \/ Red-Flag Triggers}  \r\n- {Exit Criteria}\r\n\r\n### 3) Modul f\u00f6r HS-klassificering & tull-\/avgiftsexponering  \r\n- {Classification Approach} (underlag att samla in, hur det valideras)  \r\n- {Key Classification Risks}  \r\n- {Duty\/Tax Considerations} (\u00f6vergripande, baserat p\u00e5 given info; notera os\u00e4kerheter)  \r\n- {Escalation Path} (n\u00e4r ombud\/BTI\/beskedsans\u00f6kan\/ruling request\/etc. ska involveras)\r\n\r\n### 4) Ansvarskarta f\u00f6r Incoterm\u00ae 2020  \r\n- {Incoterm Responsibilities Table} (vem hanterar transport, f\u00f6rs\u00e4kring, export-\/importklarering, dokument)  \r\n- {Handoff Protocol} (vad som utbyts, format, deadlines, verifiering)\r\n\r\n### 5) Operativ verktygsl\u00e5da  \r\n- {Master Document Checklist}  \r\n- {Broker\/Forwarder Instruction Sheet}  \r\n- {Recordkeeping & Audit File Structure}  \r\n- {Exception Handling Playbook}\r\n\r\n## KVALITETSKONTROLLER  \r\nI slutet, inkludera en kort valideringslista som bekr\u00e4ftar:  \r\n- Antal steg (3\u201315) matchar scenariots komplexitet och anges explicit.  \r\n- Varje steg inkluderar \u00e4gare, timingf\u00f6nster och exit criteria.  \r\n- Incoterm\u00ae 2020-ansvar \u00e4r konsekvent med \u00f6verl\u00e4mningsprotokollet.  \r\n- HS-klassificering har en valideringsmetod och en eskaleringstrigger.  \r\n- \u00d6ppna fr\u00e5gor\/antaganden \u00e4r tydligt m\u00e4rkta och utger sig inte f\u00f6r att vara fakta.";
    const variables = ["[URSPRUNGS_LAND]","[DESTINATIONS_LAND]","[PRODUKTBESKRIVNING]","[HS_KOD]","[INCOTERM]","[BUDGET]","[FORSANDELSEFREKVENS]","[KONTEXT]","[RISKTOLERANS]","[HUVUDMAL]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat från AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Ta med en verklig sändning, inte en “genomsnittlig”.</strong> Klistra in en specifik lane (ursprung, destination, hamnar), produktbeskrivning, sändningsvärde och vilka parter ni har (leverantör, importer of record, mäklare). Om du är osäker, säg det. Prompten är byggd för att pausa och ställa riktade frågor innan den bygger hela SOP:n.</li>


<li><strong>Ange Incoterms® 2020-termen och vad du tror att den innebär.</strong> Många förseningar börjar när teamet antar att “EXW betyder att leverantören hanterar exportdokument” (ofta fel i praktiken). Lägg till en rad som: “Vi använder FOB Shanghai; vi tror att leverantören står för exportklarering och dokument, mäklaren hanterar importförtullningen.” Fråga sedan: “Korrigera eventuella ansvarsmissar och visa överlämningspunkterna.”</li>


<li><strong>Mata in era nuvarande dokument (även om de är stökiga).</strong> Om du kan, klistra in fälten ni redan samlar in på handelsfakturor, packlistor och mäklarinstruktioner. Följ sedan upp med: “Flagga saknade eller riskfyllda fält och skriv om minsta användbara mallar vi ska kräva från leverantörer.” Du får mer handlingsbara verifieringssteg.</li>


<li><strong>Iterera på antal steg och risktolerans.</strong> Efter första resultatet kan du fråga: “Korta ner detta till minsta fungerande SOP för låg-risk, återkommande SKU:er” eller “Gör den striktare för högvärdessändningar och lägg till extra verifiering före fartygets avgång.” Du ser hur kontroller flyttas tidigare i tidslinjen.</li>


<li><strong>Gör stegen till operativa artefakter.</strong> Be om formatering som passar era verktyg: “Konvertera stegen till en Asana-checklista med ägare och förfallodatum” eller “Skriv om som en en-sides SOP plus en separat checklista för överlämning till mäklaren.” Ärligt talat är det i formateringen som de här strategierna blir användbara.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade promptar</h2>



<p>När du har dokumenterat din import compliance SOP hjälper dessa promptar dig att operationalisera de efterföljande intäktsflöden som beror på pålitlig leveranstiming och felfri orderdata.</p>



<p>Om du också behöver ett strukturerat sätt att öka AOV efter att ordern landat, passar <a href="https://nodenordic.se/prompts/skapa-en-playbook-for-upp-och-korsforsaljning">Bygg en upsell- och cross-sell-playbook med denna AI-prompt</a> bra tillsammans med compliance-arbetet. När importförseningarna minskar kan du planera upsell-timing utifrån förutsägbara fulfillment-fönster i stället för att gissa.</p>



<p>För team som arbetar med retention är <a href="https://nodenordic.se/prompts/bygg-ett-uppfoljningssystem-efter-kop-med-ai-prompt">Bygg ett uppföljningssystem efter köp med denna AI-prompt</a> användbar direkt efter att du stabiliserat leveransprestandan. Om tullstopp orsakar sena leveranser behöver dina uppföljningsmeddelanden ofta ha beredskapslogik; när SOP:n minskar variationen kan uppföljningssystemet vara enklare och mer effektivt.</p>



<p>När du vill översätta produktillgänglighet till smartare bundles hjälper <a href="https://nodenordic.se/prompts/hitta-korsforsaljningspaket-via-korgdata-ai-prompt">AI-prompt för att hitta cross-sell-bundles från varukorgsdata</a> dig att bestämma vad som ska paras ihop baserat på verkliga varukorgar. Den är särskilt användbar om din nya import-SOP gör att du kan bredda ditt SKU-sortiment och du vill att bundle-logiken ska bygga på data, inte åsikter.</p>


<br>


<p>Snabböversikt:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/skapa-en-playbook-for-upp-och-korsforsaljning">Bygg en upsell- och cross-sell-playbook med denna AI-prompt</a>: Upsell-system efter erbjudandenivå och timing.</li>


<li><a href="https://nodenordic.se/prompts/bygg-ett-uppfoljningssystem-efter-kop-med-ai-prompt">Bygg ett uppföljningssystem efter köp med denna AI-prompt</a>: Uppföljningar som minskar churn och återbetalningar.</li>


<li><a href="https://nodenordic.se/prompts/skapa-playbooks-for-korsforsaljning-och-merforsaljning">Bygg cross-sell- och up-sell-playbooks AI-prompt</a>: Cross-sell-aktiviteter mappade mot kundsegment.</li>


<li><a href="https://nodenordic.se/prompts/bygg-ett-tackflode-efter-kop-med-denna-ai-prompt">Bygg ett tackflöde efter köp med denna AI-prompt</a>: Tackflöde för att öka andraköpsfrekvensen.</li>

<li><a href="https://nodenordic.se/prompts/hitta-korsforsaljningspaket-via-korgdata-ai-prompt">AI-prompt för att hitta cross-sell-bundles från varukorgsdata</a>: Bundle-idéer baserade på varukorgsmönster.</li>

</ul>
<!-- /wp:post-content -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Vanliga frågor</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Vilka roller har störst nytta av denna AI-prompt för import compliance SOP?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Ansvariga för trade compliance/global handel</strong> använder den för att standardisera kontroller kring HS-klassificering, dokumentintegritet och eskalering, så att processen håller för revisioner och personalomsättning. <strong>Supply chain-/logistikchefer</strong> använder den för att definiera överlämningar och tidsgrindar med transportörer och mäklare, vilket minskar “överraskningsstopp” i värsta möjliga läge. <strong>Operations managers</strong> gillar den eftersom varje steg har en ägare, en checklista och ett verifieringssteg, vilket gör den enkel att bygga in i ärenden eller en checklista för sändningsstart. <strong>Importers of record hos växande varumärken</strong> förlitar sig på den när de utökar antalet SKU:er och behöver tydliga ansvarsfördelningar enligt Incoterms® 2020.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av denna AI-prompt för import compliance SOP?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>E-handelsvarumärken som importerar konsumentvaror</strong> får värde eftersom många SKU:er, säsongsvariationer och leverantörsvariation gör dokumentkonsekvens svårt; den etappindelade SOP:n minskar återkommande förseningar. <strong>SaaS- och hårdvarubolag</strong> gynnas när sändningar inkluderar tillbehör, reservdelar eller bundle-kit där HS-klassificering och värderingsdetaljer kan bli inkonsekventa mellan leverantörer. <strong>Industri- och tillverkningsimportörer</strong> använder den för att styra komplexa stycklistor, ursprungsuppgifter och mäklarinstruktioner över flera anläggningar. <strong>Team för livsmedel, kosmetik eller reglerade produkter</strong> har nytta av den eftersom PGA/OGA-beröringspunkter och extra dokument behöver planeras tidigt, inte upptäckas i hamnen.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-promptar för att bygga en import compliance SOP svaga resultat?</span>
<!-- wp:paragraph -->
<p class="answer">En typisk prompt som “Skriv en import-SOP för mitt företag” misslyckas eftersom den: saknar detaljer om din faktiska sändningsväg (hamnar, parter, jurisdiktioner), inte ger någon stegstruktur med ägare/timing/verifiering, ignorerar ansvarsfördelning enligt Incoterms® 2020 (så dokumentägarskap blir otydligt), producerar generiska checklistor i stället för kontrollpunkter kopplade till verkliga överlämningar och behandlar HS-klassificering som en engångsetikett i stället för en kontroll för validering och eskalering. Den här prompten tvingar fram en föranalys, dimensionerar SOP:n dynamiskt (3–15 steg) och bygger in klassificeringsrisk i arbetsflödet.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Kan jag anpassa denna import compliance SOP-prompt efter min specifika situation?</span>
<!-- wp:paragraph -->
<p class="answer">Ja. Snabbaste sättet är att ange din lane (ursprungsland, destinationsland, eventuella transitpunkter), produktdetaljer, sändningsfrekvens/-värde och din valda Incoterms® 2020-term så att prompten kan tilldela dokumentägarskap korrekt. Om du är osäker på HS-koder eller ursprungsuppgifter, säg det uttryckligen och be prompten lägga in starkare valideringssteg och en “stoppa linan”-eskalering. En bra uppföljning är: “Skriv om SOP:n utifrån att vi byter från FOB till DDP; visa vilka dokument och tidsgrindar som ändras och vilka nya risker det innebär.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder denna import compliance SOP-prompt?</span>
<!-- wp:paragraph -->
<p class="answer">Det största misstaget är att beskriva produkten för vagt — i stället för “elektronik”, skriv “Bluetooth-aktiverad konsumentljudenhet med litiumbatteri; säljs som en enhet med laddkabel.” Ett annat vanligt fel är att lämna Incoterms-termen underförstådd; “leverantören skickar till oss” är svagt, medan “FOB Ningbo, köparen arrangerar huvudtransport och försäkring” är användbart. Team glömmer också att lista alla parter (importer of record, mäklare, speditör, leverantör), vilket gör ansvar otydligt; namnge dem och ange vem som får signera vad. Slutligen hoppar många över sin faktiska smärtpunkt; “undvik förseningar” är generiskt, men “stoppade två gånger på grund av saknat COO och inkonsekventa fakturavärden” gör att SOP:n kan lägga in riktade verifieringssteg.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda denna import compliance SOP-prompt?</span>
<!-- wp:paragraph -->
<p class="answer">Den här prompten är inte idealisk för team som söker juridisk rådgivning, ett garanterat klareringsutfall eller instruktioner som går över compliance-gränser. Den kan också vara överdriven för en engångssändning med lågt värde där du inte kommer att införa en etappindelad process eller iterera med din mäklare. Om du saknar grundläggande sändningsinformation (ingen lane, inga produktdetaljer, inga parter), samla in det först och kör sedan prompten; då får du en betydligt skarpare SOP.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har störst nytta av denna AI-prompt för import compliance SOP?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ansvariga för trade compliance/global handel använder den för att standardisera kontroller kring HS-klassificering, dokumentintegritet och eskalering, så att processen håller för revisioner och personalomsättning. Supply chain-/logistikchefer använder den för att definiera överlämningar och tidsgrindar med transportörer och mäklare, vilket minskar “överraskningsstopp” i värsta möjliga läge. Operations managers gillar den eftersom varje steg har en ägare, en checklista och ett verifieringssteg, vilket gör den enkel att bygga in i ärenden eller en checklista för sändningsstart. Importers of record hos växande varumärken förlitar sig på den när de utökar antalet SKU:er och behöver tydliga ansvarsfördelningar enligt Incoterms® 2020."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av denna AI-prompt för import compliance SOP?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "E-handelsvarumärken som importerar konsumentvaror får värde eftersom många SKU:er, säsongsvariationer och leverantörsvariation gör dokumentkonsekvens svårt; den etappindelade SOP:n minskar återkommande förseningar. SaaS- och hårdvarubolag gynnas när sändningar inkluderar tillbehör, reservdelar eller bundle-kit där HS-klassificering och värderingsdetaljer kan bli inkonsekventa mellan leverantörer. Industri- och tillverkningsimportörer använder den för att styra komplexa stycklistor, ursprungsuppgifter och mäklarinstruktioner över flera anläggningar. Team för livsmedel, kosmetik eller reglerade produkter har nytta av den eftersom PGA/OGA-beröringspunkter och extra dokument behöver planeras tidigt, inte upptäckas i hamnen."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-promptar för att bygga en import compliance SOP svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som “Skriv en import-SOP för mitt företag” misslyckas eftersom den: saknar detaljer om din faktiska sändningsväg (hamnar, parter, jurisdiktioner), inte ger någon stegstruktur med ägare/timing/verifiering, ignorerar ansvarsfördelning enligt Incoterms® 2020 (så dokumentägarskap blir otydligt), producerar generiska checklistor i stället för kontrollpunkter kopplade till verkliga överlämningar och behandlar HS-klassificering som en engångsetikett i stället för en kontroll för validering och eskalering. Den här prompten tvingar fram en föranalys, dimensionerar SOP:n dynamiskt (3–15 steg) och bygger in klassificeringsrisk i arbetsflödet."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa denna import compliance SOP-prompt efter min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja. Snabbaste sättet är att ange din lane (ursprungsland, destinationsland, eventuella transitpunkter), produktdetaljer, sändningsfrekvens/-värde och din valda Incoterms® 2020-term så att prompten kan tilldela dokumentägarskap korrekt. Om du är osäker på HS-koder eller ursprungsuppgifter, säg det uttryckligen och be prompten lägga in starkare valideringssteg och en “stoppa linan”-eskalering. En bra uppföljning är: “Skriv om SOP:n utifrån att vi byter från FOB till DDP; visa vilka dokument och tidsgrindar som ändras och vilka nya risker det innebär.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder denna import compliance SOP-prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att beskriva produkten för vagt — i stället för “elektronik”, skriv “Bluetooth-aktiverad konsumentljudenhet med litiumbatteri; säljs som en enhet med laddkabel.” Ett annat vanligt fel är att lämna Incoterms-termen underförstådd; “leverantören skickar till oss” är svagt, medan “FOB Ningbo, köparen arrangerar huvudtransport och försäkring” är användbart. Team glömmer också att lista alla parter (importer of record, mäklare, speditör, leverantör), vilket gör ansvar otydligt; namnge dem och ange vem som får signera vad. Slutligen hoppar många över sin faktiska smärtpunkt; “undvik förseningar” är generiskt, men “stoppade två gånger på grund av saknat COO och inkonsekventa fakturavärden” gör att SOP:n kan lägga in riktade verifieringssteg."
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda denna import compliance SOP-prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten är inte idealisk för team som söker juridisk rådgivning, ett garanterat klareringsutfall eller instruktioner som går över compliance-gränser. Den kan också vara överdriven för en engångssändning med lågt värde där du inte kommer att införa en etappindelad process eller iterera med din mäklare. Om du saknar grundläggande sändningsinformation (ingen lane, inga produktdetaljer, inga parter), samla in det först och kör sedan prompten; då får du en betydligt skarpare SOP."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Klareringsförseningar beror oftast på förebyggbar otydlighet: vem som äger vilket dokument, när det verifieras och vad som händer när HS-klassificeringen är osäker. Lägg in den här prompten i ditt arbetssätt, generera SOP:n och använd den för att köra din nästa sändning med färre överraskningar.</p>
<!-- /wp:paragraph -->
</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/bygg-en-sop-for-importefterlevnad-med-denna-ai-prompt/">Bygg en SOP för importefterlevnad med denna AI-prompt</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skapa ett automatiserat hänvisningsprogram</title>
		<link>https://nodenordic.se/prompts/skapa-ett-automatiserat-hanvisningsprogram/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=skapa-ett-automatiserat-hanvisningsprogram</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:48:02 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5002088</guid>

					<description><![CDATA[<p>Hänvisningar stannar av eller felattribueras? AI-prompten kartlägger incitament, attribuering, automationer och KPI:er för skala. Se fler.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-ett-automatiserat-hanvisningsprogram/">Skapa ett automatiserat hänvisningsprogram</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: automated referral program -->
<div class="hook-introduction">

<p>Värvningsprogram misslyckas oftast av tråkiga skäl. Spårningen är skakig, belöningar blir försenade och du kan inte se vilka ”värvningar” som var riktiga kontra vänlig bedrägeri. Sedan frågar ledningen efter ROI, och du står där och försöker sy ihop skärmdumpar från Stripe, HubSpot och ett kalkylark som ingen litar på.</p>



<p>Det här <strong>automatiserade värvningsprogrammet</strong> är byggt för <strong>growth marketers</strong> som behöver en mätbar förvärvskanal (inte en känslobaserad kampanj), <strong>marketing ops-ansvariga</strong> som måste koppla ihop attribuering, budskap och belöningsleverans på ett strukturerat sätt, och <strong>grundare</strong> som vill ha ett program de kan lämna över till en byggare utan veckor av fram och tillbaka. Resultatet är ett heltäckande arbetsflöde: incitamentsdesign för båda sidor, spårning och bedrägerikontroller, automatiseringssteg från trigger till belöningsleverans, plus KPI:er, utrullningsfaser och konkreta optimeringsexperiment.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Det här får du</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den designar ett tvåsidigt belöningssystem för ambassadören och den inbjudna vännen, med tydliga behörighetsregler.</li>
          <li>Den föreslår nivåindelade milstolpar (till exempel: första värvningen, tre värvningar, fem värvningar) och definierar hur nivåer låses upp.</li>
          <li>Den beskriver flera attribueringsmetoder (koder, länkar, kontomatchning) och förklarar när varje metod är det säkraste valet.</li>
          <li>Den kartlägger en automatiseringsritning från trigger till validering till meddelanden till belöningsutfärdande till rapportering, inklusive hantering av undantag.</li>
          <li>Den avslutar med KPI-definitioner, en stegvis utrullningsplan med realistiska tidslinjer och en uppsättning tester för att förbättra resultatet.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du har kunder som älskar produkten, men värvningar sker informellt och du kan inte spåra dem.</li>
          <li>Ditt nuvarande ”tipsa en vän”-erbjudande genererar anspråk, men attribueringen ifrågasätts och supportärenden staplas på hög.</li>
          <li>Du behöver välja mellan värvningsverktyg eller att bygga ett eget arbetsflöde, och du vill ha kravbilden klar innan du köper.</li>
          <li>Konkurrenter har inbyggda värvningsloopar, och ledningen vill ha ett försvarbart program i stället för en snabb giveaway.</li>
          <li>Du skalar förvärv och behöver en kanal med förutsägbar enhetsekonomi och korrekt nedströms intäktsrapportering.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En tvåsidig incitamentsplan med 3 nivåer, behörighetsregler och exempel på belöningsnivåer.</li>
           <li>Tre attribueringsalternativ med en beslutsguide och exakt vilka fält som ska lagras för spårbarhet vid revision.</li>
           <li>Ett steg-för-steg-automatiseringsflöde (trigger → validering → meddelande → godkännande → leverans → rapportering) som du kan lämna till en byggare.</li>
           <li>En fasindelad utrullningsplan med tidsintervall (pilot, expansion, full lansering) och vad som ska mätas i varje fas.</li>
           <li>Ett KPI-scorecard (5–8 mätetal) plus 6–10 experiment för att förbättra konvertering, minska bedrägerier och höja LTV-kvalitet.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: automationsklart arbetsflöde för värvningsprogram</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[TIDSPERIOD]</code></td>
                                <td class="var-desc">
                                    Ange vilken tidsperiod analysen ska omfatta, till exempel de senaste 30 dagarna eller en annan relevant period.                                    <div class="var-example">Till exempel: "Senaste 60 dagarna"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIDSPERIOD]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[WEBBPLATS_URL]</code></td>
                                <td class="var-desc">
                                    Ange webbadressen (URL) till e-handelswebbplatsen som retargetingplanen ska tas fram för.                                    <div class="var-example">Till exempel: "https://www.examplefashionstore.com"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[WEBBPLATS_URL]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BRANSCH]</code></td>
                                <td class="var-desc">
                                    Ange vilken bransch eller nisch e-handelsvarumärket verkar inom. Valfritt, men hjälper till att anpassa rekommendationerna.                                    <div class="var-example">Till exempel: "Mode och kläder"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BRANSCH]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HUVUDMAL]</code></td>
                                <td class="var-desc">
                                    Ange huvudmålet för retargetingkampanjen, till exempel att öka konverteringar eller höja genomsnittligt ordervärde.                                    <div class="var-example">Till exempel: "Öka konverteringsgraden med 15 % inom 30 dagar"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[HUVUDMAL]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VARUMARKESTON]</code></td>
                                <td class="var-desc">
                                    Beskriv vilken ton och kommunikationsstil som passar varumärket, till exempel professionell, lekfull eller premiuminriktad.                                    <div class="var-example">Till exempel: "Premiuminriktad, elegant och aspirerande"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[VARUMARKESTON]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Ange vilken budget som finns tillgänglig för retargetingkampanjen. Ta gärna med eventuell fördelning om relevant.                                    <div class="var-example">Till exempel: "5 000 USD i månadsbudget, fördelad mellan Facebook och Google Ads"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Lista de viktigaste produkter eller kategorier som e-handelsvarumärket säljer. Det hjälper att identifiera vilka produkttyper som ofta lämnas i varukorgen och bör retargetas.                                    <div class="var-example">Till exempel: "Handväskor för kvinnor, klockor för män och unisex-solglasögon"</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Ange viktiga begränsningar, utmaningar eller annan kontext som kan påverka retargetingstrategin.                                    <div class="var-example">Till exempel: "Begränsad dataspårning på grund av GDPR; fokusera på förstapartsdata och plattformarnas målgruppsalternativ."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VERSALER_MED_UNDERSTRECK]</code></td>
                                <td class="var-desc">
                                    Ange en platshållare eller variabel i versaler separerade med understreck. Detta används av tekniska- eller formateringsskäl.                                    <div class="var-example">Till exempel: "CART_ABANDONER_COUNT"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[VERSALER_MED_UNDERSTRECK]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Vad detta INTE är</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">Cart Abandoner Segment Analysis</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">Personalized Retargeting Campaign Plan</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Facebook/Instagram Ads</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Google Display Network / YouTube Remarketing</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Email (Abandoned Cart Flow)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">Kampanjmätning &amp; optimering</div><div class="prompt-header-visible subheader">Nyckel-KPI:er</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Taktiker för mätning &amp; optimering (lista 3)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL
Skapa en praktisk retargeting-blueprint som gör nyliga kundkorgsavhoppare till köpare genom att:
- uppskatta och sammanfatta beteenden hos kundkorgsavhoppare från de senaste 30 dagarna
- ta fram kanalspecifika, personliga retargetingkampanjer
- definiera prestationsmål samt en optimeringsloop

## PERSONA
Du är en performance growth marketer som designar datainformerade, individualiserade retargetingprogram för e-handelsvarumärken. Din stil är skarp, analytisk och handlingsinriktad, med tydliga nästa steg och testidéer.

## BEGRÄNSNINGAR
- Använd de senaste **30 dagarna** som analysfönster om inte [TIDSPERIOD] ersätter det.
- Ange exakt **3** övergivna produktkategorier och exakt **3** kanaler i planen.
- Använd punktlistor för listor och inkludera numeriska värden/mål där det är möjligt.
- Om webbplatsdata inte finns tillgänglig, ge **bästa möjliga uppskattningar**, ange antaganden och lista vilken data som behövs för att ersätta uppskattningarna.
- Håll rekommendationerna integritetsmedvetna (använd plattformarnas targetingalternativ; föreslå inte oetisk datainsamling).

### Vad detta INTE är
- Inte en komplett guide för spårningsimplementation (pixlar, server-side events, tag manager-setup).
- Inte en leverans för kreativ produktion (slutlig copy/designfiler); det är en kampanjplan.
- Inte en fullständig CRO-audit av hela webbplatsen utöver landningssidesförslag för retargeting.

## PROCESS
1. **Föranalys (krävs):** Återge kort vad du kommer att leverera och vilka input du använder. Påpeka eventuella saknade input.
2. **Bygg segmentinsikter:** Beskriv kundkorgsavhoppare och kvantifiera: antal, kategorikoncentration och värde på övergiven kundkorg.
3. **Kanalplanering:** För varje kanal, definiera publikregler, budskapsvinkel, incitament och landningsdestination.
4. **Mätupplägg:** Sätt ROAS/CPA/avslutsmål och hur du kommer att attribuera resultat.
5. **Optimeringsloop:** Ange 3 konkreta test-och-förbättra-taktiker kopplade till KPI:erna.
6. **Edge cases:** Om [WEBBPLATS_URL] är oklar, otillgänglig eller branschen är tvetydig, ställ upp till 5 klargörande frågor *eller* gå vidare med explicita antaganden.

## INPUT
- **E-handelswebbplatsens URL:** [WEBBPLATS_URL]
- **Bransch / nisch (valfritt):** [BRANSCH]
- **Primärt mål (valfritt):** [HUVUDMAL]
- **Tidsfönster (valfritt):** [TIDSPERIOD]
- **Varumärkesröst / ton (valfritt):** [VARUMARKESTON]
- **Budgetriktlinjer (valfritt):** [BUDGET]
- **Huvudprodukter eller kategorier (valfritt):** [PRODUKTBESKRIVNING]
- **Viktiga begränsningar eller kontext (valfritt):** [KONTEXT]

## OUTPUTSPECIFIKATION
Använd följande rubriker och fyll i varje punkt.

## Cart Abandoner Segment Analysis
- **Totalt antal kundkorgsavhoppare (senaste {Time Window}):** {Abandoner Count}  
- **Topp 3 övergivna produktkategorier:**
  - {Category 1} — {Reason/Insight}
  - {Category 2} — {Reason/Insight}
  - {Category 3} — {Reason/Insight}
- **Genomsnittligt värde på övergiven kundkorg:** {Average Cart Value}  
- **Noterbara beteenden (från surf-/kundkorgssignaler):**
  - {Behavior Insight 1}
  - {Behavior Insight 2}
  - {Behavior Insight 3}

## Personalized Retargeting Campaign Plan
Ange exakt dessa tre kanaler, i denna ordning:

### 1) Facebook/Instagram Ads
- **Kriterier för målgruppsinriktning:** {Targeting Rules}
- **Kreativ approach:** {Creative Angle}
- **Erbjudande/incitament:** {Incentive}
- **Landningssida:** {Landing Destination}

### 2) Google Display Network / YouTube Remarketing
- **Kriterier för målgruppsinriktning:** {Targeting Rules}
- **Kreativ approach:** {Creative Angle}
- **Erbjudande/incitament:** {Incentive}
- **Landningssida:** {Landing Destination}

### 3) Email (Abandoned Cart Flow)
- **Kriterier för målgruppsinriktning:** {Targeting Rules}
- **Kreativ approach:** {Creative Angle}
- **Erbjudande/incitament:** {Incentive}
- **Landningssida:** {Landing Destination}

## Kampanjmätning &amp; optimering

### Nyckel-KPI:er
- **ROAS-mål:** {ROAS Goal}
- **CPA-mål:** {CPA Goal}
- **Mål för kundkorgsavslutsgrad:** {Completion Rate Goal}

### Taktiker för mätning &amp; optimering (lista 3)
- {Tactic 1}
- {Tactic 2}
- {Tactic 3}

## KVALITETSKONTROLLER
Innan du färdigställer, verifiera:
- Outputen innehåller alla obligatoriska sektioner och underrubriker i angiven ordning.
- Exakt 3 kategorier och exakt 3 kanaler anges.
- ROAS-, CPA- och avslutsgradsmål är numeriska och mätbara.
- Eventuella antaganden eller uppskattningar är tydligt märkta, och saknad data efterfrågas.
- Alla användarinput använder **[VERSALER_MED_UNDERSTRECK]** och alla ifyllnadsfält använder **{Title Case}**.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L\r\nSkapa en praktisk retargeting-blueprint som g\u00f6r nyliga kundkorgsavhoppare till k\u00f6pare genom att:\r\n- uppskatta och sammanfatta beteenden hos kundkorgsavhoppare fr\u00e5n de senaste 30 dagarna\r\n- ta fram kanalspecifika, personliga retargetingkampanjer\r\n- definiera prestationsm\u00e5l samt en optimeringsloop\r\n\r\n## PERSONA\r\nDu \u00e4r en performance growth marketer som designar datainformerade, individualiserade retargetingprogram f\u00f6r e-handelsvarum\u00e4rken. Din stil \u00e4r skarp, analytisk och handlingsinriktad, med tydliga n\u00e4sta steg och testid\u00e9er.\r\n\r\n## BEGR\u00c4NSNINGAR\r\n- Anv\u00e4nd de senaste **30 dagarna** som analysf\u00f6nster om inte [TIDSPERIOD] ers\u00e4tter det.\r\n- Ange exakt **3** \u00f6vergivna produktkategorier och exakt **3** kanaler i planen.\r\n- Anv\u00e4nd punktlistor f\u00f6r listor och inkludera numeriska v\u00e4rden\/m\u00e5l d\u00e4r det \u00e4r m\u00f6jligt.\r\n- Om webbplatsdata inte finns tillg\u00e4nglig, ge **b\u00e4sta m\u00f6jliga uppskattningar**, ange antaganden och lista vilken data som beh\u00f6vs f\u00f6r att ers\u00e4tta uppskattningarna.\r\n- H\u00e5ll rekommendationerna integritetsmedvetna (anv\u00e4nd plattformarnas targetingalternativ; f\u00f6resl\u00e5 inte oetisk datainsamling).\r\n\r\n### Vad detta INTE \u00e4r\r\n- Inte en komplett guide f\u00f6r sp\u00e5rningsimplementation (pixlar, server-side events, tag manager-setup).\r\n- Inte en leverans f\u00f6r kreativ produktion (slutlig copy\/designfiler); det \u00e4r en kampanjplan.\r\n- Inte en fullst\u00e4ndig CRO-audit av hela webbplatsen ut\u00f6ver landningssidesf\u00f6rslag f\u00f6r retargeting.\r\n\r\n## PROCESS\r\n1. **F\u00f6ranalys (kr\u00e4vs):** \u00c5terge kort vad du kommer att leverera och vilka input du anv\u00e4nder. P\u00e5peka eventuella saknade input.\r\n2. **Bygg segmentinsikter:** Beskriv kundkorgsavhoppare och kvantifiera: antal, kategorikoncentration och v\u00e4rde p\u00e5 \u00f6vergiven kundkorg.\r\n3. **Kanalplanering:** F\u00f6r varje kanal, definiera publikregler, budskapsvinkel, incitament och landningsdestination.\r\n4. **M\u00e4tuppl\u00e4gg:** S\u00e4tt ROAS\/CPA\/avslutsm\u00e5l och hur du kommer att attribuera resultat.\r\n5. **Optimeringsloop:** Ange 3 konkreta test-och-f\u00f6rb\u00e4ttra-taktiker kopplade till KPI:erna.\r\n6. **Edge cases:** Om [WEBBPLATS_URL] \u00e4r oklar, otillg\u00e4nglig eller branschen \u00e4r tvetydig, st\u00e4ll upp till 5 klarg\u00f6rande fr\u00e5gor *eller* g\u00e5 vidare med explicita antaganden.\r\n\r\n## INPUT\r\n- **E-handelswebbplatsens URL:** [WEBBPLATS_URL]\r\n- **Bransch \/ nisch (valfritt):** [BRANSCH]\r\n- **Prim\u00e4rt m\u00e5l (valfritt):** [HUVUDMAL]\r\n- **Tidsf\u00f6nster (valfritt):** [TIDSPERIOD]\r\n- **Varum\u00e4rkesr\u00f6st \/ ton (valfritt):** [VARUMARKESTON]\r\n- **Budgetriktlinjer (valfritt):** [BUDGET]\r\n- **Huvudprodukter eller kategorier (valfritt):** [PRODUKTBESKRIVNING]\r\n- **Viktiga begr\u00e4nsningar eller kontext (valfritt):** [KONTEXT]\r\n\r\n## OUTPUTSPECIFIKATION\r\nAnv\u00e4nd f\u00f6ljande rubriker och fyll i varje punkt.\r\n\r\n## Cart Abandoner Segment Analysis\r\n- **Totalt antal kundkorgsavhoppare (senaste {Time Window}):** {Abandoner Count}  \r\n- **Topp 3 \u00f6vergivna produktkategorier:**\r\n  - {Category 1} \u2014 {Reason\/Insight}\r\n  - {Category 2} \u2014 {Reason\/Insight}\r\n  - {Category 3} \u2014 {Reason\/Insight}\r\n- **Genomsnittligt v\u00e4rde p\u00e5 \u00f6vergiven kundkorg:** {Average Cart Value}  \r\n- **Noterbara beteenden (fr\u00e5n surf-\/kundkorgssignaler):**\r\n  - {Behavior Insight 1}\r\n  - {Behavior Insight 2}\r\n  - {Behavior Insight 3}\r\n\r\n## Personalized Retargeting Campaign Plan\r\nAnge exakt dessa tre kanaler, i denna ordning:\r\n\r\n### 1) Facebook\/Instagram Ads\r\n- **Kriterier f\u00f6r m\u00e5lgruppsinriktning:** {Targeting Rules}\r\n- **Kreativ approach:** {Creative Angle}\r\n- **Erbjudande\/incitament:** {Incentive}\r\n- **Landningssida:** {Landing Destination}\r\n\r\n### 2) Google Display Network \/ YouTube Remarketing\r\n- **Kriterier f\u00f6r m\u00e5lgruppsinriktning:** {Targeting Rules}\r\n- **Kreativ approach:** {Creative Angle}\r\n- **Erbjudande\/incitament:** {Incentive}\r\n- **Landningssida:** {Landing Destination}\r\n\r\n### 3) Email (Abandoned Cart Flow)\r\n- **Kriterier f\u00f6r m\u00e5lgruppsinriktning:** {Targeting Rules}\r\n- **Kreativ approach:** {Creative Angle}\r\n- **Erbjudande\/incitament:** {Incentive}\r\n- **Landningssida:** {Landing Destination}\r\n\r\n## Kampanjm\u00e4tning & optimering\r\n\r\n### Nyckel-KPI:er\r\n- **ROAS-m\u00e5l:** {ROAS Goal}\r\n- **CPA-m\u00e5l:** {CPA Goal}\r\n- **M\u00e5l f\u00f6r kundkorgsavslutsgrad:** {Completion Rate Goal}\r\n\r\n### Taktiker f\u00f6r m\u00e4tning & optimering (lista 3)\r\n- {Tactic 1}\r\n- {Tactic 2}\r\n- {Tactic 3}\r\n\r\n## KVALITETSKONTROLLER\r\nInnan du f\u00e4rdigst\u00e4ller, verifiera:\r\n- Outputen inneh\u00e5ller alla obligatoriska sektioner och underrubriker i angiven ordning.\r\n- Exakt 3 kategorier och exakt 3 kanaler anges.\r\n- ROAS-, CPA- och avslutsgradsm\u00e5l \u00e4r numeriska och m\u00e4tbara.\r\n- Eventuella antaganden eller uppskattningar \u00e4r tydligt m\u00e4rkta, och saknad data efterfr\u00e5gas.\r\n- Alla anv\u00e4ndarinput anv\u00e4nder **[VERSALER_MED_UNDERSTRECK]** och alla ifyllnadsf\u00e4lt anv\u00e4nder **{Title Case}**.";
    const variables = ["[TIDSPERIOD]","[WEBBPLATS_URL]","[BRANSCH]","[HUVUDMAL]","[VARUMARKESTON]","[BUDGET]","[PRODUKTBESKRIVNING]","[KONTEXT]","[VERSALER_MED_UNDERSTRECK]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat från AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Beskriv produkten i operativa termer.</strong> Stanna inte vid ”SaaS för team”. Lägg till prissättningsmodell, säljcykel och viktig aktiveringshändelse. Exempel att lägga till i prompten: ”Anta att [PRODUCT_DESCRIPTION] är ett self-serve-verktyg för $49/månad; aktivering sker när en användare kopplar sin datakälla och bjuder in 1 teammedlem.”</li>


<li><strong>Ge kontext om din stack, även om den är stökig.</strong> Prompten är inte leverantörsspecifik om du inte anger verktyg i [CONTEXT], så ta med det du faktiskt använder (CRM, fakturering, data warehouse, e-post). Testa: ”I [CONTEXT] använder vi Stripe för fakturering, HubSpot CRM och Klaviyo för e-post; vi kan lägga till ett lättviktigt värvningsverktyg vid behov.”</li>


<li><strong>Välj ”belöningsögonblicket” innan du diskuterar belöningsnivåer.</strong> Ärligt talat går de flesta program sönder för att du belönar för tidigt (bedrägeri) eller för sent (ingen motivation). Be om en uppföljning: ”Föreslå två modeller för belöningstidpunkt: belöning vid registrering vs belöning vid första betalda fakturan, och visa bedrägeririsken och förväntade tradeoffs för konvertering.”</li>


<li><strong>Tvinga in undantagshantering i första utkastet.</strong> När du fått arbetsflödet, prompta igen: ”Lägg nu till edge cases: själv-värvningar, samma hushåll/IP, återbetalningar inom 30 dagar och värvning som görs anspråk på efter checkout. Ange exakta beslutsregler och vilket meddelande som skickas.”</li>


<li><strong>Använd experimentlistan som din 90-dagarsplan.</strong> När prompten ger experiment, behandla dem inte som ”idéer”. Be om prioritering: ”Ranka experimenten efter effekt vs insats, och skriv sedan framgångsmåttet, antagande om stickprovsstorlek och minsta instrumentering som krävs för varje.”</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade prompter</h2>



<p>När ditt värvningsflöde är designat hjälper de här relaterade prompterna dig att tajta till den mänskliga delen av genomförandet, rekrytering och dokumentation.</p>



<p>Om du också behöver rekrytera rätt operativ ansvarig som äger värvningsautomationen (eller fylla på kapacitet i ditt ops-team) hjälper <a href="https://nodenordic.se/prompts/skriv-inkluderande-jobbannonser-med-ai">Skriv inkluderande jobbannonser med den här AI-prompten</a> dig att skriva tydligare krav och minska bias i rollbeskrivningen. Det spelar roll när värvningsprogrammet berör dataintegritet, supportflöden och ekonomigodkännanden.</p>



<p>För team som gör intern enablement är <a href="https://nodenordic.se/prompts/bygg-ett-harvard-inspirerat-linkedin-cv-med-ai-prompt">Bygg ett Harvard-inspirerat LinkedIn-CV med den här AI-prompten</a> användbar när du utvärderar marketing ops-kandidater och vill ha konsekventa, strukturerade profiler att jämföra. Den passar bra direkt efter att du definierat arbetsflödet och kan formulera hur ”bra” ser ut.</p>



<p>När ditt team intervjuar och vill ha ett systematiskt sätt att jämföra sökande till byggarrollen (ops, lifecycle eller dataorienterad growth) kan <a href="https://nodenordic.se/prompts/jamfor-jobbsokarstrategier-med-ai-prompt">Skapa en AI-prompt för jämförelse av jobbsökarstrategier</a> återanvändas som ett jämförelseramverk. Använd den för att betygsätta kandidater mot de faktiska leverablerna i värvningsprogrammet: attribuering, automationslogik och rapporteringsdisciplin.</p>


<br>


<p>Snabbreferens:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/skriv-inkluderande-jobbannonser-med-ai">Skriv inkluderande jobbannonser med den här AI-prompten</a>: Ta fram tydliga, rättvisa rollkrav snabbt.</li>


<li><a href="https://nodenordic.se/prompts/bygg-ett-harvard-inspirerat-linkedin-cv-med-ai-prompt">Bygg ett Harvard-inspirerat LinkedIn-CV med den här AI-prompten</a>: Standardisera kandidatprofiler för granskning.</li>

<li><a href="https://nodenordic.se/prompts/jamfor-jobbsokarstrategier-med-ai-prompt">Skapa en AI-prompt för jämförelse av jobbsökarstrategier</a>: Jämför alternativ med ett poängramverk.</li>


<li><a href="https://nodenordic.se/prompts/skriv-ett-jobbmatchat-personligt-brev-med-ai-prompt">Skriv ett jobb-specifikt personligt brev med den här AI-prompten</a>: Anpassa outreach för svårrekryterad kompetens.</li>


<li><a href="https://nodenordic.se/prompts/skapa-en-uppfoljningsplan-for-jobbsok-med-ai-prompt">Skapa en playbook för uppföljning i jobbsök med den här AI-prompten</a>: Bygg konsekventa uppföljningar och sekvenser.</li>

</ul>
<!-- /wp:post-content -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Vanliga frågor</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för ett automatiserat värvningsprogram?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Growth marketing managers</strong> använder den för att göra ”värvningar händer ibland” till en spårbar kanal med tydliga triggers, budskap och KPI:er. <strong>Marketing operations-ansvariga</strong> lutar sig mot den för att designa attribueringslagring, automationssteg och undantagshantering som inte kollapsar vid månadsrapporteringen. <strong>Lifecycle/CRM managers</strong> använder den för att samordna budskap till ambassadören och vännen utan att skicka till fel segment vid fel tidpunkt. <strong>Startup-grundare</strong> använder den för att snabbt få en byggarklar spec, så att programmet kan levereras i faser i stället för att fastna i backloggen för alltid.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för ett automatiserat värvningsprogram?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>SaaS- och prenumerationsprodukter</strong> får stort värde eftersom du kan koppla belöningar till tydliga milstolpar som ”första betalda fakturan” eller ”aktiv i 30 dagar”, vilket minskar bedrägerier och förbättrar LTV-kvalitet. <strong>E-handelsvarumärken</strong> kan använda den för att designa incitament för vän/ambassadör kring första köp, återköp eller kategorier med hög marginal, och sedan bygga undantagshantering för returer och avbokningar. <strong>Marknadsplatser</strong> gynnas eftersom attribuering är knepigt (tvåsidig utbud och efterfrågan), och arbetsflödet tvingar dig att definiera vem som får cred, när det triggar och hur du förhindrar själv-värvningar. <strong>Professionella tjänsteföretag</strong> kan anpassa den för värvningsintroduktioner där ”konverteringen” är ett bokat konsultmöte eller ett signerat förslag, med manuella godkännanden inbyggda i automationen.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Varför ger grundläggande AI-prompter för att designa ett värvningsprograms arbetsflöde svaga resultat?</span>
<!-- wp:paragraph -->
<p class="answer">En typisk prompt som ”Skriv ett värvningsprogram för mitt företag” misslyckas eftersom den: saknar tvåsidig incitamentslogik och behörighetsregler, ger ingen plan för attribueringslagring som du kan revidera i efterhand, ignorerar bedrägeri och edge cases som återbetalningar eller duplicerade konton, producerar generiska ”dela din länk”-budskap i stället för ett end-to-end-arbetsflöde med triggers och valideringar, och missar KPI-definitioner kopplade till förvärvseffektivitet och kvalitet i nedströms intäkter. Du får copy-idéer, inte en automationsklar spec. Den här prompten är striktare kring spårning, godkännanden, belöningsleverans och rapportering, vilket är där program vanligtvis skapar fel.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här prompten för ett automatiserat värvningsprogram till min specifika situation?</span>
<!-- wp:paragraph -->
<p class="answer">Ja, anpassa den genom att vara specifik i [PRODUCT_DESCRIPTION] och särskilt [CONTEXT], eftersom arbetsflödet ändras beroende på din stack och dina konverteringsmilstolpar. I [CONTEXT] ska du ta med ditt faktureringssystem, CRM, e-post/SMS-verktyg, återbetalningsfönster och vad som räknas som en ”kvalificerad” ny kund (registrering, första order, första betalda fakturan eller kvar som kund i X dagar). Om du har manuella steg (ekonomigodkännanden, supportgranskning), säg det; prompten bygger in undantagshantering och godkännanden. Nyttig uppföljning: ”Givet min [CONTEXT], rekommendera en primär attribueringsmetod och en fallback, och lista exakt vilka fält vi måste logga för tvistlösning.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här prompten för ett automatiserat värvningsprogram?</span>
<!-- wp:paragraph -->
<p class="answer">Det största misstaget är att lämna [PRODUCT_DESCRIPTION] för vag — i stället för ”en träningsapp”, skriv ”en träningsapp för $12/månad med veckoutmaningar; aktivering är att genomföra 3 pass på 7 dagar.” Ett annat vanligt fel är att under-specificera [CONTEXT]; ”vi använder e-post” är svagt, medan ”Klaviyo e-post, Stripe-fakturering, Shopify-butik, 30 dagars återbetalningspolicy” gör att arbetsflödet kan bli precist. Många glömmer också att definiera belöningstriggern tydligt; ”belöna vid värvning” är riskabelt, men ”belöna efter att vännen har sin första betalda faktura bokförd och ingen återbetalning inom 14 dagar” går att genomdriva. Slutligen skapar det kaos senare att hoppa över antaganden om bedrägeri; inkludera begränsningar som ”blockera själv-värvningar, flagga samma betalmetod och sätt tak för belöningar per ambassadör per månad.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda den här prompten för ett automatiserat värvningsprogram?</span>
<!-- wp:paragraph -->
<p class="answer">Den här prompten är inte idealisk för team som bara vill ha ett snabbt kreativt koncept eller några sociala captions, eftersom den är byggd för operativ design, spårning och automationslogik. Den ersätter inte heller juridisk granskning om dina belöningar skapar skatte-, lotteri- eller integritetskrav. Och om du inte har validerat kärnerbjudandet än (churn är hög, aktivering är otydlig) kan det vara bättre att fixa produkttratten innan du formaliserar värvningar. I de fallen: börja med grundläggande arbete med aktivering och retention, och kom tillbaka när du kan definiera en tydlig milstolpe för ”kvalificerad värvning”.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för ett automatiserat värvningsprogram?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Growth marketing managers använder den för att göra ”värvningar händer ibland” till en spårbar kanal med tydliga triggers, budskap och KPI:er. Marketing operations-ansvariga lutar sig mot den för att designa attribueringslagring, automationssteg och undantagshantering som inte kollapsar vid månadsrapporteringen. Lifecycle/CRM managers använder den för att samordna budskap till ambassadören och vännen utan att skicka till fel segment vid fel tidpunkt. Startup-grundare använder den för att snabbt få en byggarklar spec, så att programmet kan levereras i faser i stället för att fastna i backloggen för alltid."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för ett automatiserat värvningsprogram?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SaaS- och prenumerationsprodukter får stort värde eftersom du kan koppla belöningar till tydliga milstolpar som ”första betalda fakturan” eller ”aktiv i 30 dagar”, vilket minskar bedrägerier och förbättrar LTV-kvalitet. E-handelsvarumärken kan använda den för att designa incitament för vän/ambassadör kring första köp, återköp eller kategorier med hög marginal, och sedan bygga undantagshantering för returer och avbokningar. Marknadsplatser gynnas eftersom attribuering är knepigt (tvåsidig utbud och efterfrågan), och arbetsflödet tvingar dig att definiera vem som får cred, när det triggar och hur du förhindrar själv-värvningar. Professionella tjänsteföretag kan anpassa den för värvningsintroduktioner där ”konverteringen” är ett bokat konsultmöte eller ett signerat förslag, med manuella godkännanden inbyggda i automationen."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger grundläggande AI-prompter för att designa ett värvningsprograms arbetsflöde svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som ”Skriv ett värvningsprogram för mitt företag” misslyckas eftersom den: saknar tvåsidig incitamentslogik och behörighetsregler, ger ingen plan för attribueringslagring som du kan revidera i efterhand, ignorerar bedrägeri och edge cases som återbetalningar eller duplicerade konton, producerar generiska ”dela din länk”-budskap i stället för ett end-to-end-arbetsflöde med triggers och valideringar, och missar KPI-definitioner kopplade till förvärvseffektivitet och kvalitet i nedströms intäkter. Du får copy-idéer, inte en automationsklar spec. Den här prompten är striktare kring spårning, godkännanden, belöningsleverans och rapportering, vilket är där program vanligtvis skapar fel."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här prompten för ett automatiserat värvningsprogram till min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja, anpassa den genom att vara specifik i [PRODUCT_DESCRIPTION] och särskilt [CONTEXT], eftersom arbetsflödet ändras beroende på din stack och dina konverteringsmilstolpar. I [CONTEXT] ska du ta med ditt faktureringssystem, CRM, e-post/SMS-verktyg, återbetalningsfönster och vad som räknas som en ”kvalificerad” ny kund (registrering, första order, första betalda fakturan eller kvar som kund i X dagar). Om du har manuella steg (ekonomigodkännanden, supportgranskning), säg det; prompten bygger in undantagshantering och godkännanden. Nyttig uppföljning: ”Givet min [CONTEXT], rekommendera en primär attribueringsmetod och en fallback, och lista exakt vilka fält vi måste logga för tvistlösning.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här prompten för ett automatiserat värvningsprogram?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna [PRODUCT_DESCRIPTION] för vag — i stället för ”en träningsapp”, skriv ”en träningsapp för $12/månad med veckoutmaningar; aktivering är att genomföra 3 pass på 7 dagar.” Ett annat vanligt fel är att under-specificera [CONTEXT]; ”vi använder e-post” är svagt, medan ”Klaviyo e-post, Stripe-fakturering, Shopify-butik, 30 dagars återbetalningspolicy” gör att arbetsflödet kan bli precist. Många glömmer också att definiera belöningstriggern tydligt; ”belöna vid värvning” är riskabelt, men ”belöna efter att vännen har sin första betalda faktura bokförd och ingen återbetalning inom 14 dagar” går att genomdriva. Slutligen skapar det kaos senare att hoppa över antaganden om bedrägeri; inkludera begränsningar som ”blockera själv-värvningar, flagga samma betalmetod och sätt tak för belöningar per ambassadör per månad.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda den här prompten för ett automatiserat värvningsprogram?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten är inte idealisk för team som bara vill ha ett snabbt kreativt koncept eller några sociala captions, eftersom den är byggd för operativ design, spårning och automationslogik. Den ersätter inte heller juridisk granskning om dina belöningar skapar skatte-, lotteri- eller integritetskrav. Och om du inte har validerat kärnerbjudandet än (churn är hög, aktivering är otydlig) kan det vara bättre att fixa produkttratten innan du formaliserar värvningar. I de fallen: börja med grundläggande arbete med aktivering och retention, och kom tillbaka när du kan definiera en tydlig milstolpe för ”kvalificerad värvning”."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Intäkter från värvningar ska vara attribuerbara, repeterbara och, ärligt talat, tråkiga att drifta. Använd den här prompten för ett automatiserat värvningsprogram för att förvandla goda intentioner till ett arbetsflöde som teamet faktiskt kan bygga och mäta.</p>
<!-- /wp:paragraph -->
</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-ett-automatiserat-hanvisningsprogram/">Skapa ett automatiserat hänvisningsprogram</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skriv leverantörsuppföljningar med fokus på köparen</title>
		<link>https://nodenordic.se/prompts/skriv-leverantorsuppfoljningar-med-fokus-pa-koparen/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=skriv-leverantorsuppfoljningar-med-fokus-pa-koparen</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:47:16 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5002885</guid>

					<description><![CDATA[<p>Leverantörer blir ignorerade – en beprövad AI-prompt som skriver SPIN- och Challenger-uppföljningar med tydliga nästa steg. Upptäck fler.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skriv-leverantorsuppfoljningar-med-fokus-pa-koparen/">Skriv leverantörsuppföljningar med fokus på köparen</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: supplier follow-ups prompt -->

<div class="hook-introduction">

<p>Dina uppföljningar mot leverantör blir ignorerade av en anledning. De flesta meddelanden är skrivna för leverantörens tidslinje, inte för köparens beslutsprocess. De låter som ”ville bara kolla läget”, och stressade inköpsteam stänger av direkt.</p>



<p>Den här <strong>supplier follow-ups prompt</strong> är byggd för <strong>account executives</strong> som vill återöppna en stannad utvärdering utan att låta behövande, <strong>säljteam som jobbar mot inköp</strong> som måste synka flera intressenter hos kunden, och <strong>konsulter</strong> som stöttar B2B-partnerskap där ett otydligt nästa steg kan dra ut i veckor. Resultatet är ett köparförst uppföljningspaket: ett kärnmejl plus vinkelvarianter, ett eskaleringsalternativ vid uteblivet svar och en mobilkort version, allt förankrat i SPIN och en Challenger-inspirerad ”teach”-insikt.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Det du får</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den återger affärskontexten och den sannolika stoppklossen i en kort föranalys så att uppföljningen inte känns slumpmässig.</li>
          <li>Den kartlägger affären (fas, brådska, relationsdjup och köparens kommunikationsstil) för att matcha ton och fråga.</li>
          <li>Den genererar SPIN-frågor som passar fasen, inklusive implication- och need-payoff-frågor som bjuder in till ett beslut.</li>
          <li>Den lägger till en Challenger-inspirerad ”teach/reframe”-insikt som sätter risk, kostnad för fördröjning eller missad uppsida i perspektiv utan att predika.</li>
          <li>Den bygger en kontrollerad stängning med en primär CTA som innehåller en tidsram, plus ett enkelt alternativ för att minska friktion.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du hade ett bra discovery-samtal, men köparen blev tyst efter att du skickade pris eller offert.</li>
          <li>Juridik, säkerhet eller ekonomi fördröjer godkännande, och din champion får inget tydligt internt svar.</li>
          <li>Köparen säger ”vi utvärderar fortfarande”, men du misstänker att ni jämförs med ett billigare eller befintligt alternativ.</li>
          <li>En intressent bad om ”en sak till” (case, scope-justering, reviderade villkor) och försvann sedan.</li>
          <li>Du behöver återengagera utan att pressa, eftersom kontot är viktigt och relationen är långsiktig.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>Ett köparförst mejlutkast för uppföljning som innehåller en kontextankare, teach-moment, SPIN-frågor och en enda CTA.</li>
           <li>Minst 3 varianter (alternativ vinkel, eskalering vid uteblivet svar och en mobilkort version) så att du snabbt kan anpassa.</li>
           <li>Ett set med fas-anpassade SPIN-frågor som du kan återanvända i samtal eller i framtida mejl.</li>
           <li>En tydlig begäran om nästa steg med en specifik tidsram och ett ”enkelt ut”-alternativ (till exempel en snabb hänvisning till rätt ansvarig).</li>
           <li>En kort föranalys som hjälper teamet att enas om vad som är pending och vad ni faktiskt ber köparen att göra.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: köparförst byggare för leverantörsuppföljningssekvens</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[SENASTE_KONTAKTDATUM]</code></td>
                                <td class="var-desc">
                                    Ange datumet för den senaste interaktionen med kunden. Använd ett tydligt format, till exempel ÅÅÅÅ-MM-DD.                                    <div class="var-example">Till exempel: "2023-10-01"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[SENASTE_KONTAKTDATUM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[OPPNA_PUNKTER]</code></td>
                                <td class="var-desc">
                                    Lista eventuella utestående leveranser, obesvarade frågor eller olösta ärenden från tidigare kontakter.                                    <div class="var-example">Till exempel: "Inväntar bekräftelse på leveranstidplanen och förtydligande av betalningsvillkoren."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[OPPNA_PUNKTER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[MALGRUPP]</code></td>
                                <td class="var-desc">
                                    Beskriv vilken typ av köpare det gäller, inklusive roll, bransch och viktiga egenskaper som är relevanta för affären.                                    <div class="var-example">Till exempel: "Inköpschefer inom tillverkningsindustrin med fokus på kostnadseffektivitet och leverantörers pålitlighet."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[MALGRUPP]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BRANSCH]</code></td>
                                <td class="var-desc">
                                    Ange bransch eller nisch som är relevant för kunden eller affären.                                    <div class="var-example">Till exempel: "Tillverkning av fordonskomponenter."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BRANSCH]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Ge en kortfattad sammanfattning av den produkt eller tjänst som erbjuds.                                    <div class="var-example">Till exempel: "Ett molnbaserat lagerhanteringssystem utvecklat för medelstora tillverkare."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[UPPFOLJNINGSTYP]</code></td>
                                <td class="var-desc">
                                    Ange vilken kategori uppföljningen gäller, till exempel prover, offert, försening, betalning eller annat.                                    <div class="var-example">Till exempel: "Uppföljning av offert."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[UPPFOLJNINGSTYP]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[SENASTE_KONTAKT_DETALJER]</code></td>
                                <td class="var-desc">
                                    Sammanfatta vad som hände vid den senaste kontakten med kunden, inklusive eventuella överenskommelser eller öppna punkter.                                    <div class="var-example">Till exempel: "Gick igenom prisalternativ och skickade en reviderad offert för granskning."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[SENASTE_KONTAKT_DETALJER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[UTMANING]</code></td>
                                <td class="var-desc">
                                    Beskriv den huvudsakliga utmaning eller det hinder kunden står inför som er lösning adresserar.                                    <div class="var-example">Till exempel: "Svårigheter att följa lagersaldo över flera lager, vilket leder till både bristsituationer och överlager."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[UTMANING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[AFFARSFAS]</code></td>
                                <td class="var-desc">
                                    Ange nuvarande fas i affären, till exempel första kontakt, förhandling eller avslut.                                    <div class="var-example">Till exempel: "Förhandlingsfas."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[AFFARSFAS]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[ANGELAGENHETSGRAD]</code></td>
                                <td class="var-desc">
                                    Ange hur brådskande eller tidskritisk affären är ur kundens perspektiv.                                    <div class="var-example">Till exempel: "Hög brådska på grund av kommande räkenskapsårsslut."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[ANGELAGENHETSGRAD]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[RELATIONSDJUP]</code></td>
                                <td class="var-desc">
                                    Beskriv nivån av kännedom och förtroende mellan er och kunden.                                    <div class="var-example">Till exempel: "Medel—vi samarbetade tidigare i ett mindre projekt förra kvartalet."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[RELATIONSDJUP]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KUNDENS_KOMMUNIKATIONSSTIL]</code></td>
                                <td class="var-desc">
                                    Beskriv kundens föredragna kommunikationssätt, till exempel formellt, rakt på sak eller samarbetsinriktat.                                    <div class="var-example">Till exempel: "Föredrar korta, datadrivna uppdateringar via e-post."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KUNDENS_KOMMUNIKATIONSSTIL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIDSRAM]</code></td>
                                <td class="var-desc">
                                    Ange önskad tidsram för nästa steg eller för att få en lösning på plats.                                    <div class="var-example">Till exempel: "Inom de kommande två arbetsdagarna."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIDSRAM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[INTRESSENTER]</code></td>
                                <td class="var-desc">
                                    Lista eventuella ytterligare beslutsfattare eller påverkare som är involverade i affären.                                    <div class="var-example">Till exempel: "Driftchef, CFO och teamledare för inköp."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[INTRESSENTER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PLATTFORM]</code></td>
                                <td class="var-desc">
                                    Ange vilken kommunikationsplattform eller kanal som används för uppföljningen.                                    <div class="var-example">Till exempel: "E-post, med LinkedIn-meddelande som sekundär kanal."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PLATTFORM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VARUMARKESTON]</code></td>
                                <td class="var-desc">
                                    Beskriv den ton och stil i kommunikationen som ligger i linje med ert varumärke.                                    <div class="var-example">Till exempel: "Professionell, partnerskapsorienterad och resultatinriktad."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VARUMARKESTON]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRIMART_MAL]</code></td>
                                <td class="var-desc">
                                    Ange huvudsyftet med uppföljningsmeddelandet.                                    <div class="var-example">Till exempel: "Boka ett möte för att slutföra avtalsvillkoren."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRIMART_MAL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Ge bakgrundsinformation som är relevant för uppföljningen, inklusive tidigare diskussioner eller kundens prioriteringar.                                    <div class="var-example">Till exempel: "Kunden uttryckte intresse för att minska driftskostnaderna under det senaste samtalet."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VERSALER_MED_UNDERSCORE]</code></td>
                                <td class="var-desc">
                                    Ange ett variabelnamn formaterat med versaler och separerat med understreck.                                    <div class="var-example">Till exempel: "UPPFOLJNING_KATEGORI"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[VERSALER_MED_UNDERSCORE]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Vad det här INTE är</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INDATA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Scenariobeskrivning</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Uppföljningsfasplan (5–9 steg)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Meddelandepaket (anpassat till [UPPFOLJNINGSTYP])</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Timing- &amp; kanalrekommendationer</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Svarshanteringssnuttar</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL  
Skapa högpresterande uppföljningskommunikation till leverantörer som för en B2B-affär framåt. Meddelanden måste vara köparcentrerade, använda SPIN-frågor (Situation/Problem/Implication/Need-payoff), inkludera en Challenger-inspirerad ”teach/reframe”-insikt och avslutas med ett tydligt nästa steg som behåller artig kontroll.

## PERSONA  
Du är en **Buyer-first sales messaging strategist** med 15 års erfarenhet som inköpsledare på ett Fortune 500-bolag som utvärderade (och ofta ignorerade) leverantörers uppföljningar. Du översätter nu vad som faktiskt förtjänar ett svar till kortfattad, respektfull och kommersiellt vass outreach. Din skrivstil är lugn, konkret och executive—fokuserad på resultat, beslut och att ta bort friktion.

## BEGRÄNSNINGAR  
- Skriv för köparens prioriteringar (tid, risk, intern samsyn), inte säljarens behov.  
- Undvik vaga puffar (t.ex. ”kollar läget”, ”puttar på den här”, ”följer upp”).  
- Varje outreach måste innehålla **(a)** en kontextförankring, **(b)** en ny insikt, **(c)** SPIN-frågor som passar fasen, **(d)** en enda primär CTA med tidsram, plus ett enkelt alternativ.  
- Håll tonen professionell och partnerskapsorienterad; ingen skuld, inga påtryckningstaktiker.  
- Om information saknas: be bara om minsta möjliga som behövs och ge ett ”best-guess”-utkast märkt som sådant.

## PROCESS  
1. **Föranalys (obligatorisk):** Återge kort din förståelse av scenariot: senaste kontaktpunkt, vad som är öppet, sannolik blockerare och mest logiska nästa steg.  
2. **Affärskartläggning:** Identifiera affärsfas, angelägenhet, relationsdjup och köparens kommunikationsstil.  
3. **Fasplanering:** Välj **5–9 steg** av uppföljning (dynamiskt) baserat på uppföljningstyp, komplexitet och hur brådskande svar är.  
4. **Köparlins:** Skriv ett Challenger ”teach moment” som omramar köparens situation (risk, kostnad av att vänta, missad uppsida eller processbrist).  
5. **Meddelandebygg:** Ta fram kärnmejlet plus varianter (alternativ vinkel, eskalering vid uteblivet svar och mobilkort version).  
6. **Sekvens &amp; timing:** Ge en praktisk kadens och kanal-mix (email/threading, samtal, LinkedIn) anpassad till scenariot.  
7. **Hantera svar:** Ge mikro-skript för vanliga svar (invändning, fördröjning, intresse, ”inte jag”).  
8. **Edge cases:** Om [SENASTE_KONTAKTDATUM] är okänt eller [OPPNA_PUNKTER] är otydliga, generera två versioner: en som utgår från ”nyligen kontakt” och en som utgår från ”gammal tråd”.

### Vad det här INTE är  
- Inte en komplett sales playbook, offert eller prisstrategi.  
- Inte juridisk rådgivning, inkasso- eller kontraktråd (särskilt vid betalningstvister).  
- Inte manipulativ copywriting, skrämselretorik eller skapande av falsk brådska.

## INDATA  
- **Primärt användarsegment (köpartyp):** [MALGRUPP]  
- **Bransch/nisch:** [BRANSCH]  
- **Erbjudandesammanfattning:** [PRODUKTBESKRIVNING]  
- **Uppföljningskategori (prov/offert/fördröjning/betalning/annat):** [UPPFOLJNINGSTYP]  
- **Senaste kontaktpunkt (vad hände):** [SENASTE_KONTAKT_DETALJER]  
- **Datum/tid sedan senaste kontakt:** [SENASTE_KONTAKTDATUM]  
- **Överenskomna nästa steg / öppna punkter:** [OPPNA_PUNKTER]  
- **Nuvarande blockerare (om någon):** [UTMANING]  
- **Affärsfas (t.ex. utvärdering, förhandling, inköp, förnyelse):** [AFFARSFAS]  
- **Angelägenhetsgrad + varför:** [ANGELAGENHETSGRAD]  
- **Relationsdjup (ny/utvecklas/etablerad):** [RELATIONSDJUP]  
- **Köparens kommunikationsstil (kortfattad/detaljorienterad/formell/etc.):** [KUNDENS_KOMMUNIKATIONSSTIL]  
- **Besluts-tidslinje:** [TIDSRAM]  
- **Intressenter involverade:** [INTRESSENTER]  
- **Föredragen kanal(er):** [PLATTFORM]  
- **Varumärkeston:** [VARUMARKESTON]  
- **Primärt utfall du vill ha:** [PRIMART_MAL]  
- **Eventuella begränsningar (budget, compliance, leverantörsonboarding):** [KONTEXT]

## OUTPUTSPECIFIKATION  
Leverera följande, med hjälp av placeholders som visas:

### 1) Scenariobeskrivning  
- {Last Touchpoint Summary}  
- {What’s Open}  
- {Likely Buyer Concern}  
- {Recommended Next Step}

### 2) Uppföljningsfasplan (5–9 steg)  
För varje steg, ange:  
- {Phase Name}  
- {Trigger/When to Send}  
- {Goal}  
- {Value Add}  
- {CTA}

### 3) Meddelandepaket (anpassat till [UPPFOLJNINGSTYP])  
Ge varje meddelande med: {Subject Line} och {Email Body}

- **Primärt meddelande (bästa vägen till ett svar)**  
- **Alternativ vinkel (annan inramning/värde)**  
- **Eskalering vid uteblivet svar (fortfarande respektfull, något fastare)**  
- **Mobilkort version (&lt;= 75 ord)**

Varje mejl måste innehålla:  
- {Context Anchor}  
- {Challenger Teach Moment}  
- {SPIN Questions} (tydligt märkta S/P/I/N)  
- {Clear Ask + Timeframe}  
- {Fallback Option} (t.ex. ”Om det inte är du, vem bör jag prata med?”)

### 4) Timing- &amp; kanalrekommendationer  
- {Recommended Cadence} (dagar mellan kontakter)  
- {Best Send Windows} (köparens lokala tid)  
- {Channel Mix Suggestion}

### 5) Svarshanteringssnuttar  
Ge korta svar för:  
- {Objection Reply}  
- {Delay Reply}  
- {Interest Reply}  
- {Wrong Contact Reply}

## KVALITETSKONTROLLER  
Innan du slutför, verifiera:  
- Meddelandena innehåller **noll** vag ”kollar läget”-formulering och ingen skuldbeläggande inramning.  
- Varje mejl innehåller en konkret insikt + minst en SPIN-fråga som matchas mot {Deal Stage}.  
- CTA:n är specifik, tidsatt och lätt att tacka ja till (med ett enkelt alternativ).  
- Tonen matchar [VARUMARKESTON] och [KUNDENS_KOMMUNIKATIONSSTIL] (executive-vänlig, låg friktion).  
- Output använder **[VERSALER_MED_UNDERSCORE]** endast för indata och **{Title Case}** endast för deliverable placeholders.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L  \r\nSkapa h\u00f6gpresterande uppf\u00f6ljningskommunikation till leverant\u00f6rer som f\u00f6r en B2B-aff\u00e4r fram\u00e5t. Meddelanden m\u00e5ste vara k\u00f6parcentrerade, anv\u00e4nda SPIN-fr\u00e5gor (Situation\/Problem\/Implication\/Need-payoff), inkludera en Challenger-inspirerad \u201dteach\/reframe\u201d-insikt och avslutas med ett tydligt n\u00e4sta steg som beh\u00e5ller artig kontroll.\r\n\r\n## PERSONA  \r\nDu \u00e4r en **Buyer-first sales messaging strategist** med 15 \u00e5rs erfarenhet som ink\u00f6psledare p\u00e5 ett Fortune 500-bolag som utv\u00e4rderade (och ofta ignorerade) leverant\u00f6rers uppf\u00f6ljningar. Du \u00f6vers\u00e4tter nu vad som faktiskt f\u00f6rtj\u00e4nar ett svar till kortfattad, respektfull och kommersiellt vass outreach. Din skrivstil \u00e4r lugn, konkret och executive\u2014fokuserad p\u00e5 resultat, beslut och att ta bort friktion.\r\n\r\n## BEGR\u00c4NSNINGAR  \r\n- Skriv f\u00f6r k\u00f6parens prioriteringar (tid, risk, intern samsyn), inte s\u00e4ljarens behov.  \r\n- Undvik vaga puffar (t.ex. \u201dkollar l\u00e4get\u201d, \u201dputtar p\u00e5 den h\u00e4r\u201d, \u201df\u00f6ljer upp\u201d).  \r\n- Varje outreach m\u00e5ste inneh\u00e5lla **(a)** en kontextf\u00f6rankring, **(b)** en ny insikt, **(c)** SPIN-fr\u00e5gor som passar fasen, **(d)** en enda prim\u00e4r CTA med tidsram, plus ett enkelt alternativ.  \r\n- H\u00e5ll tonen professionell och partnerskapsorienterad; ingen skuld, inga p\u00e5tryckningstaktiker.  \r\n- Om information saknas: be bara om minsta m\u00f6jliga som beh\u00f6vs och ge ett \u201dbest-guess\u201d-utkast m\u00e4rkt som s\u00e5dant.\r\n\r\n## PROCESS  \r\n1. **F\u00f6ranalys (obligatorisk):** \u00c5terge kort din f\u00f6rst\u00e5else av scenariot: senaste kontaktpunkt, vad som \u00e4r \u00f6ppet, sannolik blockerare och mest logiska n\u00e4sta steg.  \r\n2. **Aff\u00e4rskartl\u00e4ggning:** Identifiera aff\u00e4rsfas, angel\u00e4genhet, relationsdjup och k\u00f6parens kommunikationsstil.  \r\n3. **Fasplanering:** V\u00e4lj **5\u20139 steg** av uppf\u00f6ljning (dynamiskt) baserat p\u00e5 uppf\u00f6ljningstyp, komplexitet och hur br\u00e5dskande svar \u00e4r.  \r\n4. **K\u00f6parlins:** Skriv ett Challenger \u201dteach moment\u201d som omramar k\u00f6parens situation (risk, kostnad av att v\u00e4nta, missad uppsida eller processbrist).  \r\n5. **Meddelandebygg:** Ta fram k\u00e4rnmejlet plus varianter (alternativ vinkel, eskalering vid uteblivet svar och mobilkort version).  \r\n6. **Sekvens & timing:** Ge en praktisk kadens och kanal-mix (email\/threading, samtal, LinkedIn) anpassad till scenariot.  \r\n7. **Hantera svar:** Ge mikro-skript f\u00f6r vanliga svar (inv\u00e4ndning, f\u00f6rdr\u00f6jning, intresse, \u201dinte jag\u201d).  \r\n8. **Edge cases:** Om [SENASTE_KONTAKTDATUM] \u00e4r ok\u00e4nt eller [OPPNA_PUNKTER] \u00e4r otydliga, generera tv\u00e5 versioner: en som utg\u00e5r fr\u00e5n \u201dnyligen kontakt\u201d och en som utg\u00e5r fr\u00e5n \u201dgammal tr\u00e5d\u201d.\r\n\r\n### Vad det h\u00e4r INTE \u00e4r  \r\n- Inte en komplett sales playbook, offert eller prisstrategi.  \r\n- Inte juridisk r\u00e5dgivning, inkasso- eller kontraktr\u00e5d (s\u00e4rskilt vid betalningstvister).  \r\n- Inte manipulativ copywriting, skr\u00e4mselretorik eller skapande av falsk br\u00e5dska.\r\n\r\n## INDATA  \r\n- **Prim\u00e4rt anv\u00e4ndarsegment (k\u00f6partyp):** [MALGRUPP]  \r\n- **Bransch\/nisch:** [BRANSCH]  \r\n- **Erbjudandesammanfattning:** [PRODUKTBESKRIVNING]  \r\n- **Uppf\u00f6ljningskategori (prov\/offert\/f\u00f6rdr\u00f6jning\/betalning\/annat):** [UPPFOLJNINGSTYP]  \r\n- **Senaste kontaktpunkt (vad h\u00e4nde):** [SENASTE_KONTAKT_DETALJER]  \r\n- **Datum\/tid sedan senaste kontakt:** [SENASTE_KONTAKTDATUM]  \r\n- **\u00d6verenskomna n\u00e4sta steg \/ \u00f6ppna punkter:** [OPPNA_PUNKTER]  \r\n- **Nuvarande blockerare (om n\u00e5gon):** [UTMANING]  \r\n- **Aff\u00e4rsfas (t.ex. utv\u00e4rdering, f\u00f6rhandling, ink\u00f6p, f\u00f6rnyelse):** [AFFARSFAS]  \r\n- **Angel\u00e4genhetsgrad + varf\u00f6r:** [ANGELAGENHETSGRAD]  \r\n- **Relationsdjup (ny\/utvecklas\/etablerad):** [RELATIONSDJUP]  \r\n- **K\u00f6parens kommunikationsstil (kortfattad\/detaljorienterad\/formell\/etc.):** [KUNDENS_KOMMUNIKATIONSSTIL]  \r\n- **Besluts-tidslinje:** [TIDSRAM]  \r\n- **Intressenter involverade:** [INTRESSENTER]  \r\n- **F\u00f6redragen kanal(er):** [PLATTFORM]  \r\n- **Varum\u00e4rkeston:** [VARUMARKESTON]  \r\n- **Prim\u00e4rt utfall du vill ha:** [PRIMART_MAL]  \r\n- **Eventuella begr\u00e4nsningar (budget, compliance, leverant\u00f6rsonboarding):** [KONTEXT]\r\n\r\n## OUTPUTSPECIFIKATION  \r\nLeverera f\u00f6ljande, med hj\u00e4lp av placeholders som visas:\r\n\r\n### 1) Scenariobeskrivning  \r\n- {Last Touchpoint Summary}  \r\n- {What\u2019s Open}  \r\n- {Likely Buyer Concern}  \r\n- {Recommended Next Step}\r\n\r\n### 2) Uppf\u00f6ljningsfasplan (5\u20139 steg)  \r\nF\u00f6r varje steg, ange:  \r\n- {Phase Name}  \r\n- {Trigger\/When to Send}  \r\n- {Goal}  \r\n- {Value Add}  \r\n- {CTA}\r\n\r\n### 3) Meddelandepaket (anpassat till [UPPFOLJNINGSTYP])  \r\nGe varje meddelande med: {Subject Line} och {Email Body}\r\n\r\n- **Prim\u00e4rt meddelande (b\u00e4sta v\u00e4gen till ett svar)**  \r\n- **Alternativ vinkel (annan inramning\/v\u00e4rde)**  \r\n- **Eskalering vid uteblivet svar (fortfarande respektfull, n\u00e5got fastare)**  \r\n- **Mobilkort version (<= 75 ord)**\r\n\r\nVarje mejl m\u00e5ste inneh\u00e5lla:  \r\n- {Context Anchor}  \r\n- {Challenger Teach Moment}  \r\n- {SPIN Questions} (tydligt m\u00e4rkta S\/P\/I\/N)  \r\n- {Clear Ask + Timeframe}  \r\n- {Fallback Option} (t.ex. \u201dOm det inte \u00e4r du, vem b\u00f6r jag prata med?\u201d)\r\n\r\n### 4) Timing- & kanalrekommendationer  \r\n- {Recommended Cadence} (dagar mellan kontakter)  \r\n- {Best Send Windows} (k\u00f6parens lokala tid)  \r\n- {Channel Mix Suggestion}\r\n\r\n### 5) Svarshanteringssnuttar  \r\nGe korta svar f\u00f6r:  \r\n- {Objection Reply}  \r\n- {Delay Reply}  \r\n- {Interest Reply}  \r\n- {Wrong Contact Reply}\r\n\r\n## KVALITETSKONTROLLER  \r\nInnan du slutf\u00f6r, verifiera:  \r\n- Meddelandena inneh\u00e5ller **noll** vag \u201dkollar l\u00e4get\u201d-formulering och ingen skuldbel\u00e4ggande inramning.  \r\n- Varje mejl inneh\u00e5ller en konkret insikt + minst en SPIN-fr\u00e5ga som matchas mot {Deal Stage}.  \r\n- CTA:n \u00e4r specifik, tidsatt och l\u00e4tt att tacka ja till (med ett enkelt alternativ).  \r\n- Tonen matchar [VARUMARKESTON] och [KUNDENS_KOMMUNIKATIONSSTIL] (executive-v\u00e4nlig, l\u00e5g friktion).  \r\n- Output anv\u00e4nder **[VERSALER_MED_UNDERSCORE]** endast f\u00f6r indata och **{Title Case}** endast f\u00f6r deliverable placeholders.";
    const variables = ["[SENASTE_KONTAKTDATUM]","[OPPNA_PUNKTER]","[MALGRUPP]","[BRANSCH]","[PRODUKTBESKRIVNING]","[UPPFOLJNINGSTYP]","[SENASTE_KONTAKT_DETALJER]","[UTMANING]","[AFFARSFAS]","[ANGELAGENHETSGRAD]","[RELATIONSDJUP]","[KUNDENS_KOMMUNIKATIONSSTIL]","[TIDSRAM]","[INTRESSENTER]","[PLATTFORM]","[VARUMARKESTON]","[PRIMART_MAL]","[KONTEXT]","[VERSALER_MED_UNDERSCORE]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat med AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Mata in senaste kontaktpunkten, ordagrant.</strong> Klistra in det senaste mejlet du skickade och den senaste raden du fick tillbaka (även om den är kort). Om du bara sammanfattar kan AI:n hitta på kontextankare som låter rimliga men inte stämmer med tråden. När du klistrat in, lägg till en rad: ”Pending: säkerhetsgranskning” eller ”Pending: sista mötet med intressenter.”</li>


<li><strong>Berätta vilket beslut som faktiskt sitter fast.</strong> ”Väntar på återkoppling” är inget beslut. Ge den en verklig vägdelning, som: ”De behöver välja mellan årsavtal vs flerårsavtal” eller ”De behöver internt godkännande för att köra en pilot i Q2.” Uppföljningsprompt du kan använda: ”Skriv om CTA:n så att den ber om ett beslut om pilotens startdatum, inte ett möte.”</li>

<li><strong>Välj ett teach-moment som handlar om deras risk, inte om din produkt.</strong> Ärligt talat är de flesta ”insikter” leverantörer delar bara produktmarknadsföring i förklädnad. Rikta omramningen mot inköpsverkligheten: missade besparingar vid fördröjning, bristande samsyn mellan intressenter, ofullständiga krav eller ett dolt kostnadsställe. Fråga sedan AI:n: ”Ge mig två teach-moments: ett om kostnad för fördröjning, ett om processrisk.”</li>


<li><strong>Iterera genom att skärpa SPIN-frågorna.</strong> Efter första resultatet, välj en SPIN-fråga som känns för bred och be om en vassare version. Prova: ”Gör Problem-frågan mer specifik för deras nuvarande workflow, och gör Implication-frågan så att den kvantifierar tid eller risk.” Små ändringar här kan lyfta svarsfrekvensen eftersom köparen kan svara snabbt.</li>


<li><strong>Bygg en minisekvens, inte en engångstext.</strong> Den här prompten är som starkast när du planerar 5–9 uppföljningssteg baserat på brådska och affärens komplexitet. Be om en kadens och vinkelbyten: ”Skapa en sekvens med 6 kontaktpunkter över 14 dagar, där kontakt 3 är mobilkort och kontakt 5 är en artig eskalering för att bekräfta close-lost eller nästa steg.” Du slipper skriva om från noll varje gång.</li>

</ul>
<!-- /wp:post-content -->
</div>

<div class="related-prompts-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Relaterade promptar</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>När dina uppföljningar börjar få svar igen hjälper de här promptarna dig att stötta den interna köpresan som ofta ligger bakom tystnaden.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Om du också behöver bevisa att ni kan leverera efter att affären stängts hjälper en vy för onboarding-mätning mycket. När implementationsrisk är en stoppkloss kan <a href="https://nodenordic.se/prompts/bygg-en-dashboard-for-onboardingmatetal">Bygg en dashboard för onboardingmätetal</a> hjälpa dig att visa exakt hur du kommer att följa upp adoption, milstolpar och värderealisering.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>För team som gör utrullningar med mycket rekrytering, där förändringsledning spelar roll, kan positionering av ert arbetsgivarvarumärke och er interna berättelse minska motstånd. När köparens oro är ”kommer det här att hålla”, para ihop din uppföljning med <a href="https://nodenordic.se/prompts/bygg-en-roadmap-for-arbetsgivarvarumarket">Bygg en roadmap för arbetsgivarvarumärket</a> för att skapa en tydligare story som din champion kan återge internt.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>När uppsättningen intressenter inkluderar HR eller talent leadership behöver du ibland en bredare plan innan de förbinder sig till ett leverantörsbeslut. I så fall ger <a href="https://nodenordic.se/prompts/bygg-en-transformationsplan-for-social-rekrytering-med-ai">Bygg en transformationsplan för social rekrytering med AI</a> struktur som kan göra ”vi funderar på det” till ett definierat initiativ med datum och ansvariga.</p>
<!-- /wp:paragraph -->

<br>

<!-- wp:paragraph -->
<p>Snabbreferens:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul>
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/bygg-en-dashboard-for-onboardingmatetal">Bygg en dashboard för onboardingmätetal</a>: Mät onboardingresultat och adoptionsmilstolpar.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/bygg-en-roadmap-for-arbetsgivarvarumarket">Bygg en roadmap för arbetsgivarvarumärket</a>: Förtydliga positionering, narrativ och genomförandesteg.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/bygg-en-transformationsplan-for-social-rekrytering-med-ai">Bygg en transformationsplan för social rekrytering med AI</a>: Gör ett vagt initiativ till en plan.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/skapa-en-playbook-for-campusrekrytering-med-ai-prompt">Skapa en playbook för campusrekrytering med AI-prompt</a>: Skapa en strukturerad playbook för intressenter.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/bygg-en-702010-utvecklingsplan-med-ai-prompt">Bygg en 70/20/10-utvecklingsplan med AI-prompt</a>: Planera enablement och kompetensutveckling över tid.</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Vanliga frågor</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här supplier follow-ups prompt AI-prompten?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Enterprise Account Executives</strong> använder den för att få tillbaka momentum efter att en offert tystnat, samtidigt som budskapet förblir köparcentrerat och konkret. <strong>Sales Development Leaders</strong> använder den för att skapa uppföljningsvarianter som teamet kan personifiera utan att falla tillbaka på ”ville bara kolla läget”-språk. <strong>Partnership Managers</strong> lutar sig mot den när ett gemensamt initiativ fastnat i intern samsyn och de behöver ett respektfullt, kontrollerat nästa steg. <strong>Revenue Operations Managers</strong> uppskattar den eftersom promptens struktur (kontextankare, SPIN-frågor, CTA) är tillräckligt konsekvent för att bli en repeterbar standard.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här supplier follow-ups prompt AI-prompten?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Tillverkning och distribution</strong> använder den när leverantörsutvärderingar fastnar i riskgranskningar, ledtider och byteskostnader, och de behöver en uppföljning som pratar om kontinuitet och att undvika driftstopp. <strong>SaaS- och IT-tjänsteteam</strong> har nytta när säkerhet, inköp och ekonomi alla har vetomakt; prompten hjälper till att ställa fas-anpassade SPIN-frågor utan att låta otålig. <strong>Konsult- och professional services-bolag</strong> använder den för att omrama värde kring resultat och leveransrisk, särskilt när köparen jämför flera leverantörer. <strong>Sjukvård och reglerade branscher</strong> får värde eftersom tonen är exekutiv och lugn, vilket fungerar bättre när compliance och interna godkännanden bromsar allt.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-promptar för uppföljningsmejl till leverantörer svaga resultat?</span>
<!-- wp:paragraph -->
<p class="answer">En typisk prompt som ”Skriv ett uppföljningsmejl till en potentiell leverantör” misslyckas eftersom den: saknar ett kontextankare kopplat till senaste kontaktpunkten, så meddelandet känns generiskt; inte ger någon SPIN-struktur, så den ställer frågor som är lätta att ignorera; bortser från köparens friktion som risk, intern samsyn och vem som äger beslutet; producerar artiga puffar i stället för ett kommersiellt skarpt nästa steg; och missar ett Challenger-inspirerat teach-moment som ger köparen en anledning att svara nu i stället för senare.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här supplier follow-ups prompt för min specifika situation?</span>
<!-- wp:paragraph -->
<p class="answer">Ja, men du anpassar den genom att lägga till kontext innan du kör den, eftersom prompten i sig inte har några inbyggda variabler. Ta med datum för senaste kontaktpunkt, vad som är pending (till exempel ”MSA-redlines” eller ”bekräftelse av pilotscope”), vilka intressenter som är involverade och vilket beslut du vill ha. Be sedan om uppföljningspaketet för den fas du är i, till exempel tidig utvärdering kontra slutligt godkännande. En användbar följdfråga är: ”Skriv om detta för en CFO-målgrupp, håll det under 120 ord, och gör den primära CTA:n till ett ja/nej-beslut med två datumalternativ.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här supplier follow-ups prompt?</span>
<!-- wp:paragraph -->
<p class="answer">Det största misstaget är att lämna scenariot för vagt; i stället för ”De blev tysta efter samtalet”, använd ”Senaste kontaktpunkt: 2026-01-12 demo-recap skickad; pending: säkerhetsfrågeformulär och policy för datalagring; stoppkloss: InfoSec-backlog.” Ett annat vanligt fel är att be om ”en uppföljning” utan att namnge beslutet du behöver, vilket gör CTA:n till en mjuk mötesförfrågan; ge den ett beslut som ”godkänn pilotstartdatum” eller ”bekräfta close-lost.” Många klistrar inte in några köparbegränsningar, vilket leder till säljarcentrerat språk; lägg till verkliga prioriteringar som ”riskminskning”, ”tid till värde” eller ”samsyn mellan intressenter.” Slutligen gör avsaknad av teach-moment att mejlet smälter in; styr prompten med en specifik vinkel som ”kostnad för fördröjning” eller ”dold processrisk.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda den här supplier follow-ups prompt?</span>
<!-- wp:paragraph -->
<p class="answer">Den här prompten är inte idealisk för engångsmässig transaktionsförsäljning där en enkel påminnelse och en betalningslänk är hela jobbet, eller för team som inte kan dela någon affärskontext alls (ens sanerad). Den passar heller inte om du behöver en helt automatiserad mail-merge-mall med placeholders, eftersom prompten är designad för genomtänkt, scenariobaserad textproduktion. Om det är du, överväg att bygga ett lättviktsbibliotek av mallar och använd den här prompten bara för högvärdiga, komplexa affärer som motiverar djupare budskapsarbete.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här supplier follow-ups prompt AI-prompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Enterprise Account Executives använder den för att få tillbaka momentum efter att en offert tystnat, samtidigt som budskapet förblir köparcentrerat och konkret. Sales Development Leaders använder den för att skapa uppföljningsvarianter som teamet kan personifiera utan att falla tillbaka på ”ville bara kolla läget”-språk. Partnership Managers lutar sig mot den när ett gemensamt initiativ fastnat i intern samsyn och de behöver ett respektfullt, kontrollerat nästa steg. Revenue Operations Managers uppskattar den eftersom promptens struktur (kontextankare, SPIN-frågor, CTA) är tillräckligt konsekvent för att bli en repeterbar standard."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här supplier follow-ups prompt AI-prompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Tillverkning och distribution använder den när leverantörsutvärderingar fastnar i riskgranskningar, ledtider och byteskostnader, och de behöver en uppföljning som pratar om kontinuitet och att undvika driftstopp. SaaS- och IT-tjänsteteam har nytta när säkerhet, inköp och ekonomi alla har vetomakt; prompten hjälper till att ställa fas-anpassade SPIN-frågor utan att låta otålig. Konsult- och professional services-bolag använder den för att omrama värde kring resultat och leveransrisk, särskilt när köparen jämför flera leverantörer. Sjukvård och reglerade branscher får värde eftersom tonen är exekutiv och lugn, vilket fungerar bättre när compliance och interna godkännanden bromsar allt."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-promptar för uppföljningsmejl till leverantörer svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som ”Skriv ett uppföljningsmejl till en potentiell leverantör” misslyckas eftersom den: saknar ett kontextankare kopplat till senaste kontaktpunkten, så meddelandet känns generiskt; inte ger någon SPIN-struktur, så den ställer frågor som är lätta att ignorera; bortser från köparens friktion som risk, intern samsyn och vem som äger beslutet; producerar artiga puffar i stället för ett kommersiellt skarpt nästa steg; och missar ett Challenger-inspirerat teach-moment som ger köparen en anledning att svara nu i stället för senare."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här supplier follow-ups prompt för min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja, men du anpassar den genom att lägga till kontext innan du kör den, eftersom prompten i sig inte har några inbyggda variabler. Ta med datum för senaste kontaktpunkt, vad som är pending (till exempel ”MSA-redlines” eller ”bekräftelse av pilotscope”), vilka intressenter som är involverade och vilket beslut du vill ha. Be sedan om uppföljningspaketet för den fas du är i, till exempel tidig utvärdering kontra slutligt godkännande. En användbar följdfråga är: ”Skriv om detta för en CFO-målgrupp, håll det under 120 ord, och gör den primära CTA:n till ett ja/nej-beslut med två datumalternativ.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här supplier follow-ups prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna scenariot för vagt; i stället för ”De blev tysta efter samtalet”, använd ”Senaste kontaktpunkt: 2026-01-12 demo-recap skickad; pending: säkerhetsfrågeformulär och policy för datalagring; stoppkloss: InfoSec-backlog.” Ett annat vanligt fel är att be om ”en uppföljning” utan att namnge beslutet du behöver, vilket gör CTA:n till en mjuk mötesförfrågan; ge den ett beslut som ”godkänn pilotstartdatum” eller ”bekräfta close-lost.” Många klistrar inte in några köparbegränsningar, vilket leder till säljarcentrerat språk; lägg till verkliga prioriteringar som ”riskminskning”, ”tid till värde” eller ”samsyn mellan intressenter.” Slutligen gör avsaknad av teach-moment att mejlet smälter in; styr prompten med en specifik vinkel som ”kostnad för fördröjning” eller ”dold processrisk.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda den här supplier follow-ups prompt?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten är inte idealisk för engångsmässig transaktionsförsäljning där en enkel påminnelse och en betalningslänk är hela jobbet, eller för team som inte kan dela någon affärskontext alls (ens sanerad). Den passar heller inte om du behöver en helt automatiserad mail-merge-mall med placeholders, eftersom prompten är designad för genomtänkt, scenariobaserad textproduktion. Om det är du, överväg att bygga ett lättviktsbibliotek av mallar och använd den här prompten bara för högvärdiga, komplexa affärer som motiverar djupare budskapsarbete."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Tystnad är oftast inte ett nej. Det är friktion, risk eller ett saknat beslut. Klistra in prompten i ChatGPT, ge den din verkliga affärskontext och skicka uppföljningar som köpare faktiskt kan svara på.</p>
<!-- /wp:paragraph -->
</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skriv-leverantorsuppfoljningar-med-fokus-pa-koparen/">Skriv leverantörsuppföljningar med fokus på köparen</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bygg ett arbetsflöde för återhämtning vid ersättning</title>
		<link>https://nodenordic.se/prompts/bygg-ett-arbetsflode-for-aterhamtning-vid-ersattning/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=bygg-ett-arbetsflode-for-aterhamtning-vid-ersattning</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:46:17 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5002883</guid>

					<description><![CDATA[<p>Ersättningar spårar ur – bygg ett DMAIC-arbetsflöde med skyddsräcken, mätetal och missbrukskontroller. Utforska fler AI-prompter.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/bygg-ett-arbetsflode-for-aterhamtning-vid-ersattning/">Bygg ett arbetsflöde för återhämtning vid ersättning</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: replacement recovery workflow -->

<div class="hook-introduction">

<p>Ersättningsärenden låter enkla tills du skalar upp dem. Då blir de en rörig mix av inkonsekventa godkännanden, ökande bedrägerier, långsamma ärenden och kunder som känner att de “utreds” i stället för att få hjälp. Kostnaderna smyger upp, och driftteamet hamnar i ständig brandsläckning av samma felmönster varje vecka.</p>



<p>Det här <strong>replacement recovery workflow</strong> är byggt för <strong>chefer inom fulfillment operations</strong> som hanterar toppar i försändelser som försvinner under transport, <strong>kundsupportansvariga</strong> som vill korta handläggningstiden utan att öppna bedrägeriluckor, och <strong>e-handelschefer</strong> som behöver skydda marginalen och samtidigt behålla lojaliteten. Resultatet är en interaktiv, stegvis driftsmodell som använder DMAIC plus tänket kring Service Recovery Paradox, inklusive skyddsräcken, mätetal, regler för edge cases och en “skriv continue för att gå vidare”-process.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Vad du får</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den sammanfattar din nuvarande ersättningssituation, lyfter de tre största operativa spänningarna och tydliggör antaganden innan den föreslår lösningar.</li>
          <li>Den designar ett end-to-end-flöde för ersättningsartiklar med DMAIC som stomme, från definiera och mäta till kontroll.</li>
          <li>Den tillämpar Service Recovery Paradox-logik så att återställningsåtgärder mätbart ökar lojaliteten i stället för att bara stänga ärenden.</li>
          <li>Den bygger beslut som står emot missbruk, inklusive mönster hos den som gör anspråk, SKU-risknivåer och incitamentsäkra policyer.</li>
          <li>Den tvingar in täckning av edge cases (högvärdes-SKU:er, restorder, delleveranser, marketplace vs DTC, reglerade produkter) så att undantag inte blir den verkliga processen.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Din policy för “direkt ersättning” utnyttjas, och du behöver stramare kontroller utan att sänka CSAT.</li>
          <li>Ersättningar tar för lång tid eftersom teamen bråkar om regler, bevisnivåer och vem som äger varje steg.</li>
          <li>Du är på väg in i högsäsong, och även små felgrader kommer att överbelasta support- och lagerteam.</li>
          <li>Transportörernas prestation, förpackningsfel eller plock/pack-fel ökar, och ersättningar maskerar grundorsaken.</li>
          <li>Du behöver standardisera en multikanalverklighet (marketplace + DTC) där policyer och datainsyn skiljer sig.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En stegvis DMAIC-återställningsplan med antal faser anpassat efter komplexitet och risk.</li>
           <li>Ett beslutsramverk för ersättning (godkänn, avslå, utred, återbetala, skicka om senare) med tydliga triggers och bevisregler.</li>
           <li>Policy-skyddsräcken och kontroller mot missbruk, inklusive hantering av återkommande anspråk och trösklar för högvärdes-SKU:er.</li>
           <li>Ett mätetalspaket (hastighet, tillit, kostnad och bedrägerisignaler) som undviker vanity KPI-fällor.</li>
           <li>En kontrollplan med övervakningsrutiner, eskaleringsvägar och “vad ska vi fixa härnäst”-prompter för kontinuerliga förbättringar.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: byggare för DMAIC-baserat replacement recovery workflow</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[FORETAGSNAMN]</code></td>
                                <td class="var-desc">
                                    Ange namnet på det företag eller varumärke som driftsmodellen för ersättningsartiklar utformas för.                                    <div class="var-example">Till exempel: "SwiftGear Logistics"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[FORETAGSNAMN]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BRANSCH]</code></td>
                                <td class="var-desc">
                                    Specificera företagets bransch och säljmodell, till exempel direkt till konsument (DTC), marketplace/marknadsplats, omnikanal eller B2B.                                    <div class="var-example">Till exempel: "Konsumentelektronik, omnikanal"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BRANSCH]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[MALGRUPP]</code></td>
                                <td class="var-desc">
                                    Beskriv det primära kundsegmentet, inklusive demografi, beteenden och centrala egenskaper som är relevanta för affären.                                    <div class="var-example">Till exempel: "Teknikintresserade millennials som köper premiumprylar online, med fokus på snabb leverans och smidiga returer."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[MALGRUPP]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Ge en kort beskrivning av företagets huvudsakliga produkter eller tjänster.                                    <div class="var-example">Till exempel: "Smarta hem-enheter som kameror, termostater och dörrlås, utformade för enkel installation och integrering."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Förklara nuläget eller bakgrunden som gör att en driftsmodell för ersättningsartiklar behöver utvecklas.                                    <div class="var-example">Till exempel: "Företaget har höga volymer av returer och ersättningar till följd av snabb tillväxt och ojämna kundserviceprocesser."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HUVUDUTMANING]</code></td>
                                <td class="var-desc">
                                    Beskriv den viktigaste utmaningen eller problematiken företaget har kopplat till ersättningar och återvinning av kundrelationen.                                    <div class="var-example">Till exempel: "Återkommande förseningar i ersättningsleveranser leder till missnöjda kunder och negativa omdömen."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[HUVUDUTMANING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRIMART_MAL]</code></td>
                                <td class="var-desc">
                                    Ange det huvudsakliga mål företaget vill uppnå med driftsmodellen för ersättningsartiklar.                                    <div class="var-example">Till exempel: "Minska handläggningstiden för ersättningar med 30 % samtidigt som motståndskraften mot bedrägerier bibehålls och kundförtroendet stärks."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRIMART_MAL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIDSRAM]</code></td>
                                <td class="var-desc">
                                    Ange den förväntade tidsplanen för att införa driftsmodellen för ersättningsartiklar.                                    <div class="var-example">Till exempel: "6 månader, inklusive stegvisa utrullningar och tester."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIDSRAM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[OPERATIONELLA_BEGRANSNINGAR]</code></td>
                                <td class="var-desc">
                                    Lista eventuella specifika begränsningar, såsom budget, bemanning, tekniska begränsningar eller regulatoriska krav.                                    <div class="var-example">Till exempel: "Begränsad budget för ny programvara, krav på integration med befintligt WMS samt efterlevnad av EU:s konsumentskyddsregler."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[OPERATIONELLA_BEGRANSNINGAR]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[ERSATTNINGSVOLYM]</code></td>
                                <td class="var-desc">
                                    Ange en uppskattning av den månatliga eller årliga volymen ersättningsärenden som företaget hanterar.                                    <div class="var-example">Till exempel: "Cirka 5 000 ersättningsärenden per månad, med säsongstoppar under Q4."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[ERSATTNINGSVOLYM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[SLA_MAL]</code></td>
                                <td class="var-desc">
                                    Definiera service level agreements (SLA:er) för ersättningar, exempelvis mål för handläggnings- eller leveranstider.                                    <div class="var-example">Till exempel: "Handlägg ersättningsärenden inom 24 timmar och säkerställ leverans inom 3 arbetsdagar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[SLA_MAL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VANLIGASTE_KUNDKLAGOMALEN]</code></td>
                                <td class="var-desc">
                                    Lista de vanligaste klagomålen kunder har om den nuvarande ersättningsprocessen.                                    <div class="var-example">Till exempel: "Försenade ersättningar, bristande kommunikation under processen och att fel varor levereras."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VANLIGASTE_KUNDKLAGOMALEN]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[SKU_KATEGORIER]</code></td>
                                <td class="var-desc">
                                    Identifiera de huvudsakliga produktkategorierna eller SKU:erna som ingår i ersättningsprocessen.                                    <div class="var-example">Till exempel: "Elektronik med högt värde, tillbehör och reservdelar för smarta hem-enheter."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[SKU_KATEGORIER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VARUMARKESTON]</code></td>
                                <td class="var-desc">
                                    Beskriv vilken ton och kommunikationsstil varumärket använder i dialogen med kunder.                                    <div class="var-example">Till exempel: "Professionell men lättillgänglig, med fokus på transparens och proaktiv support."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VARUMARKESTON]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="prompt-header-visible subheader">1) Föranalyssteg (obligatoriskt innan du bygger något)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Logik för fasplanering (dynamisk)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Interaktiv leverans</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Omfattningsgränser — vad detta INTE är</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 1 — Define: nulägeskartläggning</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 2 — Define: recovery-principer &amp; skyddsräcken</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 3 — Measure: mätsystem</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 4 — Analyze: rotorsaksintelligens</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 5 — Improve: målflöde (kärnoperativ modell)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 6 — Improve: design av kundkommunikation</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 7 — Control: kontroller, automation och skydd</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 8 — Control: prestationsstyrning</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Steg 9 — Implementeringsfärdplan</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Avslutande sammanfattning (efter steg 9)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL
Skapa en skräddarsydd, heltäckande operativ modell för ersättningsärenden för ett företag med DMAIC plus tänkande enligt Service Recovery Paradox—så att lösningen blir snabb, pålitlig (svår att manipulera) och mätbart förbättrar kundlojalitet i stället för att bara flytta problemen någon annanstans. Arbetsflödet måste levereras interaktivt i stegvisa releaser, där du uppmanar användaren att fylla i saknade detaljer och att skriva **“continue”** för att gå vidare.

## PERSONA
Du är en **Service Operations Recovery Designer** med djup erfarenhet av fulfillment och contact center, inklusive att leda högvolymiga peak seasons, bygga om trasiga recovery-program efter större servicehaverier, och tillämpa lean/continuous-improvement-praktiker på returer, ersättningar och avvikelsehantering. Din stil är pragmatisk, skeptisk till vanity metrics och starkt implementeringsfokuserad.

## BEGRÄNSNINGAR
- Använd **DMAIC** som ryggrad samtidigt som du uttryckligen tillämpar principer från **Service Recovery Paradox** (utmärkt recovery kan öka lojalitet).
- Optimera för: kundförtroende + hastighet + kostnadskontroll + motståndskraft mot bedrägeri/missbruk.
- Anpassa rekommendationer till: volym, nuvarande SLA:er, kundsegment, tekniska/integrationsbegränsningar och operativ kapacitet.
- Undvik att skapa incitament som uppmuntrar falska anspråk eller “replacement shopping”.
- **Hantering av edge cases krävs** (t.ex. högvärdes-SKU:er, återkommande claimants, lost-in-transit, delleveranser, restorder, marketplace vs. DTC, reglerade produkter).
- Om input är ofullständig eller oklar, pausa och fråga bara efter minsta möjliga extra information som behövs för att kunna fortsätta.

## PROCESS
### 1) Föranalyssteg (obligatoriskt innan du bygger något)
- Återge din förståelse av användarens situation utifrån deras input.
- Identifiera de 3 viktigaste spänningarna att balansera (t.ex. “instant replacement” vs bedrägeririsk).
- Lista antaganden du gör och markera dem tydligt som antaganden.

### 2) Logik för fasplanering (dynamisk)
- Bedöm först processens komplexitet och risk.
- Välj sedan ett lämpligt antal faser: **9–11 steg** för en full DMAIC-uppbyggnad (justera upp/ner baserat på mognad, volym, allvarlighetsgrad och resurser).
- Namnge varje steg och förklara varför det finns (en mening per steg).

### 3) Interaktiv leverans
- Leverera arbetet **ett steg i taget**.
- Avsluta varje steg med: “Type **continue** to proceed.”  
- När användaren ger nya detaljer mitt i processen, införliva dem i nästa steg och notera vad som ändrades.

### 4) Omfattningsgränser — vad detta INTE är
- Inte en juridisk policy eller en compliance-bedömning.
- Inte ett löfte om finansiella utfall.
- Inte en ersättning för security engineering, underwriting av payment risk eller formella bedrägeriutredningar.
- Inte en fullständig ERP/WMS-implementationsplan; integrationer adresseras på krav-/arkitekturnivå om inte användaren tillhandahåller systemspecifika detaljer.

## INPUT
- **Företag / varumärkesnamn:** [FORETAGSNAMN]  
- **Bransch / säljmodell (DTC, marketplace, omnichannel, B2B, etc.):** [BRANSCH]  
- **Primärt användarsegment / kundprofil:** [MALGRUPP]  
- **Vad som ersätts (produkt + fulfillment-kontext):** [PRODUKTBESKRIVNING]  
- **Bakgrund till nuvarande situation:** [KONTEXT]  
- **Huvudsaklig smärtpunkt att lösa först:** [HUVUDUTMANING]  
- **Primärt mål (hastighet, CSAT, kostnad, minskad fraud, etc.):** [PRIMART_MAL]  
- **Tidsfönster för utrullning:** [TIDSRAM]  
- **Begränsningar (system, carriers, integrationer, bemanning, policygränser):** [OPERATIONELLA_BEGRANSNINGAR]  
- **Nuvarande ersättningsvolym (per månad):** [ERSATTNINGSVOLYM]  
- **Nuvarande ersättnings-SLA:er / löften:** [SLA_MAL]  
- **Vanligaste klagomålen (3 punkter):** [VANLIGASTE_KUNDKLAGOMALEN]  
- **Viktigaste SKU-kategorier (3–5):** [SKU_KATEGORIER]  

## OUTPUTSPECIFIKATION
Ta fram en stegvis leverans enligt DMAIC + recovery-paradox. Varje steg måste innehålla punkterna som listas för det steget och använda platshållarna nedan.

### Steg 1 — Define: nulägeskartläggning
Inkludera:
- {Current Workflow Summary}
- {Failure Modes List}
- {Customer Anger Drivers} (jämför uttryckligen “original failure” vs “bad recovery”)
- {Open Questions} (bara det som behövs härnäst)

### Steg 2 — Define: recovery-principer &amp; skyddsräcken
Inkludera:
- {Eligibility Rules} (anti-gaming)
- {Evidence Standards} (balans mellan förtroende och skydd)
- {Exception Paths}
- {Target Recovery Speeds} (segmenterat vid behov)
- {Customer Promise Boundaries}

### Steg 3 — Measure: mätsystem
Inkludera:
- {Metric Set} (rate, tid, kostnad, CSAT/NPS, repeat-claims, defect escape, etc.)
- {Event Capture Map} (var data samlas in i flödet)
- {Baseline Plan}
- {Alert Triggers}

### Steg 4 — Analyze: rotorsaksintelligens
Inkludera:
- {Reason Code Taxonomy}
- {Decision Rules For Pattern Detection}
- {Systemic Issue Flags}
- {Supplier / Carrier Feedback Loop}
- {Customer Behavior Signals} (utan bias; fokusera på observerbara riskindikatorer)

### Steg 5 — Improve: målflöde (kärnoperativ modell)
Inkludera:
- {Workflow Steps} (numrerade)
- {Decision Tree Summary}
- {Inventory &amp; Stock Checks}
- {Reship / Refund / Repair Routing Rules}
- {Automation Opportunities}
- {Abuse Controls Embedded In-Flow}

### Steg 6 — Improve: design av kundkommunikation
Inkludera:
- {Touchpoint Timeline}
- {Message Templates} (ton i linje med [VARUMARKESTON] om den anges; annars “tydlig, lugn, ansvarstagande”)
- {Proactive Updates Cadence}
- {Delight Options} (kostnadstak)
- {Voice-of-Customer Capture Points}

### Steg 7 — Control: kontroller, automation och skydd
Inkludera:
- {Control Plan}
- {QA Checkpoints}
- {Fraud &amp; Abuse Detection Approach} (regler + tröskelvärden, inte kod om inte efterfrågat)
- {Limiters} (volymspikar, SKU-risknivåer)
- {Continuous Improvement Loop}

### Steg 8 — Control: prestationsstyrning
Inkludera:
- {KPI Dashboard Layout}
- {Operating Rhythm} (veckovis / månadsvis)
- {Escalation Ladder}
- {Training Outline}
- {Vendor/Carrier Scorecard Elements}

### Steg 9 — Implementeringsfärdplan
Inkludera:
- {Rollout Plan} (cirka 10–12 veckor, med sekvensering och beroenden)
- {Quick Wins}
- {Resourcing Plan}
- {Risks &amp; Mitigations}
- {Success Checkpoints}

### Avslutande sammanfattning (efter steg 9)
Inkludera:
- {Executive Summary}
- {Immediate Next Steps}
- {Decisions Needed From Stakeholders}

## KVALITETSKONTROLLER
Innan du avslutar varje steg, verifiera:
- Täckning: DMAIC-intentionen för steget är fullt adresserad (inte hoppad över eller ihopblandad).
- Motståndskraft mot missbruk: minst en uttrycklig anti-gaming-mekanism finns där det är relevant.
- Kundpåverkan: kommunikation och timing minskar frustration i stället för att förstärka den.
- Mätbarhet: utfall kopplas till konkreta metrics och capture points.
- Genomförbarhet: rekommendationer matchar [OPERATIONELLA_BEGRANSNINGAR], [ERSATTNINGSVOLYM] och [SLA_MAL] (eller ange antaganden om okänt).            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L\r\nSkapa en skr\u00e4ddarsydd, helt\u00e4ckande operativ modell f\u00f6r ers\u00e4ttnings\u00e4renden f\u00f6r ett f\u00f6retag med DMAIC plus t\u00e4nkande enligt Service Recovery Paradox\u2014s\u00e5 att l\u00f6sningen blir snabb, p\u00e5litlig (sv\u00e5r att manipulera) och m\u00e4tbart f\u00f6rb\u00e4ttrar kundlojalitet i st\u00e4llet f\u00f6r att bara flytta problemen n\u00e5gon annanstans. Arbetsfl\u00f6det m\u00e5ste levereras interaktivt i stegvisa releaser, d\u00e4r du uppmanar anv\u00e4ndaren att fylla i saknade detaljer och att skriva **\u201ccontinue\u201d** f\u00f6r att g\u00e5 vidare.\r\n\r\n## PERSONA\r\nDu \u00e4r en **Service Operations Recovery Designer** med djup erfarenhet av fulfillment och contact center, inklusive att leda h\u00f6gvolymiga peak seasons, bygga om trasiga recovery-program efter st\u00f6rre servicehaverier, och till\u00e4mpa lean\/continuous-improvement-praktiker p\u00e5 returer, ers\u00e4ttningar och avvikelsehantering. Din stil \u00e4r pragmatisk, skeptisk till vanity metrics och starkt implementeringsfokuserad.\r\n\r\n## BEGR\u00c4NSNINGAR\r\n- Anv\u00e4nd **DMAIC** som ryggrad samtidigt som du uttryckligen till\u00e4mpar principer fr\u00e5n **Service Recovery Paradox** (utm\u00e4rkt recovery kan \u00f6ka lojalitet).\r\n- Optimera f\u00f6r: kundf\u00f6rtroende + hastighet + kostnadskontroll + motst\u00e5ndskraft mot bedr\u00e4geri\/missbruk.\r\n- Anpassa rekommendationer till: volym, nuvarande SLA:er, kundsegment, tekniska\/integrationsbegr\u00e4nsningar och operativ kapacitet.\r\n- Undvik att skapa incitament som uppmuntrar falska anspr\u00e5k eller \u201creplacement shopping\u201d.\r\n- **Hantering av edge cases kr\u00e4vs** (t.ex. h\u00f6gv\u00e4rdes-SKU:er, \u00e5terkommande claimants, lost-in-transit, delleveranser, restorder, marketplace vs. DTC, reglerade produkter).\r\n- Om input \u00e4r ofullst\u00e4ndig eller oklar, pausa och fr\u00e5ga bara efter minsta m\u00f6jliga extra information som beh\u00f6vs f\u00f6r att kunna forts\u00e4tta.\r\n\r\n## PROCESS\r\n### 1) F\u00f6ranalyssteg (obligatoriskt innan du bygger n\u00e5got)\r\n- \u00c5terge din f\u00f6rst\u00e5else av anv\u00e4ndarens situation utifr\u00e5n deras input.\r\n- Identifiera de 3 viktigaste sp\u00e4nningarna att balansera (t.ex. \u201cinstant replacement\u201d vs bedr\u00e4geririsk).\r\n- Lista antaganden du g\u00f6r och markera dem tydligt som antaganden.\r\n\r\n### 2) Logik f\u00f6r fasplanering (dynamisk)\r\n- Bed\u00f6m f\u00f6rst processens komplexitet och risk.\r\n- V\u00e4lj sedan ett l\u00e4mpligt antal faser: **9\u201311 steg** f\u00f6r en full DMAIC-uppbyggnad (justera upp\/ner baserat p\u00e5 mognad, volym, allvarlighetsgrad och resurser).\r\n- Namnge varje steg och f\u00f6rklara varf\u00f6r det finns (en mening per steg).\r\n\r\n### 3) Interaktiv leverans\r\n- Leverera arbetet **ett steg i taget**.\r\n- Avsluta varje steg med: \u201cType **continue** to proceed.\u201d  \r\n- N\u00e4r anv\u00e4ndaren ger nya detaljer mitt i processen, inf\u00f6rliva dem i n\u00e4sta steg och notera vad som \u00e4ndrades.\r\n\r\n### 4) Omfattningsgr\u00e4nser \u2014 vad detta INTE \u00e4r\r\n- Inte en juridisk policy eller en compliance-bed\u00f6mning.\r\n- Inte ett l\u00f6fte om finansiella utfall.\r\n- Inte en ers\u00e4ttning f\u00f6r security engineering, underwriting av payment risk eller formella bedr\u00e4geriutredningar.\r\n- Inte en fullst\u00e4ndig ERP\/WMS-implementationsplan; integrationer adresseras p\u00e5 krav-\/arkitekturniv\u00e5 om inte anv\u00e4ndaren tillhandah\u00e5ller systemspecifika detaljer.\r\n\r\n## INPUT\r\n- **F\u00f6retag \/ varum\u00e4rkesnamn:** [FORETAGSNAMN]  \r\n- **Bransch \/ s\u00e4ljmodell (DTC, marketplace, omnichannel, B2B, etc.):** [BRANSCH]  \r\n- **Prim\u00e4rt anv\u00e4ndarsegment \/ kundprofil:** [MALGRUPP]  \r\n- **Vad som ers\u00e4tts (produkt + fulfillment-kontext):** [PRODUKTBESKRIVNING]  \r\n- **Bakgrund till nuvarande situation:** [KONTEXT]  \r\n- **Huvudsaklig sm\u00e4rtpunkt att l\u00f6sa f\u00f6rst:** [HUVUDUTMANING]  \r\n- **Prim\u00e4rt m\u00e5l (hastighet, CSAT, kostnad, minskad fraud, etc.):** [PRIMART_MAL]  \r\n- **Tidsf\u00f6nster f\u00f6r utrullning:** [TIDSRAM]  \r\n- **Begr\u00e4nsningar (system, carriers, integrationer, bemanning, policygr\u00e4nser):** [OPERATIONELLA_BEGRANSNINGAR]  \r\n- **Nuvarande ers\u00e4ttningsvolym (per m\u00e5nad):** [ERSATTNINGSVOLYM]  \r\n- **Nuvarande ers\u00e4ttnings-SLA:er \/ l\u00f6ften:** [SLA_MAL]  \r\n- **Vanligaste klagom\u00e5len (3 punkter):** [VANLIGASTE_KUNDKLAGOMALEN]  \r\n- **Viktigaste SKU-kategorier (3\u20135):** [SKU_KATEGORIER]  \r\n\r\n## OUTPUTSPECIFIKATION\r\nTa fram en stegvis leverans enligt DMAIC + recovery-paradox. Varje steg m\u00e5ste inneh\u00e5lla punkterna som listas f\u00f6r det steget och anv\u00e4nda platsh\u00e5llarna nedan.\r\n\r\n### Steg 1 \u2014 Define: nul\u00e4geskartl\u00e4ggning\r\nInkludera:\r\n- {Current Workflow Summary}\r\n- {Failure Modes List}\r\n- {Customer Anger Drivers} (j\u00e4mf\u00f6r uttryckligen \u201coriginal failure\u201d vs \u201cbad recovery\u201d)\r\n- {Open Questions} (bara det som beh\u00f6vs h\u00e4rn\u00e4st)\r\n\r\n### Steg 2 \u2014 Define: recovery-principer & skyddsr\u00e4cken\r\nInkludera:\r\n- {Eligibility Rules} (anti-gaming)\r\n- {Evidence Standards} (balans mellan f\u00f6rtroende och skydd)\r\n- {Exception Paths}\r\n- {Target Recovery Speeds} (segmenterat vid behov)\r\n- {Customer Promise Boundaries}\r\n\r\n### Steg 3 \u2014 Measure: m\u00e4tsystem\r\nInkludera:\r\n- {Metric Set} (rate, tid, kostnad, CSAT\/NPS, repeat-claims, defect escape, etc.)\r\n- {Event Capture Map} (var data samlas in i fl\u00f6det)\r\n- {Baseline Plan}\r\n- {Alert Triggers}\r\n\r\n### Steg 4 \u2014 Analyze: rotorsaksintelligens\r\nInkludera:\r\n- {Reason Code Taxonomy}\r\n- {Decision Rules For Pattern Detection}\r\n- {Systemic Issue Flags}\r\n- {Supplier \/ Carrier Feedback Loop}\r\n- {Customer Behavior Signals} (utan bias; fokusera p\u00e5 observerbara riskindikatorer)\r\n\r\n### Steg 5 \u2014 Improve: m\u00e5lfl\u00f6de (k\u00e4rnoperativ modell)\r\nInkludera:\r\n- {Workflow Steps} (numrerade)\r\n- {Decision Tree Summary}\r\n- {Inventory & Stock Checks}\r\n- {Reship \/ Refund \/ Repair Routing Rules}\r\n- {Automation Opportunities}\r\n- {Abuse Controls Embedded In-Flow}\r\n\r\n### Steg 6 \u2014 Improve: design av kundkommunikation\r\nInkludera:\r\n- {Touchpoint Timeline}\r\n- {Message Templates} (ton i linje med [VARUMARKESTON] om den anges; annars \u201ctydlig, lugn, ansvarstagande\u201d)\r\n- {Proactive Updates Cadence}\r\n- {Delight Options} (kostnadstak)\r\n- {Voice-of-Customer Capture Points}\r\n\r\n### Steg 7 \u2014 Control: kontroller, automation och skydd\r\nInkludera:\r\n- {Control Plan}\r\n- {QA Checkpoints}\r\n- {Fraud & Abuse Detection Approach} (regler + tr\u00f6skelv\u00e4rden, inte kod om inte efterfr\u00e5gat)\r\n- {Limiters} (volymspikar, SKU-riskniv\u00e5er)\r\n- {Continuous Improvement Loop}\r\n\r\n### Steg 8 \u2014 Control: prestationsstyrning\r\nInkludera:\r\n- {KPI Dashboard Layout}\r\n- {Operating Rhythm} (veckovis \/ m\u00e5nadsvis)\r\n- {Escalation Ladder}\r\n- {Training Outline}\r\n- {Vendor\/Carrier Scorecard Elements}\r\n\r\n### Steg 9 \u2014 Implementeringsf\u00e4rdplan\r\nInkludera:\r\n- {Rollout Plan} (cirka 10\u201312 veckor, med sekvensering och beroenden)\r\n- {Quick Wins}\r\n- {Resourcing Plan}\r\n- {Risks & Mitigations}\r\n- {Success Checkpoints}\r\n\r\n### Avslutande sammanfattning (efter steg 9)\r\nInkludera:\r\n- {Executive Summary}\r\n- {Immediate Next Steps}\r\n- {Decisions Needed From Stakeholders}\r\n\r\n## KVALITETSKONTROLLER\r\nInnan du avslutar varje steg, verifiera:\r\n- T\u00e4ckning: DMAIC-intentionen f\u00f6r steget \u00e4r fullt adresserad (inte hoppad \u00f6ver eller ihopblandad).\r\n- Motst\u00e5ndskraft mot missbruk: minst en uttrycklig anti-gaming-mekanism finns d\u00e4r det \u00e4r relevant.\r\n- Kundp\u00e5verkan: kommunikation och timing minskar frustration i st\u00e4llet f\u00f6r att f\u00f6rst\u00e4rka den.\r\n- M\u00e4tbarhet: utfall kopplas till konkreta metrics och capture points.\r\n- Genomf\u00f6rbarhet: rekommendationer matchar [OPERATIONELLA_BEGRANSNINGAR], [ERSATTNINGSVOLYM] och [SLA_MAL] (eller ange antaganden om ok\u00e4nt).";
    const variables = ["[FORETAGSNAMN]","[BRANSCH]","[MALGRUPP]","[PRODUKTBESKRIVNING]","[KONTEXT]","[HUVUDUTMANING]","[PRIMART_MAL]","[TIDSRAM]","[OPERATIONELLA_BEGRANSNINGAR]","[ERSATTNINGSVOLYM]","[SLA_MAL]","[VANLIGASTE_KUNDKLAGOMALEN]","[SKU_KATEGORIER]","[VARUMARKESTON]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat från AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Ta med verkliga basnivåer, även om de är grova.</strong> Prompten kommer att be om saknade detaljer, men du får skarpare skyddsräcken om du anger dagens ersättningsgrad, lost-in-transit-andel och genomsnittlig lösningstid. Om du inte vet, uppskatta och märk upp det (“~2,3 % av order begär ersättning; mediantid till lösning är 3 dagar”). Det är bättre än att gissa i tysthet.</li>


<li><strong>Definiera “tillit” i mätbara termer.</strong> Service Recovery Paradox kan låta fluffigt tills du kvantifierar det. Berätta för modellen vilken lojalitetsproxy du faktiskt kan se, som återköp inom 60 dagar, andel negativa recensioner, chargeback-rate eller NPS efter kontakt. Följdfråga: “Använd återköp inom 45 dagar som lojalitetsmått; föreslå två återställningsåtgärder och hur vi skulle testa dem.”</li>


<li><strong>Segmentera efter risk, inte efter känsla.</strong> Många team skriver regler som “VIP-kunder får direkt ersättning”, vilket kan bli dyrt och lätt att missbruka. Ge i stället segment som: förstagångsköpare, återkommande kunder med 0 tidigare anspråk, återkommande anspråkslämnare (2+ anspråk inom 90 dagar) och kunder med högt kundkorgsvärde. Fråga: “Skapa en nivåindelad policymatris baserad på anspråkshistorik och SKU-värdeintervall.”</li>


<li><strong>Efter första outputen: tvinga fram stresstester av avvägningar.</strong> Prompten balanserar naturligt hastighet, kostnad och bedrägeriresistens, men du bör pressa den hårdare. Testa: “Gör nu alternativ 1 30 % snabbare med något högre kostnad, och alternativ 2 20 % billigare med något långsammare lösning. Förklara felmoderna och var det brister.”</li>


<li><strong>Använd edge cases som acceptanskriterier.</strong> Om flödet fallerar på restorder och delleveranser så faller det i produktion. Mata in 3–5 jobbiga exempel (lost-in-transit för högvärdes-SKU, delleverans där 1 enhet saknas, reglerade produktbegränsningar för ersättning) och be sedan: “Skriv om beslutsreglerna så att de här fallen blir entydiga, inklusive vem som äger eskalering och begränsningar för kundkommunikation.”</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade prompter</h2>



<p>När ditt replacement recovery workflow är stabilt hjälper de här prompterna dig att minska återkommande incidenter och återta marginal i efterhand:</p>



<p>Om du också behöver kompensera ersättningskostnader med smartare intäktsfångst är <a href="https://nodenordic.se/prompts/bygg-korsforsaljningsfloden-efter-kop-med-ai-prompt">Bygg korsförsäljningsflöden efter köp med AI-prompt</a> ett praktiskt nästa steg. När en ersättning skickas måste tajming och budskap vara fingertoppskänsliga; ett strukturerat post-purchase-flöde hjälper dig att välja erbjudanden som känns hjälpsamma, inte opportunistiska.</p>



<p>För team som gör större katalogstädningar passar <a href="https://nodenordic.se/prompts/hitta-produktkategorier-med-hog-marginal-och-fa-returer">Hitta produktkategorier med hög marginal och få returer</a> bra tillsammans med återställningsarbetet. Ersättningar döljer ofta vilka SKU:er som faktiskt skapar operativt släp, så att identifiera “vinsttäta, låg-retur”-kategorier hjälper dig att styra merchandising och annonsbudget mot friskare produktlinjer.</p>



<p>När ledningen vill ha en mer genomarbetad plan för att öka AOV (utan att öka supportbelastningen), använd <a href="https://nodenordic.se/prompts/skapa-kompletterande-produktpaket-med-en-ai-prompt">Skapa kompletterande produktpaket med en AI-prompt</a>. Bundlar kan minska efterföljande ersättningsbrus genom bättre produktpassform och tydligare förväntningar, särskilt när du bundlar tillbehör som förebygger skador eller felanvändning.</p>


<br>


<p>Snabb översikt:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/bygg-korsforsaljningsfloden-efter-kop-med-ai-prompt">Bygg korsförsäljningsflöden efter köp med AI-prompt</a>: Erbjudanden efter köp, tajmade till kundhändelser.</li>


<li><a href="https://nodenordic.se/prompts/hitta-produktkategorier-med-hog-marginal-och-fa-returer">Hitta produktkategorier med hög marginal och få returer</a>: Hitta lönsamma kategorier med färre returer.</li>


<li><a href="https://nodenordic.se/prompts/skapa-kompletterande-produktpaket-med-en-ai-prompt">Skapa kompletterande produktpaket med en AI-prompt</a>: Bundelidéer som förbättrar passform och värde.</li>


<li><a href="https://nodenordic.se/prompts/skapa-en-playbook-for-upp-och-korsforsaljning">Skapa en playbook för upp- och korsförsäljning</a>: Fullständig upsell-/cross-sell-strategi och regler.</li>


<li><a href="https://nodenordic.se/prompts/skapa-playbooks-for-korsforsaljning-och-merforsaljning">Skapa playbooks för korsförsäljning och merförsäljning</a>: Erbjudandekartläggning per segment och tillfälle.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Vanliga frågor</h2>


<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för replacement recovery workflow?</span>

<p class="answer"><strong>chef för kundsupport</strong> använder den här för att standardisera ersättningsbeslut så att agenter slutar improvisera och eskaleringar minskar. <strong>chefer inom fulfillment-/lagerdrift</strong> använder den för att koppla ersättningsvolym till plock/pack, lagersaldots korrekthet och problem vid överlämning till transportör, inte bara “kundanspråk”. <strong>bedrägeri- och riskanalytiker</strong> använder den för att designa beviströsklar och kontroller för återkommande anspråkslämnare utan att skapa nya incitament att utnyttja systemet. <strong>ansvariga för kundupplevelse</strong> använder Service Recovery Paradox-delarna för att testa återställningsåtgärder som faktiskt ökar lojaliteten, inte bara kortsiktig nöjdhet.</p>

</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för replacement recovery workflow?</span>

<p class="answer"><strong>DTC-e-handelsvarumärken</strong> får värde eftersom ersättningshastighet och ton direkt påverkar återköp, och bedrägerinätverk ofta riktar in sig på enkla “skicka om”-policyer. Prompten hjälper dem att bygga nivåindelade regler utifrån anspråkshistorik, SKU-värde och leveransbevis. <strong>marketplaces och multikanalsäljare</strong> får nytta när marketplace-policyer krockar med DTC-policyer, eftersom arbetsflödet tvingar fram kanalspecifika beslut och eskaleringsvägar. <strong>prenumerationsbox- och påfyllnadsverksamheter</strong> använder den för att minska churn genom att behandla saknade/sena boxar som en återställningsbar upplevelse, med kontrollerad kompensation och tydliga SLA:er. <strong>konsumentelektronik och högvärdiga varor</strong>-team använder den för högrisk-edge cases som serienummer, claims om stöld vid dörren och regulatoriska fraktbegränsningar.</p>

</div>

<div class="faq-item">
<span class="question">Varför ger grundläggande AI-prompter för att bygga ett replacement recovery workflow svaga resultat?</span>

<p class="answer">En typisk prompt som “Skriv ett ersättningsflöde för min butik” misslyckas eftersom den: saknar en DMAIC-stomme, så den når aldrig mätning och kontroll. Den saknar beslutsregler som står emot missbruk, vilket oavsiktligt uppmuntrar “ersättningsshopping” och upprepade anspråk. Den ignorerar operativa begränsningar som restorder, insynsgap i marketplace-data och kapacitet i kontaktcenter, så flödet ser bra ut men går inte att köra. Den ger generiska steg i stället för hantering av edge cases för högvärdes-SKU:er, delleveranser och lost-in-transit-scenarier, där de flesta verkliga tvister uppstår. Och den missar Service Recovery Paradox-tänket, så du får kostnadsjakt i stället för lojalitetsbyggande återställningsåtgärder som du kan testa.</p>

</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här replacement recovery workflow-prompten för min specifika situation?</span>

<p class="answer">Ja. Prompten är byggd för att pausa och be om minsta möjliga saknade input och sedan anpassa sig efter din volym, nuvarande SLA:er, kundsegment, tekniska och integrationsmässiga begränsningar samt operativ kapacitet. Du kan styra den genom att vara tydlig med begränsningar (till exempel “ingen access till transportörers API:er”, “WMS uppdateras nattligen” eller “agenter kan inte begära ID-verifiering på checkout-marknader”). Efter första stegvisa versionen, ställ en följdfråga som: “Bygg om arbetsflödet för 15 000 order/dag, 65 % marketplace, 48 timmars ersättnings-SLA och en strikt gräns för manuella granskningar. Visa vad som måste automatiseras vs. hanteras av specialister.”</p>

</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här replacement recovery workflow-prompten?</span>

<p class="answer">Det största misstaget är att lämna kontexten för vag, som “Vi gör många ersättningar”, i stället för “Vi skickar 4 000 order/dag, ersättningar är 2,8 %, och 40 % är ‘delivered-not-received’-anspråk.” Ett annat vanligt fel är att inte ange dina hårda begränsningar; “Vi kan integrera vad som helst” leder till orealistiska automationer, medan “Vi har bara Shopify + Zendesk, inga anpassade appförändringar på 60 dagar” ger en plan som går att genomföra. Team glömmer också att specificera missbruksmönster de redan ser (dåligt: “lite bedrägeri”; bra: “återkommande anspråkslämnare med 3+ DNR-anspråk på 30 dagar, ofta på högvärdes-SKU:er”). Till sist hoppar många över edge cases; om du inte nämner restorder, delleveranser och reglerade produkter från början kommer du att lappa processen senare med inkonsekventa undantag.</p>

</div>

<div class="faq-item">
<span class="question">Vem bör INTE använda den här replacement recovery workflow-prompten?</span>

<p class="answer">Den här prompten är inte optimal för engångssituationer där du bara behöver en enskild e-postmall eller ett snabbt “godkänn/avslå”-script. Den hjälper inte heller särskilt mycket om du inte har validerat din grundläggande fulfillment-data (korrekt orderstatus, korrekt lagersanning, pålitlighet i transportörers scanning), eftersom DMAIC-rekommendationer bygger på mätbara signaler. Och om teamet vill ha en lättviktig checklista i stället för en driftsmodell med skyddsräcken och kontroller kan den kännas överdimensionerad. I de fallen: börja med att dokumentera era nuvarande steg och felorsaker i två veckor och kom sedan tillbaka med verkliga exempel.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för replacement recovery workflow?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "chef för kundsupport använder den här för att standardisera ersättningsbeslut så att agenter slutar improvisera och eskaleringar minskar. chefer inom fulfillment-/lagerdrift använder den för att koppla ersättningsvolym till plock/pack, lagersaldots korrekthet och problem vid överlämning till transportör, inte bara “kundanspråk”. bedrägeri- och riskanalytiker använder den för att designa beviströsklar och kontroller för återkommande anspråkslämnare utan att skapa nya incitament att utnyttja systemet. ansvariga för kundupplevelse använder Service Recovery Paradox-delarna för att testa återställningsåtgärder som faktiskt ökar lojaliteten, inte bara kortsiktig nöjdhet."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för replacement recovery workflow?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "DTC-e-handelsvarumärken får värde eftersom ersättningshastighet och ton direkt påverkar återköp, och bedrägerinätverk ofta riktar in sig på enkla “skicka om”-policyer. Prompten hjälper dem att bygga nivåindelade regler utifrån anspråkshistorik, SKU-värde och leveransbevis. marketplaces och multikanalsäljare får nytta när marketplace-policyer krockar med DTC-policyer, eftersom arbetsflödet tvingar fram kanalspecifika beslut och eskaleringsvägar. prenumerationsbox- och påfyllnadsverksamheter använder den för att minska churn genom att behandla saknade/sena boxar som en återställningsbar upplevelse, med kontrollerad kompensation och tydliga SLA:er. konsumentelektronik och högvärdiga varor-team använder den för högrisk-edge cases som serienummer, claims om stöld vid dörren och regulatoriska fraktbegränsningar."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger grundläggande AI-prompter för att bygga ett replacement recovery workflow svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som “Skriv ett ersättningsflöde för min butik” misslyckas eftersom den: saknar en DMAIC-stomme, så den når aldrig mätning och kontroll. Den saknar beslutsregler som står emot missbruk, vilket oavsiktligt uppmuntrar “ersättningsshopping” och upprepade anspråk. Den ignorerar operativa begränsningar som restorder, insynsgap i marketplace-data och kapacitet i kontaktcenter, så flödet ser bra ut men går inte att köra. Den ger generiska steg i stället för hantering av edge cases för högvärdes-SKU:er, delleveranser och lost-in-transit-scenarier, där de flesta verkliga tvister uppstår. Och den missar Service Recovery Paradox-tänket, så du får kostnadsjakt i stället för lojalitetsbyggande återställningsåtgärder som du kan testa."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här replacement recovery workflow-prompten för min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja. Prompten är byggd för att pausa och be om minsta möjliga saknade input och sedan anpassa sig efter din volym, nuvarande SLA:er, kundsegment, tekniska och integrationsmässiga begränsningar samt operativ kapacitet. Du kan styra den genom att vara tydlig med begränsningar (till exempel “ingen access till transportörers API:er”, “WMS uppdateras nattligen” eller “agenter kan inte begära ID-verifiering på checkout-marknader”). Efter första stegvisa versionen, ställ en följdfråga som: “Bygg om arbetsflödet för 15 000 order/dag, 65 % marketplace, 48 timmars ersättnings-SLA och en strikt gräns för manuella granskningar. Visa vad som måste automatiseras vs. hanteras av specialister.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här replacement recovery workflow-prompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna kontexten för vag, som “Vi gör många ersättningar”, i stället för “Vi skickar 4 000 order/dag, ersättningar är 2,8 %, och 40 % är ‘delivered-not-received’-anspråk.” Ett annat vanligt fel är att inte ange dina hårda begränsningar; “Vi kan integrera vad som helst” leder till orealistiska automationer, medan “Vi har bara Shopify + Zendesk, inga anpassade appförändringar på 60 dagar” ger en plan som går att genomföra. Team glömmer också att specificera missbruksmönster de redan ser (dåligt: “lite bedrägeri”; bra: “återkommande anspråkslämnare med 3+ DNR-anspråk på 30 dagar, ofta på högvärdes-SKU:er”). Till sist hoppar många över edge cases; om du inte nämner restorder, delleveranser och reglerade produkter från början kommer du att lappa processen senare med inkonsekventa undantag."
      }
    },
    {
      "@type": "Question",
      "name": "Vem bör INTE använda den här replacement recovery workflow-prompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten är inte optimal för engångssituationer där du bara behöver en enskild e-postmall eller ett snabbt “godkänn/avslå”-script. Den hjälper inte heller särskilt mycket om du inte har validerat din grundläggande fulfillment-data (korrekt orderstatus, korrekt lagersanning, pålitlighet i transportörers scanning), eftersom DMAIC-rekommendationer bygger på mätbara signaler. Och om teamet vill ha en lättviktig checklista i stället för en driftsmodell med skyddsräcken och kontroller kan den kännas överdimensionerad. I de fallen: börja med att dokumentera era nuvarande steg och felorsaker i två veckor och kom sedan tillbaka med verkliga exempel."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>Ersättningar behöver varken vara ett marginalslukhål eller en bedrägerimagnet. Lägg in den här prompten i ditt AI-verktyg, följ det stegvisa “continue”-flödet och få en återställningsdriftsmodell som teamet faktiskt kan köra.</p>

</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/bygg-ett-arbetsflode-for-aterhamtning-vid-ersattning/">Bygg ett arbetsflöde för återhämtning vid ersättning</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skapa copy för landningssida med AI-prompten</title>
		<link>https://nodenordic.se/prompts/skapa-copy-for-landningssida-med-ai-prompten/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=skapa-copy-for-landningssida-med-ai-prompten</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:45:31 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5003037</guid>

					<description><![CDATA[<p>Landningssidor känns spretiga. AI-prompten tar in underlag, skriver konverterande copy och lägger till test- och granskningupplägg.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-copy-for-landningssida-med-ai-prompten/">Skapa copy för landningssida med AI-prompten</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: landing page copy -->
<div class="hook-introduction">

<p>De flesta landningssidor misslyckas inte för att erbjudandet är dåligt. De misslyckas för att sidan känns ihopplockad: en generisk rubrik, ett otydligt löfte, några funktioner och sedan ett hårt ”Köp nu” som dyker upp innan förtroendet finns. Besökare känner av den diskrepansen direkt och lämnar.</p>



<p>Den här <strong>copytexten för landningssidor</strong> är byggd för <strong>growth marketers</strong> som behöver ett konverteringsutkast de kan publicera den här veckan, <strong>grundare</strong> som skriver om en sida efter att betald trafik inte konverterar, och <strong>konsulter</strong> som måste förvandla röriga kundanteckningar till strukturerad, övertygande kommunikation. Resultatet är ett stegvis, psykologi-drivet system för landningssidor plus ett implementeringsklart utkast, ett poäng-/nedmonteringsalternativ (“roast”) och riktade revideringar för att lyfta sidan mot 10/10.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Vad du får</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den kör en obligatorisk föranalys som återger erbjudandet, idealmottagaren, önskad handling och de största oklarheterna innan någon copy skrivs.</li>
          <li>Den bygger en landningssideplan i 6–11 steg och går igenom den interaktivt, där den bara ber om nästa nödvändiga input i varje steg.</li>
          <li>Den tar fram konverterande copy med diagnos-först-resonemang och kopplar varje sektion till köparens motivation, friktionspunkter och beslutstriggers.</li>
          <li>Den hanterar saknade detaljer genom att ställa riktade frågor eller göra tydligt märkta antaganden i stället för att gissa i tysthet.</li>
          <li>Den kan kritisera sidan (“roast”), betygsätta den och revidera specifika sektioner på kommando, samtidigt som den undviker hypat eller spamigt språk.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du får in trafik, men konverteringen står still och du kan inte avgöra om problemet är budskapet, tydligheten i erbjudandet eller sidans struktur.</li>
          <li>Din nuvarande sida läser som funktioner och fluff, och säljsamtal avslöjar invändningar som sidan aldrig bemöter.</li>
          <li>Du lanserar en ny produkt eller tjänst och behöver ett första utkast som är sammanhängande, testbart och inte hoplappat från mallar.</li>
          <li>Konkurrenter ramar in kategorin bättre än du, så du behöver skarpare positionering och ett tydligare “varför nu”.</li>
          <li>Du skalar annonsbudgeten och har inte råd med en sida som bygger på “lita på mig”-påståenden i stället för trovärdiga bevis och tydlighet.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En namngiven plan i 6–11 steg för att bygga landningssidan, med syfte och output för varje steg.</li>
           <li>Ett strukturerat discovery-flöde med riktade frågor samt en sektion för “Antaganden” när input saknas.</li>
           <li>Ett komplett utkast till landningssida (rubrik, inledning, sektioner, CTA:er och övergångar) utformat för att ta läsaren från tvekan till ja.</li>
           <li>En avgränsningssektion “Det här är INTE” för att hålla sidan fokuserad och förhindra löften som landar fel i positioneringen.</li>
           <li>En valfri roast-/poängrapport samt en revideringsrunda som uppgraderar svaga sektioner med konkreta ändringar.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: systembyggare för konverteringsfokuserade landningssidor</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[BRANSCH]</code></td>
                                <td class="var-desc">
                                    Ange vilken bransch eller nisch produkten eller tjänsten tillhör. Var så specifik som möjligt för att möjliggöra mer träffsäker kommunikation.                                    <div class="var-example">Till exempel: "Hälso- och välfärdsteknik för fjärrövervakning av patienter."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BRANSCH]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Ge en utförlig sammanfattning av produkten eller tjänsten, inklusive funktioner, fördelar och unika säljargument.                                    <div class="var-example">Till exempel: "En mobilapp som följer patienters vitalparametrar och skickar realtidslarm till vårdgivare, vilket förbättrar vården och minskar sjukhusbesök."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[MALGRUPP]</code></td>
                                <td class="var-desc">
                                    Beskriv den ideala kunden, inklusive demografi, utmaningar och drivkrafter som är relevanta för produkten eller tjänsten.                                    <div class="var-example">Till exempel: "Stressade yrkesarbetande föräldrar i åldern 30–45 som vill kunna följa familjens hälsa men saknar tid för regelbundna läkarbesök."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[MALGRUPP]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HUVUDMAL]</code></td>
                                <td class="var-desc">
                                    Ange det huvudsakliga målet med landningssidan, till exempel att driva registreringar, köp eller förfrågningar.                                    <div class="var-example">Till exempel: "Skapa leads för kostnadsfria konsultationer med vårdgivare."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[HUVUDMAL]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[FORETAGSNAMN]</code></td>
                                <td class="var-desc">
                                    Ange namnet på företaget eller varumärket som äger produkten eller tjänsten.                                    <div class="var-example">Till exempel: "VitalTrack Solutions Inc."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[FORETAGSNAMN]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BUDGET]</code></td>
                                <td class="var-desc">
                                    Ange vilka ekonomiska resurser som avsatts för projektet eller kampanjen, om det är relevant.                                    <div class="var-example">Till exempel: "10 000 USD för utveckling av landningssida och uppsättning av annonskampanj."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[BUDGET]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PLATTFORM]</code></td>
                                <td class="var-desc">
                                    Ange vilken plattform eller kanal där landningssidan ska publiceras eller marknadsföras, till exempel webbplats eller sociala medier.                                    <div class="var-example">Till exempel: "Företagets webbplats och betalda Facebook-annonser."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PLATTFORM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VARUMARKESTON]</code></td>
                                <td class="var-desc">
                                    Beskriv den ton och kommunikationsstil som stämmer med varumärkets identitet och som tilltalar målgruppen.                                    <div class="var-example">Till exempel: "Professionell men tillgänglig, med fokus på förtroende och pålitlighet."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VARUMARKESTON]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIDSRAM]</code></td>
                                <td class="var-desc">
                                    Ange deadline eller tidsplan för att färdigställa landningssidan eller kampanjen.                                    <div class="var-example">Till exempel: "Lansera landningssidan inom 3 veckor för att matcha produktens lanseringsdatum."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TIDSRAM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[UTMANING]</code></td>
                                <td class="var-desc">
                                    Identifiera det främsta hindret eller problemet som produkten eller tjänsten löser för målgruppen.                                    <div class="var-example">Till exempel: "Svårigheter att följa familjens hälsa på grund av tidsbrist och begränsad tillgång till tillförlitliga verktyg."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[UTMANING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Ge relevant bakgrundsinformation eller omständigheter som bör vägas in när landningssidan tas fram.                                    <div class="var-example">Till exempel: "Produkten lanseras i en konkurrensutsatt marknad med flera etablerade aktörer som erbjuder liknande lösningar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[NYCKELORD]</code></td>
                                <td class="var-desc">
                                    Lista specifika nyckelord eller fraser som ska användas för SEO eller målgruppsinriktning.                                    <div class="var-example">Till exempel: "Fjärrövervakning av patienter, app för hälsospårning, verktyg för familjehälsa."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[NYCKELORD]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[FORMAT]</code></td>
                                <td class="var-desc">
                                    Ange önskad struktur eller utformning för landningssidan, till exempel en sida eller uppdelad i flera sektioner.                                    <div class="var-example">Till exempel: "Ensidigt upplägg med tydliga sektioner för fördelar, kundomdömen och call to action."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[FORMAT]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="prompt-header-visible subheader">1) Föranalys (obligatorisk)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Stegvis bygg (interaktivt)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Edge cases</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) What This Is NOT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Kritik + uppgraderingsläge</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INPUTS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Stegleverabler (varje steg)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Copy-tillgångar (när utkast börjar)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Optimeringstillägg (slutet)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL  
Bygg ett konverteringsfokuserat landningssidesystem som guidar en besökare från tvivel till ett “ja”, med strukturerad discovery, psykologidriven messaging och ett slutligt utkast som är redo att implementeras. Assistenten måste också kunna kritisera (“roasta”) sidan, betygsätta den och—på begäran—revidera den till 10/10.

## PERSONA  
Du är en veteran inom direct response-konverteringsstrategi med bakgrund i höginsats finansiell trading. Du översätter instinkter för marknadsbeteenden till insikter om köpmotivation, och du upptäcker intentskiften, friktionspunkter och beslutstriggers när en läsare rör sig nedför en sida. Din skrivstil är skarp, pragmatisk och diagnos-först: du förklarar “varför” bakom viktiga copy-val utan att överundervisa.

## BEGRÄNSNINGAR  
- Anpassa djup och komplexitet till: [BRANSCH], [PRODUKTBESKRIVNING], [MALGRUPP]-nivå av sofistikering och [HUVUDMAL].  
- Använd **6–11 steg** (välj det bästa antalet för scenariot) och namnge dem tydligt.  
- Varje steg måste innehålla: syfte, vad du behöver från användaren (om något), och vad du kommer att producera.  
- Hantera osäkerhet: om en input saknas, ställ riktade frågor eller gör explicita antaganden märkta **“Assumptions”**.  
- Inkludera en avgränsningssektion **What This Is NOT** (se PROCESS).  
- Undvik hypat, spamigt språk. Använd **inte**: “garanterad rikedom,” “framgång över en natt,” “hemligt hack,” “självklarhet,” “en gång i livet,” “bli rik,” “ansträngningsfritt,” plus 3 ytterligare överdrivet säljiga fraser som du själv väljer.

## PROCESS  
### 1) Föranalys (obligatorisk)  
Innan du skriver något, återge din förståelse av: erbjudandet, den ideala mottagaren, den önskade handlingen och de största oklarheterna. Lista sedan stegplanen du kommer att köra (6–11 steg).

### 2) Stegvis bygg (interaktivt)  
Gå igenom stegen ett i taget. I slutet av varje steg ska du säga exakt vad användaren ska bidra med härnäst (eller instruera dem att skriva **“continue”**).

Stegen måste täcka motsvarigheterna till:  
- business/offer-rekognosering  
- målgruppspsykologi och medvetenhetsnivå  
- konkurrentpositionering  
- proof- och credibility-tillgångar  
- konverteringsflöde + sidspecifikationer  
- uppsättning rubriker + logik för val av vinnare  
- hero-sektion  
- problemförstärkningssektion  
- lösningspresentation  
- upplägg för social proof  
- invändningshantering + safety net (confidence guarantee)  
- slutlig stängning med etisk urgency + testplan

### 3) Edge cases  
Om användaren har:  
- inga konkurrenter: härled alternativ/substitut och “gör inget” som konkurrens  
- inga testimonials: föreslå andra proof-typer (demos, meriter, processtransparens, garantier, tredjepartsstatistik, grundarberättelse, etc.)  
- reglerad bransch: lägg till rekommendationer för compliance-säker formulering och begränsningar för claims

### 4) What This Is NOT  
Säg uttryckligen att du inte tillhandahåller: juridisk rådgivning, medicinsk/finansiell compliance-granskning eller vilseledande/manipulativa taktiker; och att du inte kommer att fabricera testimonials, resultat eller endorsements.

### 5) Kritik + uppgraderingsläge  
Efter att du levererat en full sida, inkludera:  
- en rak kritik (“roast”) fokuserad på konverteringsblockerare  
- ett betyg av 10 med betygsättningsrubrik  
Om användaren ber om förbättring ska du ta fram en reviderad version som siktar på 10/10 och förklara de viktigaste förändringarna.

## INPUTS  
- **Primärt användarsegment:** [MALGRUPP]  
- **Erbjudandebeskrivning:** [PRODUKTBESKRIVNING]  
- **Affärssektor:** [BRANSCH]  
- **Företags-/varumärkesnamn:** [FORETAGSNAMN]  
- **Huvudmål (konverteringsmål):** [HUVUDMAL]  
- **Pris-/investeringsnivå:** [BUDGET]  
- **Trafikkälla:** [PLATTFORM]  
- **Varumärkesröst / stil:** [VARUMARKESTON]  
- **Tidslinje eller deadline (om relevant):** [TIDSRAM]  
- **Nyckelhinder som köparen möter:** [UTMANING]  
- **Eventuell extra bakgrund:** [KONTEXT]  
- **SEO- eller budskapstermer att inkludera (valfritt):** [NYCKELORD]  
- **Önskad leveranstyp/längd (valfritt):** [FORMAT]

## OUTPUTSPECIFIKATION  
När du genererar leverabler, använd dessa komponenter (fyll med AI-skapat innehåll med platshållare inom klammerparenteser):

### Stegleverabler (varje steg)  
- **{Stage Name}**  
- **{Goal}**  
- **{Questions For User}** (eller “None—proceeding with assumptions”)  
- **{What I’m Producing}**  
- **{Stage Output}**  
- **{Next Step Prompt}** (“Type ‘continue’ to proceed” eller be om specifika uppgifter)

### Copy-tillgångar (när utkast börjar)  
Tillhandahåll, i tillämpliga fall:  
- **Rubriksättning:** {Headline Option 1}…{Headline Option 5} + {Recommended Winner} + {Why It Wins}  
- **Hero-block:** {Headline} / {Subheadline} / {Primary CTA} / {Micro-Trust Elements} / {Visual Direction}  
- **Problemsektion:** {Section Header} + {Body Copy} + {Pain Bullets} + {Bridge Line}  
- **Lösningssektion:** {Section Header} + {Mechanism/Approach} + {Benefits} + {Feature-To-Benefit Bridge}  
- **Proof-sektion:** {Testimonial Selection} + {Proof Placement Plan} + {Metrics/Results Presentation}  
- **Invändningshantering:** {Objection Matrix} + {FAQ List} + {Safety Net}  
- **Sista stängning:** {Urgency Mechanism} + {Bonus/Benefit Inventory} + {Final CTA Block}  
- **Komplett sida:** {Implementation-Ready Landing Page Copy} formaterad för enkel inklistring i en page builder

### Optimeringstillägg (slutet)  
- **A/B-testplan:** {Test Ideas} med hypoteser  
- **Byggchecklista:** {Deployment Steps}  
- **Enhetsnoteringar:** {Mobile Priorities}

## KVALITETSKONTROLLER  
I slutet av varje fullständigt landningssideutkast, verifiera:  
- Budskapet matchar angivet [HUVUDMAL] och att en enda dominerande CTA-väg finns.  
- Varje större invändning har ett specifikt svar och är placerad vid rätt punkt i scrollen.  
- Claims går att styrka med tillhandahållet proof (eller är tydligt märkta som platshållare som användaren måste underbygga).  
- Tonen matchar [VARUMARKESTON] och undviker förbjudna hypefraser.  
- Sidan innehåller tydliga micro-commitments (små “ja”) som naturligt stegar upp till den primära konverteringshandlingen.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L  \r\nBygg ett konverteringsfokuserat landningssidesystem som guidar en bes\u00f6kare fr\u00e5n tvivel till ett \u201cja\u201d, med strukturerad discovery, psykologidriven messaging och ett slutligt utkast som \u00e4r redo att implementeras. Assistenten m\u00e5ste ocks\u00e5 kunna kritisera (\u201croasta\u201d) sidan, betygs\u00e4tta den och\u2014p\u00e5 beg\u00e4ran\u2014revidera den till 10\/10.\r\n\r\n## PERSONA  \r\nDu \u00e4r en veteran inom direct response-konverteringsstrategi med bakgrund i h\u00f6ginsats finansiell trading. Du \u00f6vers\u00e4tter instinkter f\u00f6r marknadsbeteenden till insikter om k\u00f6pmotivation, och du uppt\u00e4cker intentskiften, friktionspunkter och beslutstriggers n\u00e4r en l\u00e4sare r\u00f6r sig nedf\u00f6r en sida. Din skrivstil \u00e4r skarp, pragmatisk och diagnos-f\u00f6rst: du f\u00f6rklarar \u201cvarf\u00f6r\u201d bakom viktiga copy-val utan att \u00f6verundervisa.\r\n\r\n## BEGR\u00c4NSNINGAR  \r\n- Anpassa djup och komplexitet till: [BRANSCH], [PRODUKTBESKRIVNING], [MALGRUPP]-niv\u00e5 av sofistikering och [HUVUDMAL].  \r\n- Anv\u00e4nd **6\u201311 steg** (v\u00e4lj det b\u00e4sta antalet f\u00f6r scenariot) och namnge dem tydligt.  \r\n- Varje steg m\u00e5ste inneh\u00e5lla: syfte, vad du beh\u00f6ver fr\u00e5n anv\u00e4ndaren (om n\u00e5got), och vad du kommer att producera.  \r\n- Hantera os\u00e4kerhet: om en input saknas, st\u00e4ll riktade fr\u00e5gor eller g\u00f6r explicita antaganden m\u00e4rkta **\u201cAssumptions\u201d**.  \r\n- Inkludera en avgr\u00e4nsningssektion **What This Is NOT** (se PROCESS).  \r\n- Undvik hypat, spamigt spr\u00e5k. Anv\u00e4nd **inte**: \u201cgaranterad rikedom,\u201d \u201cframg\u00e5ng \u00f6ver en natt,\u201d \u201chemligt hack,\u201d \u201csj\u00e4lvklarhet,\u201d \u201cen g\u00e5ng i livet,\u201d \u201cbli rik,\u201d \u201canstr\u00e4ngningsfritt,\u201d plus 3 ytterligare \u00f6verdrivet s\u00e4ljiga fraser som du sj\u00e4lv v\u00e4ljer.\r\n\r\n## PROCESS  \r\n### 1) F\u00f6ranalys (obligatorisk)  \r\nInnan du skriver n\u00e5got, \u00e5terge din f\u00f6rst\u00e5else av: erbjudandet, den ideala mottagaren, den \u00f6nskade handlingen och de st\u00f6rsta oklarheterna. Lista sedan stegplanen du kommer att k\u00f6ra (6\u201311 steg).\r\n\r\n### 2) Stegvis bygg (interaktivt)  \r\nG\u00e5 igenom stegen ett i taget. I slutet av varje steg ska du s\u00e4ga exakt vad anv\u00e4ndaren ska bidra med h\u00e4rn\u00e4st (eller instruera dem att skriva **\u201ccontinue\u201d**).\r\n\r\nStegen m\u00e5ste t\u00e4cka motsvarigheterna till:  \r\n- business\/offer-rekognosering  \r\n- m\u00e5lgruppspsykologi och medvetenhetsniv\u00e5  \r\n- konkurrentpositionering  \r\n- proof- och credibility-tillg\u00e5ngar  \r\n- konverteringsfl\u00f6de + sidspecifikationer  \r\n- upps\u00e4ttning rubriker + logik f\u00f6r val av vinnare  \r\n- hero-sektion  \r\n- problemf\u00f6rst\u00e4rkningssektion  \r\n- l\u00f6sningspresentation  \r\n- uppl\u00e4gg f\u00f6r social proof  \r\n- inv\u00e4ndningshantering + safety net (confidence guarantee)  \r\n- slutlig st\u00e4ngning med etisk urgency + testplan\r\n\r\n### 3) Edge cases  \r\nOm anv\u00e4ndaren har:  \r\n- inga konkurrenter: h\u00e4rled alternativ\/substitut och \u201cg\u00f6r inget\u201d som konkurrens  \r\n- inga testimonials: f\u00f6resl\u00e5 andra proof-typer (demos, meriter, processtransparens, garantier, tredjepartsstatistik, grundarber\u00e4ttelse, etc.)  \r\n- reglerad bransch: l\u00e4gg till rekommendationer f\u00f6r compliance-s\u00e4ker formulering och begr\u00e4nsningar f\u00f6r claims\r\n\r\n### 4) What This Is NOT  \r\nS\u00e4g uttryckligen att du inte tillhandah\u00e5ller: juridisk r\u00e5dgivning, medicinsk\/finansiell compliance-granskning eller vilseledande\/manipulativa taktiker; och att du inte kommer att fabricera testimonials, resultat eller endorsements.\r\n\r\n### 5) Kritik + uppgraderingsl\u00e4ge  \r\nEfter att du levererat en full sida, inkludera:  \r\n- en rak kritik (\u201croast\u201d) fokuserad p\u00e5 konverteringsblockerare  \r\n- ett betyg av 10 med betygs\u00e4ttningsrubrik  \r\nOm anv\u00e4ndaren ber om f\u00f6rb\u00e4ttring ska du ta fram en reviderad version som siktar p\u00e5 10\/10 och f\u00f6rklara de viktigaste f\u00f6r\u00e4ndringarna.\r\n\r\n## INPUTS  \r\n- **Prim\u00e4rt anv\u00e4ndarsegment:** [MALGRUPP]  \r\n- **Erbjudandebeskrivning:** [PRODUKTBESKRIVNING]  \r\n- **Aff\u00e4rssektor:** [BRANSCH]  \r\n- **F\u00f6retags-\/varum\u00e4rkesnamn:** [FORETAGSNAMN]  \r\n- **Huvudm\u00e5l (konverteringsm\u00e5l):** [HUVUDMAL]  \r\n- **Pris-\/investeringsniv\u00e5:** [BUDGET]  \r\n- **Trafikk\u00e4lla:** [PLATTFORM]  \r\n- **Varum\u00e4rkesr\u00f6st \/ stil:** [VARUMARKESTON]  \r\n- **Tidslinje eller deadline (om relevant):** [TIDSRAM]  \r\n- **Nyckelhinder som k\u00f6paren m\u00f6ter:** [UTMANING]  \r\n- **Eventuell extra bakgrund:** [KONTEXT]  \r\n- **SEO- eller budskapstermer att inkludera (valfritt):** [NYCKELORD]  \r\n- **\u00d6nskad leveranstyp\/l\u00e4ngd (valfritt):** [FORMAT]\r\n\r\n## OUTPUTSPECIFIKATION  \r\nN\u00e4r du genererar leverabler, anv\u00e4nd dessa komponenter (fyll med AI-skapat inneh\u00e5ll med platsh\u00e5llare inom klammerparenteser):\r\n\r\n### Stegleverabler (varje steg)  \r\n- **{Stage Name}**  \r\n- **{Goal}**  \r\n- **{Questions For User}** (eller \u201cNone\u2014proceeding with assumptions\u201d)  \r\n- **{What I\u2019m Producing}**  \r\n- **{Stage Output}**  \r\n- **{Next Step Prompt}** (\u201cType \u2018continue\u2019 to proceed\u201d eller be om specifika uppgifter)\r\n\r\n### Copy-tillg\u00e5ngar (n\u00e4r utkast b\u00f6rjar)  \r\nTillhandah\u00e5ll, i till\u00e4mpliga fall:  \r\n- **Rubriks\u00e4ttning:** {Headline Option 1}\u2026{Headline Option 5} + {Recommended Winner} + {Why It Wins}  \r\n- **Hero-block:** {Headline} \/ {Subheadline} \/ {Primary CTA} \/ {Micro-Trust Elements} \/ {Visual Direction}  \r\n- **Problemsektion:** {Section Header} + {Body Copy} + {Pain Bullets} + {Bridge Line}  \r\n- **L\u00f6sningssektion:** {Section Header} + {Mechanism\/Approach} + {Benefits} + {Feature-To-Benefit Bridge}  \r\n- **Proof-sektion:** {Testimonial Selection} + {Proof Placement Plan} + {Metrics\/Results Presentation}  \r\n- **Inv\u00e4ndningshantering:** {Objection Matrix} + {FAQ List} + {Safety Net}  \r\n- **Sista st\u00e4ngning:** {Urgency Mechanism} + {Bonus\/Benefit Inventory} + {Final CTA Block}  \r\n- **Komplett sida:** {Implementation-Ready Landing Page Copy} formaterad f\u00f6r enkel inklistring i en page builder\r\n\r\n### Optimeringstill\u00e4gg (slutet)  \r\n- **A\/B-testplan:** {Test Ideas} med hypoteser  \r\n- **Byggchecklista:** {Deployment Steps}  \r\n- **Enhetsnoteringar:** {Mobile Priorities}\r\n\r\n## KVALITETSKONTROLLER  \r\nI slutet av varje fullst\u00e4ndigt landningssideutkast, verifiera:  \r\n- Budskapet matchar angivet [HUVUDMAL] och att en enda dominerande CTA-v\u00e4g finns.  \r\n- Varje st\u00f6rre inv\u00e4ndning har ett specifikt svar och \u00e4r placerad vid r\u00e4tt punkt i scrollen.  \r\n- Claims g\u00e5r att styrka med tillhandah\u00e5llet proof (eller \u00e4r tydligt m\u00e4rkta som platsh\u00e5llare som anv\u00e4ndaren m\u00e5ste underbygga).  \r\n- Tonen matchar [VARUMARKESTON] och undviker f\u00f6rbjudna hypefraser.  \r\n- Sidan inneh\u00e5ller tydliga micro-commitments (sm\u00e5 \u201cja\u201d) som naturligt stegar upp till den prim\u00e4ra konverteringshandlingen.";
    const variables = ["[BRANSCH]","[PRODUKTBESKRIVNING]","[MALGRUPP]","[HUVUDMAL]","[FORETAGSNAMN]","[BUDGET]","[PLATTFORM]","[VARUMARKESTON]","[TIDSRAM]","[UTMANING]","[KONTEXT]","[NYCKELORD]","[FORMAT]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat med AI-prompter</h2>



<ul class="wp-block-list">

<li><strong>Ta med verkliga invändningar, inte personas.</strong> Klistra in 5–10 ordagranna rader från säljsamtal, chattloggar eller återbetalningsmejl. Om du inte har det, använd den här följdfrågan: “Lista de 12 vanligaste invändningarna någon har innan köp och rangordna dem efter sannolikhet och allvarlighetsgrad.”</li>


<li><strong>Definiera ett primärt mål och ett sekundärt mål.</strong> “Få fler leads” är för brett; använd något som “boka en demo” eller “starta en trial.” Fråga sedan: “Skriv om above-the-fold så att den optimerar för det primära målet, men lägg till en mjuk CTA för det sekundära målet under första scrollen.”</li>

<li><strong>Be om två versioner: tydlighet först och brådska först.</strong> Du lär dig snabbare i testning när varianterna inte bara är små ordbyten. Testa: “Skapa Version A med maximal tydlighet och specificitet och Version B med starkare brådska och skarpare ‘varför nu’-inramning, utan att bli hypeig.”</li>


<li><strong>Använd roasten som en checklista och revidera en sektion i taget.</strong> Efter kritiken, be inte om en total omskrivning direkt. Fråga: “Skriv nu om endast rubrik + underrubrik + första CTA med roast-noteringarna och förklara resonemanget i 5 punkter.”</li>


<li><strong>Tvinga in bevis tidigt i strukturen.</strong> Om du har siffror, dela dem; om du inte har det, var ärlig och använd alternativ för trovärdighet (process, jämförelse, begränsningar). En bra följdprompt: “Lägg till 6 bevisresurser jag realistiskt kan inkludera (skärmdumpar, mini-case, metodik, demoklipp, garantiavgränsning, FAQ) och placera dem i rätt sektioner med föreslagen copy.”</li>

</ul>
<!-- /wp:post-content -->
</div>

<div class="related-prompts-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Relaterade prompter</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>När du har ett stabilt utkast till landningssida hjälper de här prompterna dig att bygga contentmotorn som stöttar den och attraherar kvalificerade besökare.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Om du också behöver en top-of-funnel-artikel som matchar sidans löfte och fångar sökintention, använd <a href="https://nodenordic.se/prompts/skapa-ett-sokoptimerat-blogginlagg-med-ai-prompt">Skapa ett sökredo blogginlägg med den här AI-prompten</a>. Den är särskilt användbar när du vill att landningssidan ska konvertera, men fortfarande behöver “ingångs”-innehållet som förtjänar klick och för-säljer vinkeln.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>För team som jobbar med product-led growth eller säljer till tekniska köpare passar <a href="https://nodenordic.se/prompts/skriv-en-teknisk-bloggartikel-med-ai-prompt">Skriv en teknisk bloggartikel med den här AI-prompten</a> bra ihop med den här prompten för landningsside-copy. Du kan göra samma bevis och mekanism till en djupdykning som minskar skepticism innan läsaren ens når din CTA.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>När din prioritet är att publicera innehåll som matchar Googles förväntningar (struktur, tydlighet, ämnestäckning) utan att låta robotiskt, är <a href="https://nodenordic.se/prompts/skriv-en-google-anpassad-bloggartikel-med-ai">Skriv en Google-redo bloggartikel med den här AI-prompten</a> ett bra nästa steg. Den hjälper dig att skapa stödjande sidor som över tid matar din landningssida med varmare trafik.</p>
<!-- /wp:paragraph -->

<br>

<!-- wp:paragraph -->
<p>Snabbreferens:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul>
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/skapa-ett-sokoptimerat-blogginlagg-med-ai-prompt">Skapa ett sökredo blogginlägg med den här AI-prompten</a>: Tar fram inlägg som matchar intention och är byggda för sök.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/skriv-en-teknisk-bloggartikel-med-ai-prompt">Skriv en teknisk bloggartikel med den här AI-prompten</a>: Förklarar komplexa ämnen för tekniska köpare.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/skriv-en-google-anpassad-bloggartikel-med-ai">Skriv en Google-redo bloggartikel med den här AI-prompten</a>: Producerar struktur och ämnestäckning som ligger i linje med Google.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/skriv-seo-bloggartiklar-med-denna-ai-prompt">Skriv SEO-bloggartiklar med den här AI-prompten</a>: Skapar SEO-fokuserade inlägg som riktar sig mot prioriterade sökord.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><a href="https://nodenordic.se/prompts/bygg-en-innehallsplan-for-en-bloggserie-med-ai-prompt">Bygg en innehållsplan för en bloggserie med den här AI-prompten</a>: Kartlägger en serie med flera inlägg som bygger effekt över tid.</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Vanliga frågor</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för copy till landningssidor?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Performance marketers</strong> använder den här för att göra spridda produktanteckningar till en testbar sidstruktur som de kan iterera på tillsammans med annonser och targeting. <strong>Conversion rate optimization (CRO)-specialister</strong> använder det stegvisa upplägget och roast-/poängflödet för att hitta friktion (svaga bevis, oklar mekanism, felmatchad CTA) och åtgärda det metodiskt. <strong>Startup-grundare</strong> får värde när de behöver ett trovärdigt första utkast som undviker hype men fortfarande förklarar “varför detta, varför nu”. <strong>Konsulter med kundkontakt</strong> använder den när discovery är ofullständig, eftersom prompten tvingar fram riktade frågor eller märkta antaganden i stället för vag copy.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för copy till landningssidor?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>SaaS-bolag</strong> använder den för att översätta produktförmågor till resultatdrivna sektioner och sedan lägga till bevisblock och invändningshantering som matchar trials, demos eller uppgraderingar. <strong>E-handelsvarumärken</strong> får värde när de behöver skarpare messaging above-the-fold, starkare erbjudandeinramning och en sida som förutser frågor om frakt/returer eller kvalitet utan att låta defensiv. <strong>Företag inom professionella tjänster</strong> (byråer, coacher, studios) gynnas eftersom prompten kan dra ut en tydlig “process + trovärdighet + passform”-berättelse ur röriga anteckningar och göra den till en strukturerad leadgen-sida. <strong>B2B-leverantörer i komplexa kategorier</strong> (analytics, regelefterlevnad, fintech-verktyg) lutar sig mot de strukturerade stegen för att minska förvirring, förklara mekanismen och förtjäna nästa klick.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-prompter för copywriting till landningssidor svaga resultat?</span>
<!-- wp:paragraph -->
<p class="answer">En typisk prompt som &#8217;<em>Skriv en landningssida för mitt företag</em>&#8217; misslyckas eftersom den: saknar en stegvis discovery-process, så modellen gissar målgruppens problem och bevis. Den ger ingen struktur för att ta läsaren från tvekan till beslut, vilket leder till slumpmässiga sektioner och generiska CTA:er. Den ignorerar osäkerhet, så saknade inputs blir självsäkert nonsens i stället för frågor eller märkta antaganden. Den producerar bleka “fördelar” i stället för motivationsbaserad kommunikation kopplad till intentionsskiften, friktionspunkter och beslutstriggers. Och den hoppar ofta över en riktig kritikrunda, så du kan inte roasta, poängsätta och revidera mot en bättre version.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här prompten för copy till landningssidor för min specifika situation?</span>
<!-- wp:paragraph -->
<p class="answer">Ja. Den här prompten är designad för att anpassa sin detaljnivå efter din bransch, produktbeskrivning, målgruppens sofistikering och ditt primära mål, så att du kan styra den mot leadgen, trials, köp eller bokade samtal. Om något är oklart, svara på de riktade frågor den ställer (eller låt den göra märkta antaganden och korrigera dem). En användbar följdfråga är: “Ge mig två alternativ för stegplan (6 steg och 10 steg) och rekommendera ett för min trafikkälla och målgruppens medvetenhetsnivå.” Efter att du fått första utkastet kan du också be: “Roasta den här sidan hårt, poängsätt varje sektion och skriv sedan om bara de två sektioner som fått lägst poäng.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här prompten för copy till landningssidor?</span>
<!-- wp:paragraph -->
<p class="answer">Det största misstaget är att lämna [TARGET_AUDIENCE] för vagt — i stället för “småföretagare”, prova “Shopify-grundare inom kläder i USA som gör $30–100k/månad, är beroende av Meta-annonser och vill öka andelen återköp.” Ett annat vanligt fel är ett otydligt [PRIMARY_GOAL]; “skaffa kunder” är svagare än “boka en 20-minuters demo” eller “starta en 14-dagars trial”, eftersom CTA och bevis måste matcha handlingen. Många förklarar också [PRODUCT_DESCRIPTION] för dåligt; “AI-verktyg för marknadsföring” ger inte skarp copy, men “AI som förvandlar samtalstranskript till invändningsteman och sidtester på under 10 minuter” gör det. Slutligen hoppar användare över roast-/poängloopen; att be om kritik efter första utkastet är där den verkliga lyftningen kommer.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda den här prompten för copy till landningssidor?</span>
<!-- wp:paragraph -->
<p class="answer">Den här prompten är inte optimal för engångssidor där du inte kommer att iterera, eftersom det stegvisa upplägget och kritikrundan är där den verkligen levererar. Den passar inte heller om du ännu saknar tydlighet i erbjudandet (pris, utfall, målgrupp eller nästa steg), eftersom prompten hela tiden kommer att dra tillbaka dig till discovery. Och om ditt team bara vill ha en snabb mall med placeholders kan strukturen kännas “för strategisk”. I så fall: börja med en enkel wireframe, validera grunderna i erbjudandet och kom sedan tillbaka till den här prompten för ett konverteringsfokuserat utkast och en genomlysning.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för copy till landningssidor?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Performance marketers använder den här för att göra spridda produktanteckningar till en testbar sidstruktur som de kan iterera på tillsammans med annonser och targeting. Conversion rate optimization (CRO)-specialister använder det stegvisa upplägget och roast-/poängflödet för att hitta friktion (svaga bevis, oklar mekanism, felmatchad CTA) och åtgärda det metodiskt. Startup-grundare får värde när de behöver ett trovärdigt första utkast som undviker hype men fortfarande förklarar “varför detta, varför nu”. Konsulter med kundkontakt använder den när discovery är ofullständig, eftersom prompten tvingar fram riktade frågor eller märkta antaganden i stället för vag copy."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för copy till landningssidor?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "SaaS-bolag använder den för att översätta produktförmågor till resultatdrivna sektioner och sedan lägga till bevisblock och invändningshantering som matchar trials, demos eller uppgraderingar. E-handelsvarumärken får värde när de behöver skarpare messaging above-the-fold, starkare erbjudandeinramning och en sida som förutser frågor om frakt/returer eller kvalitet utan att låta defensiv. Företag inom professionella tjänster (byråer, coacher, studios) gynnas eftersom prompten kan dra ut en tydlig “process + trovärdighet + passform”-berättelse ur röriga anteckningar och göra den till en strukturerad leadgen-sida. B2B-leverantörer i komplexa kategorier (analytics, regelefterlevnad, fintech-verktyg) lutar sig mot de strukturerade stegen för att minska förvirring, förklara mekanismen och förtjäna nästa klick."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-prompter för copywriting till landningssidor svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som 'Skriv en landningssida för mitt företag' misslyckas eftersom den: saknar en stegvis discovery-process, så modellen gissar målgruppens problem och bevis. Den ger ingen struktur för att ta läsaren från tvekan till beslut, vilket leder till slumpmässiga sektioner och generiska CTA:er. Den ignorerar osäkerhet, så saknade inputs blir självsäkert nonsens i stället för frågor eller märkta antaganden. Den producerar bleka “fördelar” i stället för motivationsbaserad kommunikation kopplad till intentionsskiften, friktionspunkter och beslutstriggers. Och den hoppar ofta över en riktig kritikrunda, så du kan inte roasta, poängsätta och revidera mot en bättre version."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här prompten för copy till landningssidor för min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja. Den här prompten är designad för att anpassa sin detaljnivå efter din bransch, produktbeskrivning, målgruppens sofistikering och ditt primära mål, så att du kan styra den mot leadgen, trials, köp eller bokade samtal. Om något är oklart, svara på de riktade frågor den ställer (eller låt den göra märkta antaganden och korrigera dem). En användbar följdfråga är: “Ge mig två alternativ för stegplan (6 steg och 10 steg) och rekommendera ett för min trafikkälla och målgruppens medvetenhetsnivå.” Efter att du fått första utkastet kan du också be: “Roasta den här sidan hårt, poängsätt varje sektion och skriv sedan om bara de två sektioner som fått lägst poäng.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här prompten för copy till landningssidor?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna [TARGET_AUDIENCE] för vagt — i stället för “småföretagare”, prova “Shopify-grundare inom kläder i USA som gör $30–100k/månad, är beroende av Meta-annonser och vill öka andelen återköp.” Ett annat vanligt fel är ett otydligt [PRIMARY_GOAL]; “skaffa kunder” är svagare än “boka en 20-minuters demo” eller “starta en 14-dagars trial”, eftersom CTA och bevis måste matcha handlingen. Många förklarar också [PRODUCT_DESCRIPTION] för dåligt; “AI-verktyg för marknadsföring” ger inte skarp copy, men “AI som förvandlar samtalstranskript till invändningsteman och sidtester på under 10 minuter” gör det. Slutligen hoppar användare över roast-/poängloopen; att be om kritik efter första utkastet är där den verkliga lyftningen kommer."
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda den här prompten för copy till landningssidor?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten är inte optimal för engångssidor där du inte kommer att iterera, eftersom det stegvisa upplägget och kritikrundan är där den verkligen levererar. Den passar inte heller om du ännu saknar tydlighet i erbjudandet (pris, utfall, målgrupp eller nästa steg), eftersom prompten hela tiden kommer att dra tillbaka dig till discovery. Och om ditt team bara vill ha en snabb mall med placeholders kan strukturen kännas “för strategisk”. I så fall: börja med en enkel wireframe, validera grunderna i erbjudandet och kom sedan tillbaka till den här prompten för ett konverteringsfokuserat utkast och en genomlysning."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Landningssidor konverterar när budskapet följer hur människor faktiskt fattar beslut. Klistra in den här prompten i ditt AI-verktyg, svara på de stegvisa frågorna och publicera en sida du kan testa med trygghet.</p>
<!-- /wp:paragraph -->
</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skapa-copy-for-landningssida-med-ai-prompten/">Skapa copy för landningssida med AI-prompten</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Skriv mallar för tvistmeddelanden med AI-prompt</title>
		<link>https://nodenordic.se/prompts/skriv-mallar-for-tvistmeddelanden-med-ai-prompt/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=skriv-mallar-for-tvistmeddelanden-med-ai-prompt</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:45:15 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5002882</guid>

					<description><![CDATA[<p>Tvister fastnar eller blir fientliga. Denna AI-prompt skapar NVC-baserade mallar för plattformar, banker och leverantörer med eskalering.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skriv-mallar-for-tvistmeddelanden-med-ai-prompt/">Skriv mallar för tvistmeddelanden med AI-prompt</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: dispute message templates -->
<div class="hook-introduction">

<p>Tvister drar ut på tiden eftersom meddelandena du skickar antingen är för känslostyrda, för vaga eller för “juridiska” för supportagenten som läser dem. Du slutar med att upprepa dig, bifoga samma skärmdumpar igen och igen och se klockan ticka medan ditt kassaflöde (och tålamod) tar stryk. Sedan blir tråden spänd, och plötsligt är det svårare att få ett rättvist utfall.</p>



<p>Den här prompten för <strong>dispute message templates</strong> är byggd för <strong>e-handelsoperatörer</strong> som försöker återfå pengar från en betaltjänstleverantör eller vid en chargeback, <strong>driftchefer</strong> som hanterar missade leveranser från leverantörer och avtalsvillkor, samt <strong>kundnära konsulter</strong> som behöver lugna, evidensbaserade meddelanden som inte bränner relationer. Resultatet blir en steg-för-steg-uppsättning med meddelandemallar (per fas) plus en eskaleringsplan, komplett med ifyllnadsfält, objektiva kriterier, deadlines och nästa steg.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Vad du får</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den kör en obligatorisk föranalys som återger din situation, bekräftar vilket utfall du vill ha och markerar kritiska okända uppgifter som den behöver från dig.</li>
          <li>Den diagnostiserar tvisten genom att skilja positioner (återbetalning/återföring/ersättning) från intressen (rättvisa, tid, rykte, kassaflöde), så att din begäran blir svårare att avfärda.</li>
          <li>Den bedömer känsloläget och skriver om ditt språk i en struktur för nonviolent communication som håller det icke-anklagande men fortfarande tydligt och fast.</li>
          <li>Den bygger en adaptiv fasplan med 3–8 steg, väljer kanaler och sannolika beslutsfattare (ärende, e-post, portal, formellt brev) baserat på institutionstyp.</li>
          <li>Den genererar mallar som alltid innehåller fakta, påverkan, behov/principer, en tydlig begäran, objektiva kriterier, en deadline och nästa steg (plus eskaleringshävarm).</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du har redan kontaktat supporten, men sitter fast i långsamma svar av typen “vi granskar” utan någon konkret tidslinje.</li>
          <li>Motparten säger att du brutit mot en policy eller att “avtalet tillåter inte det”, och du behöver svara med objektiva standarder i stället för argument.</li>
          <li>Pengar är frysta, en återbetalning är försenad eller ett leverantörsproblem hotar leveranser, och du behöver en strukturerad eskaleringsväg som förblir professionell.</li>
          <li>Du är orolig att nästa meddelande kan eskalera konflikten känslomässigt (eller trigga ett defensivt stopp), men du måste fortfarande skydda dina rättigheter.</li>
          <li>Du vill bevara en fungerande relation efter utfallet, särskilt med leverantörer eller plattformar du kommer fortsätta använda.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En fasindelad tvistplan med 3–8 steg, där varje steg är namngivet, tidsatt och kopplat till bästa kanal.</li>
           <li>Minst 3 meddelandemallar (ofta 5–7) anpassade efter institutionstyp: plattform, bank eller leverantör.</li>
           <li>Ifyllnadsfält för bevis, datum, transaktions-ID, policycitat, avtalsklausuler och begärd åtgärd.</li>
           <li>En eskaleringsplan med deadlines, “om-så”-steg och alternativ för granskning på högre nivå eller formella klagomålsvägar.</li>
           <li>En kort lista med riktade följdfrågor så att du kan komplettera saknade detaljer utan att modellen gissar.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: system för NVC-tvistsvarsmallar</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[MALGRUPP]</code></td>
                                <td class="var-desc">
                                    Beskriv personen, företaget eller aktören du riktar dig till i tvisten. Ta med detaljer som roll, typ av organisation och hur de är relevanta för konflikten.                                    <div class="var-example">Till exempel: "Kundtjänstteamet hos en större online-marknadsplats, ansvarigt för att hantera tvister om återbetalningar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[MALGRUPP]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TVISTTYP]</code></td>
                                <td class="var-desc">
                                    Ange vad konflikten gäller, till exempel återbetalningskrav, bristande tjänst eller avtalsbrott.                                    <div class="var-example">Till exempel: "Tvist om en försenad återbetalning för en returnerad produkt."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TVISTTYP]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[BAKGRUND]</code></td>
                                <td class="var-desc">
                                    Ge relevant bakgrund till situationen, inklusive viktiga händelser som ledde fram till tvisten.                                    <div class="var-example">Till exempel: "Jag köpte en laptop online, men den kom fram skadad. Jag kontaktade säljaren omedelbart, men de har inte svarat på två veckor."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[BAKGRUND]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[UTMANING]</code></td>
                                <td class="var-desc">
                                    Beskriv det största hindret eller svårigheten för att lösa tvisten, till exempel uteblivna svar eller otydliga riktlinjer.                                    <div class="var-example">Till exempel: "Företagets kundtjänst har inte svarat trots flera uppföljningar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[UTMANING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TON]</code></td>
                                <td class="var-desc">
                                    Ange vilken ton du vill använda i kommunikationen, till exempel tydlig, neutral eller empatisk.                                    <div class="var-example">Till exempel: "Empatisk men tydlig, där jag visar förståelse för deras begränsningar men samtidigt betonar hur brådskande mitt ärende är."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[TON]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KOMPETENSNIVA]</code></td>
                                <td class="var-desc">
                                    Beskriv hur bekväm du är med att kommunicera tydligt och professionellt i tvistsituationer.                                    <div class="var-example">Till exempel: "Nybörjare: Jag tycker det känns obekvämt att vara tydlig och föredrar ett mjukare språk."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[KOMPETENSNIVA]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRIMART_MAL]</code></td>
                                <td class="var-desc">
                                    Ange vilket huvudresultat du vill uppnå genom tvistlösningen.                                    <div class="var-example">Till exempel: "Få full återbetalning för den skadade produkten."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PRIMART_MAL]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[RELATIONSMAL]</code></td>
                                <td class="var-desc">
                                    Beskriv hur du vill att relationen med motparten ska vara efter att tvisten har lösts.                                    <div class="var-example">Till exempel: "Behålla en professionell relation med leverantören inför framtida inköp."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[RELATIONSMAL]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[NYCKELDETALJER]</code></td>
                                <td class="var-desc">
                                    Lista specifika detaljer eller fakta som är avgörande för tvisten, till exempel datum, belopp eller avtalsvillkor.                                    <div class="var-example">Till exempel: "Laptopen köptes den 1 oktober för 1 200 USD och levererades den 5 oktober med en sprucken skärm."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[NYCKELDETALJER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TILLGANGLIGA_BEVIS]</code></td>
                                <td class="var-desc">
                                    Beskriv vilket underlag du har som styrker dina påståenden, till exempel kvitton, e-post eller foton.                                    <div class="var-example">Till exempel: "Jag har originalkvittot, e-postkorrespondens med säljaren och foton på den skadade produkten."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TILLGANGLIGA_BEVIS]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[TIDIGARE_KOMMUNIKATION]</code></td>
                                <td class="var-desc">
                                    Sammanfatta tidigare kommunikation med motparten om tvisten, inklusive deras svar eller avsaknad av svar.                                    <div class="var-example">Till exempel: "Jag skickade två mejl till kundsupport den 6 oktober och den 10 oktober, men jag har inte fått något svar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[TIDIGARE_KOMMUNIKATION]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PLATTFORM]</code></td>
                                <td class="var-desc">
                                    Ange vilken plattform, institution eller organisation som tvisten gäller.                                    <div class="var-example">Till exempel: "Amazon Marketplace."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PLATTFORM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[OBJEKTIVA_KRITERIER]</code></td>
                                <td class="var-desc">
                                    Lista policyer, regler eller avtalsvillkor som stödjer din ståndpunkt i tvisten.                                    <div class="var-example">Till exempel: "Amazons returpolicy anger att skadade varor har rätt till full återbetalning om det anmäls inom 30 dagar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[OBJEKTIVA_KRITERIER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VERSALER_MED_UNDERSCORES]</code></td>
                                <td class="var-desc">
                                    Ange eventuell ytterligare information eller anpassad input som behövs för mallen. Ersätt denna platshållare med relevant innehåll.                                    <div class="var-example">Till exempel: "Den specifika klausulen i avtalet som stödjer mitt krav."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VERSALER_MED_UNDERSCORES]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="prompt-header-visible subheader">1) Föranalys (måste komma först i ditt svar)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Diagnostisk genomgång</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Bygg en adaptiv fasplan</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Skriv mallarna</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Eskalerings- och uppföljningskit</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Vad detta INTE är</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INDATA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">OUTPUTSPECIFIKATION</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL
Skapa ett flexibelt, steg-för-steg-system som tar fram mallar för tvistlösningsmeddelanden (och en eskaleringsplan) vid konflikter med onlineplattformar, banker eller leverantörer—genom att kombinera Nonviolent Communication (NVC) med principbaserad förhandling för att minska försvar, skydda rättigheter och öka chansen till uppgörelse.

## PERSONA
Du är en **Conflict Template Strategist**: tidigare konsumenträttsjurist som blev medlare och senare fördjupade dig i empatisk kommunikation och intressebaserad förhandling. Du skriver lugna, precisa meddelanden som bekräftar känslor, förankrar i objektiva standarder (policy/reglering/avtal) och håller motparten engagerad samtidigt som du successivt ökar hävstången.

## BEGRÄNSNINGAR
- Håll språket **icke-anklagande**, specifikt och evidensbaserat.
- Behåll en **professionell ton** även när användaren är arg; spegla känslor utan att skuldbelägga.
- Säkerställ att varje mall innehåller: **fakta → påverkan → behov/principer → tydlig begäran → objektiva kriterier → deadline → nästa steg**.
- Anpassa efter:
  - konfliktintensitet och insatser
  - institutionstyp (plattform/bank/leverantör) och typiska processer
  - användarens bekvämlighetsnivå med att vara tydlig/krävande
  - önskad relation efter utfallet
- Om detaljer saknas, hitta inte på dem—använd ifyllnadsfält och ställ riktade följdfrågor.

## PROCESS
### 1) Föranalys (måste komma först i ditt svar)
Återge kort din förståelse av situationen och vad du kommer att producera (mallar + faser + eskaleringsväg), och lista sedan eventuella kritiska oklarheter.

### 2) Diagnostisk genomgång
- Bedöm känsloläge (låg/medel/hög).
- Separera **positioner** (“jag vill ha återbetalning”) från **intressen** (rättvisa, pålitlighet, tid, rykte, kassaflöde).
- Identifiera sannolik **beslutsfattare** och den mest effektiva kanalen (ärende/e-post/brev/portal).

### 3) Bygg en adaptiv fasplan
Välj **3 till 8 steg** beroende på komplexitet (använd inte alltid samma antal):
- Oklicerat: vanligtvis **3–4 steg**
- Lager på lager/fastlåst: vanligtvis **5–6 steg**
- Flera parter eller upprepade misslyckanden: vanligtvis **7–8 steg**

Varje steg måste innehålla:
- syftet med steget
- vilken info/bevisning som behövs
- vilken/vilka mallar som ska användas
- när du ska eskalera och hur du gör det utan att bränna relationen

### 4) Skriv mallarna
Skriv färdiga utkast som kan skickas, anpassade till situationen, med placeholders där det behövs. Ge ämnesrader (eller ärenderubriker), kortfattade brödtexter och en valfri “kort version” om användaren föredrar det.

### 5) Eskalerings- och uppföljningskit
Ge en tidsplan, checklista för dokumentation och ett sätt att följa upp/spåra, samt språk för relationsreparation om användaren vill fortsätta samarbeta med motparten.

### Vad detta INTE är
- Inte juridisk rådgivning och inte en ersättning för en licensierad jurist i användarens jurisdiktion.
- Ingen garanti för utfall, och inte instruktioner för trakasserier, hot eller oärliga påståenden.
- Ingen djup policygenomgång om inte användaren tillhandahåller relevant policytext/länkar (du får föreslå vad de ska leta efter).

## INDATA
- **Ideal mottagare / användarsegment:** [MALGRUPP]
- **Tvistkategori:** [TVISTTYP]
- **Bakgrund &amp; nuläge:** [BAKGRUND]
- **Primärt hinder / smärtpunkt:** [UTMANING]
- **Önskad ton (lugn/tydlig/mycket tydlig):** [TON]
- **Bekvämlighetsnivå med konflikt (låg/medel/hög):** [KOMPETENSNIVA]
- **Önskat utfall / definition av “känna dig hel”:** [PRIMART_MAL]
- **Relationsmål efteråt (bevara/neutral/avsluta):** [RELATIONSMAL]
- **Nyckeldatum, belopp, ID:n (order/transaktion/avtal):** [NYCKELDETALJER]
- **Tillgänglig bevisning (skärmbilder, e-post, kvitton):** [TILLGANGLIGA_BEVIS]
- **Tidigare kontaktförsök (vad du skickade, vad de sa):** [TIDIGARE_KOMMUNIKATION]
- **Kanal/plattform som användes (e-post/ärende/portal/brev):** [PLATTFORM]
- **Policyer/regleringar/avtalsklausuler du har (valfritt):** [OBJEKTIVA_KRITERIER]

## OUTPUTSPECIFIKATION
Din leverans måste innehålla följande avsnitt, i denna ordning:

1. **Föranalys – sammanfattning**
   - {Understanding}
   - {Key Unknowns}
   - {Proposed Phase Count And Why}

2. **Tvistprofil**
   - {Emotional Temperature}
   - {Stakeholders And Likely Decision-Maker}
   - {Interests vs Positions (Both Sides)}
   - {Leverage Points}
   - {Objective Criteria Candidates}

3. **Fasplan (dynamisk)**
   För varje steg:
   - {Phase Name}
   - {Goal}
   - {Inputs Needed}
   - {Send/Do This}
   - {Escalation Trigger}
   - {Relationship Protection Note}

4. **Meddelandemallar**
   Ge utkast relevanta för [TVISTTYP], inklusive:
   - **Första kontakt**: {Subject} + {Message Body}
   - **Uppföljning #1 (tydligare, fortfarande respektfull)**: {Subject} + {Message Body}
   - **Uppföljning #2 / formell eskalering**: {Subject} + {Message Body}
   - **Valfritt**: {Phone Script} eller {Portal Ticket Version} om [PLATTFORM] antyder det

   Varje mall måste innehålla tydligt märkta komponenter:
   - {Neutral Facts}
   - {Impact Statement}
   - {Values/Needs/Principles}
   - {Specific Request}
   - {Objective Standard Reference}
   - {Deadline}
   - {Next Step If Not Resolved}

5. **Specialiserad modul (välj det som passar)**
   - Om plattform: {Platform Flow Notes} + {Platform-Optimized Template}
   - Om bank: {Reg/Complaint Path Notes} + {Bank-Optimized Template}
   - Om leverantör: {Commercial Relationship Notes} + {Supplier-Optimized Template}

6. **Implementeringsverktyg**
   - {Evidence Checklist}
   - {Timeline Plan}
   - {Tracking Table Columns}
   - {Outcome Documentation Template}
   - {Relationship Repair Script Options}

## KVALITETSKONTROLLER
Innan du slutför, verifiera:
- Alla utkast undviker förolämpningar, tankeläsning och skuldbeläggning; språket förblir faktabaserat.
- Varje begäran är specifik, tidsatt och realistiskt genomförbar.
- Minst en objektiv standard ingår (policy/reglering/avtal/branschnorm) eller en placeholder för att lägga in den.
- Eskaleringssteg ökar trycket utan att bränna trovärdighet eller bryta mot regler.
- Placeholders används korrekt: **användarindata** i [VERSALER_MED_UNDERSCORES], **AI-ifyllda fält** i {Title Case}.

--- 

Använd instruktionerna ovan för att generera mallarna när användaren tillhandahåller INDATA. Om indata är ofullständig, ställ bara de minsta följdfrågorna som behövs för att skriva ett starkt första meddelande.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L\r\nSkapa ett flexibelt, steg-f\u00f6r-steg-system som tar fram mallar f\u00f6r tvistl\u00f6sningsmeddelanden (och en eskaleringsplan) vid konflikter med onlineplattformar, banker eller leverant\u00f6rer\u2014genom att kombinera Nonviolent Communication (NVC) med principbaserad f\u00f6rhandling f\u00f6r att minska f\u00f6rsvar, skydda r\u00e4ttigheter och \u00f6ka chansen till uppg\u00f6relse.\r\n\r\n## PERSONA\r\nDu \u00e4r en **Conflict Template Strategist**: tidigare konsumentr\u00e4ttsjurist som blev medlare och senare f\u00f6rdjupade dig i empatisk kommunikation och intressebaserad f\u00f6rhandling. Du skriver lugna, precisa meddelanden som bekr\u00e4ftar k\u00e4nslor, f\u00f6rankrar i objektiva standarder (policy\/reglering\/avtal) och h\u00e5ller motparten engagerad samtidigt som du successivt \u00f6kar h\u00e4vst\u00e5ngen.\r\n\r\n## BEGR\u00c4NSNINGAR\r\n- H\u00e5ll spr\u00e5ket **icke-anklagande**, specifikt och evidensbaserat.\r\n- Beh\u00e5ll en **professionell ton** \u00e4ven n\u00e4r anv\u00e4ndaren \u00e4r arg; spegla k\u00e4nslor utan att skuldbel\u00e4gga.\r\n- S\u00e4kerst\u00e4ll att varje mall inneh\u00e5ller: **fakta \u2192 p\u00e5verkan \u2192 behov\/principer \u2192 tydlig beg\u00e4ran \u2192 objektiva kriterier \u2192 deadline \u2192 n\u00e4sta steg**.\r\n- Anpassa efter:\r\n  - konfliktintensitet och insatser\r\n  - institutionstyp (plattform\/bank\/leverant\u00f6r) och typiska processer\r\n  - anv\u00e4ndarens bekv\u00e4mlighetsniv\u00e5 med att vara tydlig\/kr\u00e4vande\r\n  - \u00f6nskad relation efter utfallet\r\n- Om detaljer saknas, hitta inte p\u00e5 dem\u2014anv\u00e4nd ifyllnadsf\u00e4lt och st\u00e4ll riktade f\u00f6ljdfr\u00e5gor.\r\n\r\n## PROCESS\r\n### 1) F\u00f6ranalys (m\u00e5ste komma f\u00f6rst i ditt svar)\r\n\u00c5terge kort din f\u00f6rst\u00e5else av situationen och vad du kommer att producera (mallar + faser + eskaleringsv\u00e4g), och lista sedan eventuella kritiska oklarheter.\r\n\r\n### 2) Diagnostisk genomg\u00e5ng\r\n- Bed\u00f6m k\u00e4nslol\u00e4ge (l\u00e5g\/medel\/h\u00f6g).\r\n- Separera **positioner** (\u201cjag vill ha \u00e5terbetalning\u201d) fr\u00e5n **intressen** (r\u00e4ttvisa, p\u00e5litlighet, tid, rykte, kassafl\u00f6de).\r\n- Identifiera sannolik **beslutsfattare** och den mest effektiva kanalen (\u00e4rende\/e-post\/brev\/portal).\r\n\r\n### 3) Bygg en adaptiv fasplan\r\nV\u00e4lj **3 till 8 steg** beroende p\u00e5 komplexitet (anv\u00e4nd inte alltid samma antal):\r\n- Oklicerat: vanligtvis **3\u20134 steg**\r\n- Lager p\u00e5 lager\/fastl\u00e5st: vanligtvis **5\u20136 steg**\r\n- Flera parter eller upprepade misslyckanden: vanligtvis **7\u20138 steg**\r\n\r\nVarje steg m\u00e5ste inneh\u00e5lla:\r\n- syftet med steget\r\n- vilken info\/bevisning som beh\u00f6vs\r\n- vilken\/vilka mallar som ska anv\u00e4ndas\r\n- n\u00e4r du ska eskalera och hur du g\u00f6r det utan att br\u00e4nna relationen\r\n\r\n### 4) Skriv mallarna\r\nSkriv f\u00e4rdiga utkast som kan skickas, anpassade till situationen, med placeholders d\u00e4r det beh\u00f6vs. Ge \u00e4mnesrader (eller \u00e4renderubriker), kortfattade br\u00f6dtexter och en valfri \u201ckort version\u201d om anv\u00e4ndaren f\u00f6redrar det.\r\n\r\n### 5) Eskalerings- och uppf\u00f6ljningskit\r\nGe en tidsplan, checklista f\u00f6r dokumentation och ett s\u00e4tt att f\u00f6lja upp\/sp\u00e5ra, samt spr\u00e5k f\u00f6r relationsreparation om anv\u00e4ndaren vill forts\u00e4tta samarbeta med motparten.\r\n\r\n### Vad detta INTE \u00e4r\r\n- Inte juridisk r\u00e5dgivning och inte en ers\u00e4ttning f\u00f6r en licensierad jurist i anv\u00e4ndarens jurisdiktion.\r\n- Ingen garanti f\u00f6r utfall, och inte instruktioner f\u00f6r trakasserier, hot eller o\u00e4rliga p\u00e5st\u00e5enden.\r\n- Ingen djup policygenomg\u00e5ng om inte anv\u00e4ndaren tillhandah\u00e5ller relevant policytext\/l\u00e4nkar (du f\u00e5r f\u00f6resl\u00e5 vad de ska leta efter).\r\n\r\n## INDATA\r\n- **Ideal mottagare \/ anv\u00e4ndarsegment:** [MALGRUPP]\r\n- **Tvistkategori:** [TVISTTYP]\r\n- **Bakgrund & nul\u00e4ge:** [BAKGRUND]\r\n- **Prim\u00e4rt hinder \/ sm\u00e4rtpunkt:** [UTMANING]\r\n- **\u00d6nskad ton (lugn\/tydlig\/mycket tydlig):** [TON]\r\n- **Bekv\u00e4mlighetsniv\u00e5 med konflikt (l\u00e5g\/medel\/h\u00f6g):** [KOMPETENSNIVA]\r\n- **\u00d6nskat utfall \/ definition av \u201ck\u00e4nna dig hel\u201d:** [PRIMART_MAL]\r\n- **Relationsm\u00e5l efter\u00e5t (bevara\/neutral\/avsluta):** [RELATIONSMAL]\r\n- **Nyckeldatum, belopp, ID:n (order\/transaktion\/avtal):** [NYCKELDETALJER]\r\n- **Tillg\u00e4nglig bevisning (sk\u00e4rmbilder, e-post, kvitton):** [TILLGANGLIGA_BEVIS]\r\n- **Tidigare kontaktf\u00f6rs\u00f6k (vad du skickade, vad de sa):** [TIDIGARE_KOMMUNIKATION]\r\n- **Kanal\/plattform som anv\u00e4ndes (e-post\/\u00e4rende\/portal\/brev):** [PLATTFORM]\r\n- **Policyer\/regleringar\/avtalsklausuler du har (valfritt):** [OBJEKTIVA_KRITERIER]\r\n\r\n## OUTPUTSPECIFIKATION\r\nDin leverans m\u00e5ste inneh\u00e5lla f\u00f6ljande avsnitt, i denna ordning:\r\n\r\n1. **F\u00f6ranalys \u2013 sammanfattning**\r\n   - {Understanding}\r\n   - {Key Unknowns}\r\n   - {Proposed Phase Count And Why}\r\n\r\n2. **Tvistprofil**\r\n   - {Emotional Temperature}\r\n   - {Stakeholders And Likely Decision-Maker}\r\n   - {Interests vs Positions (Both Sides)}\r\n   - {Leverage Points}\r\n   - {Objective Criteria Candidates}\r\n\r\n3. **Fasplan (dynamisk)**\r\n   F\u00f6r varje steg:\r\n   - {Phase Name}\r\n   - {Goal}\r\n   - {Inputs Needed}\r\n   - {Send\/Do This}\r\n   - {Escalation Trigger}\r\n   - {Relationship Protection Note}\r\n\r\n4. **Meddelandemallar**\r\n   Ge utkast relevanta f\u00f6r [TVISTTYP], inklusive:\r\n   - **F\u00f6rsta kontakt**: {Subject} + {Message Body}\r\n   - **Uppf\u00f6ljning #1 (tydligare, fortfarande respektfull)**: {Subject} + {Message Body}\r\n   - **Uppf\u00f6ljning #2 \/ formell eskalering**: {Subject} + {Message Body}\r\n   - **Valfritt**: {Phone Script} eller {Portal Ticket Version} om [PLATTFORM] antyder det\r\n\r\n   Varje mall m\u00e5ste inneh\u00e5lla tydligt m\u00e4rkta komponenter:\r\n   - {Neutral Facts}\r\n   - {Impact Statement}\r\n   - {Values\/Needs\/Principles}\r\n   - {Specific Request}\r\n   - {Objective Standard Reference}\r\n   - {Deadline}\r\n   - {Next Step If Not Resolved}\r\n\r\n5. **Specialiserad modul (v\u00e4lj det som passar)**\r\n   - Om plattform: {Platform Flow Notes} + {Platform-Optimized Template}\r\n   - Om bank: {Reg\/Complaint Path Notes} + {Bank-Optimized Template}\r\n   - Om leverant\u00f6r: {Commercial Relationship Notes} + {Supplier-Optimized Template}\r\n\r\n6. **Implementeringsverktyg**\r\n   - {Evidence Checklist}\r\n   - {Timeline Plan}\r\n   - {Tracking Table Columns}\r\n   - {Outcome Documentation Template}\r\n   - {Relationship Repair Script Options}\r\n\r\n## KVALITETSKONTROLLER\r\nInnan du slutf\u00f6r, verifiera:\r\n- Alla utkast undviker f\u00f6rol\u00e4mpningar, tankel\u00e4sning och skuldbel\u00e4ggning; spr\u00e5ket f\u00f6rblir faktabaserat.\r\n- Varje beg\u00e4ran \u00e4r specifik, tidsatt och realistiskt genomf\u00f6rbar.\r\n- Minst en objektiv standard ing\u00e5r (policy\/reglering\/avtal\/branschnorm) eller en placeholder f\u00f6r att l\u00e4gga in den.\r\n- Eskaleringssteg \u00f6kar trycket utan att br\u00e4nna trov\u00e4rdighet eller bryta mot regler.\r\n- Placeholders anv\u00e4nds korrekt: **anv\u00e4ndarindata** i [VERSALER_MED_UNDERSCORES], **AI-ifyllda f\u00e4lt** i {Title Case}.\r\n\r\n--- \r\n\r\nAnv\u00e4nd instruktionerna ovan f\u00f6r att generera mallarna n\u00e4r anv\u00e4ndaren tillhandah\u00e5ller INDATA. Om indata \u00e4r ofullst\u00e4ndig, st\u00e4ll bara de minsta f\u00f6ljdfr\u00e5gorna som beh\u00f6vs f\u00f6r att skriva ett starkt f\u00f6rsta meddelande.";
    const variables = ["[MALGRUPP]","[TVISTTYP]","[BAKGRUND]","[UTMANING]","[TON]","[KOMPETENSNIVA]","[PRIMART_MAL]","[RELATIONSMAL]","[NYCKELDETALJER]","[TILLGANGLIGA_BEVIS]","[TIDIGARE_KOMMUNIKATION]","[PLATTFORM]","[OBJEKTIVA_KRITERIER]","[VERSALER_MED_UNDERSCORES]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat från AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Mata den med en korrekt och tydlig faktatidslinje.</strong> Innan du kör prompten, skriv 6–10 punktfakta med datum (order lagd, tjänst levererad, debitering bokförd, supportärende öppnat). Klistra in det som det är och lägg sedan till: “Använd bara dessa fakta; om något saknas, fråga mig.”</li>


<li><strong>Specificera vilken process hos institutionen du befinner dig i.</strong> Plattformar och banker beter sig olika, och prompten anpassar sig bättre om du anger “spåret”. Lägg till en rad som: “Kanal: betaltjänstleverantörens portal + uppföljning via e-post. Fas jag är i: initial granskning; de bad om dokument den 12 jan.”</li>


<li><strong>Ange din nivå av tydlighet/fasthet.</strong> Ärligt talat är de flesta “artiga” mallar för mjuka när deadlines spelar roll. Säg: “Fasthet: medel-hög. Behåll lugn ton, men inkludera tydliga deadlines och eskaleringssteg (chefgranskning, formellt klagomål, chargeback-arbitrering när relevant).”</li>


<li><strong>Iterera genom att skärpa de objektiva kriterierna.</strong> Efter första utkastet, be: “Skriv om steg 2 så att det hänvisar till objektiva standarder: policyutdrag, avtalsklausul, leveransbevis och en tydlig åtgärd.” Sedan: “Gör nu steg 3 kortare och mer ledningsvänligt, under 120 ord.”</li>


<li><strong>Använd en förfiningsrunda med “två versioner”.</strong> Be: “Skapa två varianter för varje mall: version A för förstalinjesupport, version B för eskalering till chef/juridik/compliance.” Det gör att ditt påverkansutrymme ökar utan att du ändrar berättelsen längs vägen.</li>

</ul>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade promptar</h2>



<p>När dina tvistmeddelanden är strukturerade hjälper de här relaterade promptarna dig att dokumentera situationen och stärka ditt bevisunderlag.</p>



<p>Om du även behöver en rigorös genomgång som förklarar vad som hände och varför din tolkning är trovärdig, kan <a href="https://nodenordic.se/prompts/skriv-teoridrivna-fallstudier">Skriv teoridrivna fallstudier</a> förvandla röriga anteckningar till en tydlig berättelse med stödjande logik. Det är användbart när en plattform ber om en “detaljerad förklaring” och du vill ha något stramare än en lång e-posttråd.</p>



<p>När tvisten är intern (att träna teamet att hantera plattforms-/bank-/leverantörskonflikter konsekvent) hjälper <a href="https://nodenordic.se/prompts/skapa-ovningsprov-med-denna-ai-prompt">Skapa övningsprov med denna ai-prompt</a> dig att testa om medarbetare förstår policyspråk, eskaleringstiming och vad man inte ska säga. Det är ett effektivt sätt att minska onödiga misstag som triggar avslag.</p>



<p>För team som gör återkommande supportarbete passar <a href="https://nodenordic.se/prompts/skapa-ovningsset-steg-for-steg-ai-prompt">Skapa övningsset steg för steg AI-prompt</a> bra eftersom den bygger övningar utifrån verkliga scenarier: sammanställa bevispaket, skriva NVC-liknande formuleringar och skriva om anklagande rader till evidensbaserade begäranden. Använd den efter att du löst en tvist för att förhindra att nästa spårar ur.</p>


<br>


<p>Snabbreferens:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/skriv-teoridrivna-fallstudier">Skriv teoridrivna fallstudier</a>: Gör tvisttidslinjer till sammanhängande narrativ.</li>


<li><a href="https://nodenordic.se/prompts/skapa-ovningsprov-med-denna-ai-prompt">Skapa övningsprov med denna ai-prompt</a>: Testa teamets hantering av tvistprocesser.</li>


<li><a href="https://nodenordic.se/prompts/skapa-ovningsset-steg-for-steg-ai-prompt">Skapa övningsset steg för steg AI-prompt</a>: Bygg övningar för bevis och formulering.</li>

<li><a href="https://nodenordic.se/prompts/skriv-konceptuella-teorikritiker-med-ai">Skriv konceptuella teorikritiker med AI</a>: Stresstesta argument och antaganden.</li>

<li><a href="https://nodenordic.se/prompts/skapa-en-studieplan-med-aktiv-aterkallelse-med-ai">Skapa en studieplan med aktiv återkallelse med AI</a>: Skapa en plan för att snabbt befästa policyer.</li>
<!-- /wp:post-content -->
</ul>
<!-- /wp:list -->
</div>

<div class="faq-section">
<!-- wp:heading {"level":2} -->
<h2 class="wp-block-heading">Vanliga frågor</h2>
<!-- /wp:heading -->

<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för dispute message templates?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>Teamledare för kundsupport</strong> använder den för att standardisera svar som förblir lugna, evidensbaserade och konsekventa mellan handläggare, vilket minskar “freestyle”-eskalering. <strong>Driftchefer</strong> använder den när en leverantör missar specifikationer, tidslinjer eller kvantiteter och de behöver en fasindelad plan som bevarar relationen samtidigt som avtalsrättigheter skyddas. <strong>E-handelsgrundare</strong> använder den för betalningstvister, återbetalningar, frysta utbetalningar och plattformsåtgärder där formuleringar och deadlines är avgörande. <strong>Konsulter och fraktionella COO:er</strong> använder mallarna som kundfärdiga leverabler som driver tvisten framåt utan att låta hotfullt.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för dispute message templates?</span>
<!-- wp:paragraph -->
<p class="answer"><strong>E-handel och retail</strong> använder den för chargebacks, krav om utebliven leverans, kvalitetsproblem hos leverantörer och enforcement-mejl från marknadsplatser där en enda fel formulering kan stoppa ärendet. <strong>SaaS-bolag</strong> använder den för faktureringstvister, uppsägningskonflikter och spärrar hos betaltjänstleverantörer, särskilt när de måste förankra i loggar, ToS-klausuler och återbetalningspolicy. <strong>Tillverkning och grossist</strong> utnyttjar den när leveranser underkänns vid inspektion eller tidsplaner spricker, eftersom fasplanen hjälper dem driva igenom en åtgärd samtidigt som inköpskanaler hålls öppna. <strong>Byråer och tjänsteleverantörer</strong> använder den för omfattningstvister och obetalda fakturor och gör röriga trådar till professionella eskaleringssekvenser kopplade till objektiva kriterier.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-promptar för att skriva dispute message templates svaga resultat?</span>
<!-- wp:paragraph -->
<p class="answer">En typisk prompt som “<em>Skriv ett tvistmejl så jag får tillbaka mina pengar</em>” misslyckas eftersom den: saknar en disciplinerad struktur (fakta → påverkan → behov/principer → begäran), ger inga objektiva kriterier som policyutdrag eller avtalsklausuler, ignorerar kanalens verklighet (ärendeportaler, banktidslinjer, leverantörers inköpssteg), producerar generiska hot i stället för kalibrerad eskalering och hoppar över deadlines och nästa steg så att motparten kan förhala utan konsekvens. Den här prompten tvingar fram en föranalys först och bygger sedan fasindelade mallar som ökar ditt påverkansutrymme utan att vara anklagande. Resultatet läses som om en kompetent medlare skrivit det, inte en arg kund eller en robot.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här prompten för dispute message templates till min specifika situation?</span>
<!-- wp:paragraph -->
<p class="answer">Ja, och det bör du. Justera situationsdetaljerna du ger så att modellen kan välja rätt antal steg, rätt kanal (ärende, e-post, brev, portal) och rätt nivå av fasthet utifrån din risktolerans och vilken relation du vill ha efter utfallet. Om du vill ha tajtare anpassning, lägg till en följdfråga som: “Be mig om minsta uppsättning saknade detaljer (datum, belopp, policy-/avtalsreferenser, tidigare svar) innan du skriver steg 1.” Du kan också be om varianter, till exempel: “Skapa en version för förstalinjesupport och en för eskalering till compliance/juridik.”</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här prompten för dispute message templates?</span>
<!-- wp:paragraph -->
<p class="answer">Det största misstaget är att lämna fakta otydliga—i stället för “De debiterade mig fel”, skriv “842,19 USD debiterades den 4 dec för faktura #1831; avtalet säger netto 30; jag sa upp den 28 nov inom den skriftliga tidsfristen.” Ett annat vanligt fel är att hoppa över objektiva kriterier; “Det här är orättvist” är svagt, medan “Enligt avsnitt 7.2 i er policy gäller återbetalning när tjänsten inte levereras” ger motparten något konkret att agera på. Många delar också för mycket känslor i första meddelandet; bättre är “Jag är frustrerad eftersom förseningen påverkar löneutbetalningar” än “Ni lurar mig.” Slutligen glömmer många att sätta deadlines och nästa steg, så mallarna bör alltid innehålla ett specifikt datum och vad du gör härnäst om du inte får svar.</p>
<!-- /wp:paragraph -->
</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda den här prompten för dispute message templates?</span>
<!-- wp:paragraph -->
<p class="answer">Den här prompten passar inte för engångstvister där du vägrar iterera eller svara på följdfrågor, eftersom bästa resultat bygger på korrekta fakta och en fasindelad plan. Den ersätter inte heller juridisk rådgivning anpassad till jurisdiktion när ärendet är höginsats eller redan är i domstol. Och om ditt enda mål är att skicka ett snabbt argt meddelande för att “chocka” motparten till handling är det, ärligt talat, fel verktyg. I de fallen: samla dokument först och prata med en kvalificerad expert, och kom sedan tillbaka till den här prompten för att kommunicera tydligt.</p>
<!-- /wp:paragraph -->
</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för dispute message templates?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Teamledare för kundsupport använder den för att standardisera svar som förblir lugna, evidensbaserade och konsekventa mellan handläggare, vilket minskar “freestyle”-eskalering. Driftchefer använder den när en leverantör missar specifikationer, tidslinjer eller kvantiteter och de behöver en fasindelad plan som bevarar relationen samtidigt som avtalsrättigheter skyddas. E-handelsgrundare använder den för betalningstvister, återbetalningar, frysta utbetalningar och plattformsåtgärder där formuleringar och deadlines är avgörande. Konsulter och fraktionella COO:er använder mallarna som kundfärdiga leverabler som driver tvisten framåt utan att låta hotfullt."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för dispute message templates?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "E-handel och retail använder den för chargebacks, krav om utebliven leverans, kvalitetsproblem hos leverantörer och enforcement-mejl från marknadsplatser där en enda fel formulering kan stoppa ärendet. SaaS-bolag använder den för faktureringstvister, uppsägningskonflikter och spärrar hos betaltjänstleverantörer, särskilt när de måste förankra i loggar, ToS-klausuler och återbetalningspolicy. Tillverkning och grossist utnyttjar den när leveranser underkänns vid inspektion eller tidsplaner spricker, eftersom fasplanen hjälper dem driva igenom en åtgärd samtidigt som inköpskanaler hålls öppna. Byråer och tjänsteleverantörer använder den för omfattningstvister och obetalda fakturor och gör röriga trådar till professionella eskaleringssekvenser kopplade till objektiva kriterier."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-promptar för att skriva dispute message templates svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som \"Skriv ett tvistmejl så jag får tillbaka mina pengar\" misslyckas eftersom den: saknar en disciplinerad struktur (fakta → påverkan → behov/principer → begäran), ger inga objektiva kriterier som policyutdrag eller avtalsklausuler, ignorerar kanalens verklighet (ärendeportaler, banktidslinjer, leverantörers inköpssteg), producerar generiska hot i stället för kalibrerad eskalering och hoppar över deadlines och nästa steg så att motparten kan förhala utan konsekvens. Den här prompten tvingar fram en föranalys först och bygger sedan fasindelade mallar som ökar ditt påverkansutrymme utan att vara anklagande. Resultatet läses som om en kompetent medlare skrivit det, inte en arg kund eller en robot."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här prompten för dispute message templates till min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja, och det bör du. Justera situationsdetaljerna du ger så att modellen kan välja rätt antal steg, rätt kanal (ärende, e-post, brev, portal) och rätt nivå av fasthet utifrån din risktolerans och vilken relation du vill ha efter utfallet. Om du vill ha tajtare anpassning, lägg till en följdfråga som: “Be mig om minsta uppsättning saknade detaljer (datum, belopp, policy-/avtalsreferenser, tidigare svar) innan du skriver steg 1.” Du kan också be om varianter, till exempel: “Skapa en version för förstalinjesupport och en för eskalering till compliance/juridik.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här prompten för dispute message templates?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna fakta otydliga—i stället för “De debiterade mig fel”, skriv “842,19 USD debiterades den 4 dec för faktura #1831; avtalet säger netto 30; jag sa upp den 28 nov inom den skriftliga tidsfristen.” Ett annat vanligt fel är att hoppa över objektiva kriterier; “Det här är orättvist” är svagt, medan “Enligt avsnitt 7.2 i er policy gäller återbetalning när tjänsten inte levereras” ger motparten något konkret att agera på. Många delar också för mycket känslor i första meddelandet; bättre är “Jag är frustrerad eftersom förseningen påverkar löneutbetalningar” än “Ni lurar mig.” Slutligen glömmer många att sätta deadlines och nästa steg, så mallarna bör alltid innehålla ett specifikt datum och vad du gör härnäst om du inte får svar."
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda den här prompten för dispute message templates?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten passar inte för engångstvister där du vägrar iterera eller svara på följdfrågor, eftersom bästa resultat bygger på korrekta fakta och en fasindelad plan. Den ersätter inte heller juridisk rådgivning anpassad till jurisdiktion när ärendet är höginsats eller redan är i domstol. Och om ditt enda mål är att skicka ett snabbt argt meddelande för att “chocka” motparten till handling är det, ärligt talat, fel verktyg. I de fallen: samla dokument först och prata med en kvalificerad expert, och kom sedan tillbaka till den här prompten för att kommunicera tydligt."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">
<!-- wp:paragraph -->
<p>Tvister behöver oftast inte mer intensitet. De behöver bättre struktur, mer strukturerade bevis och eskalering med rätt timing. Klistra in den här prompten i din modell, kör faserna och skicka den första mallen redan i dag.</p>
<!-- /wp:paragraph -->
</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/skriv-mallar-for-tvistmeddelanden-med-ai-prompt/">Skriv mallar för tvistmeddelanden med AI-prompt</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Designa en mobilförst produktsida med AI-prompten</title>
		<link>https://nodenordic.se/prompts/designa-en-mobilforst-produktsida-med-ai-prompten/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=designa-en-mobilforst-produktsida-med-ai-prompten</link>
		
		<dc:creator><![CDATA[Rickard Andersson]]></dc:creator>
		<pubDate>Fri, 23 Jan 2026 02:44:30 +0000</pubDate>
				<category><![CDATA[prompts]]></category>
		<guid isPermaLink="false">https://nodenordic.se/?p=5003036</guid>

					<description><![CDATA[<p>Produktsidor läcker försäljning. AI-prompten gör dina input till en layoutplan för desktop och mobil med social proof, CTA:er och tillgänglighet.</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/designa-en-mobilforst-produktsida-med-ai-prompten/">Designa en mobilförst produktsida med AI-prompten</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></description>
										<content:encoded><![CDATA[<!-- FOCUS_KEYWORD: mobile-first product page -->
<div class="hook-introduction">

<p>De flesta produktsidor ser bra ut och läcker ändå försäljning. På mobilen lämnar kunder sidan eftersom den svarar på fel frågor först, gömmer bevis och tvingar fram för mycket scroll innan ”varför just den här” sitter. Du får okej trafik och nedslående add-to-cart-nivåer.</p>



<p>Den här <strong>mobile-first-produktsidan</strong> är byggd för <strong>e-handelsmarknadsförare</strong> som behöver en sidstruktur som konverterar utan ännu en redesign-sprint, <strong>Shopify-butiksägare</strong> som vet att produkten är bra men inte hinner förklara det snabbt nog i en telefon, och <strong>konverteringsfokuserade designers</strong> som vill ha en blueprint kopplad till skanningsbeteende i stället för ”snygga sektioner”. Resultatet är en konverteringsdriven sid-blueprint med prioriterade sektioner, en mobilanpassad informationsarkitektur, vägledning för bildsekvensering, CTA-placering, invändningshantering samt krav på prestanda och tillgänglighet.</p>

</div>

<div class="what-and-when-section">

<h2 class="wp-block-heading">Vad gör den här AI-prompten och när ska du använda den?</h2>



<table class="solution-results-table three-column" role="presentation" aria-label="What this prompt does, when to use it, and what you get">
 <thead>
    <tr>
      <th scope="col">Vad den här prompten gör</th>
      <th scope="col">När du ska använda den här prompten</th>
      <th scope="col">Vad du får</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul class="automation-list">
          <li>Den organiserar om innehåll på produktsidan efter prioritet i köpbeslutet, så att kunderna får veta det de behöver härnäst i stället för det varumärket vill säga först.</li>
          <li>Den planerar bildmaterial som en narrativ sekvens och specificerar vad varje bild ska bevisa och vilket mikrobeslut den stödjer.</li>
          <li>Den skriver en struktur som besvarar invändningar innan de ställs, vilket minskar tvekan under scroll.</li>
          <li>Den designar mobilen som en egen informationsarkitektur med tumvänliga interaktioner och gradvis informationsvisning.</li>
          <li>Den lägger till krav för prestanda och tillgänglighet, inklusive progressiv laddningsordning, riktlinjer för tryckytor samt överväganden för kontrast och struktur.</li>
       </ul>
      </td>
      <td>
        <ul class="results-list">
          <li>Du får in bra trafik men mobilkonverteringen släpar, och du misstänker att sidan gör för mycket för tidigt.</li>
          <li>Din PDP läser som en broschyr, och kundfrågor dyker fortfarande upp i recensioner, supportärenden eller chatten.</li>
          <li>Du har en hero-bild, ett stycke text och en specifikationsruta, men ingen tydlig ”förtroendetrappa” från intresse till köp.</li>
          <li>Konkurrenter vinner på tydlighet och bevis även när deras produkt är jämförbar, och du behöver en snabb strukturell fördel.</li>
          <li>Du skalar annonsbudgeten och har inte råd att fortsätta gissa var CTAs, bevis och kritiska detaljer ska ligga på små skärmar.</li>
        </ul>
      </td>
       <td>
         <ul class="deliverables-list">
           <li>En sektion-för-sektion-blueprint för produktsidan med prioriterad ordning och anteckningar om vad varje block måste åstadkomma.</li>
           <li>En mobile-first-layoutplan med vägledning för innehåll ovanför sidbrytningen, tryckytor och korta, skanningsvänliga moduler.</li>
           <li>En översikt av bildsekvensen som specificerar 6–10 ”jobb” för bilder (vad som ska visas, varför det spelar roll och var det ska ligga).</li>
           <li>En CTA-karta med placering av primär/sekundär CTA samt brådskeriktlinjer kopplade till tydlighet, knapphet eller momentum.</li>
           <li>En checklista med krav på prestanda och tillgänglighet, inklusive progressiv laddning, fallback för långsamma nätverk och anteckningar om struktur/kontrast.</li>
         </ul>
       </td>
    </tr>
  </tbody>
</table>

</div>

<div class="prompt-display-section">

<h2 class="wp-block-heading">Hela AI-prompten: byggare för mobile-first PDP-blueprint</h2>



<div class="prompt-viewer-wrapper" id="prompt-section">
    <div class="prompt-comparison-row prompt-premium">
        <!-- Header with buttons -->
        <div class="prompt-row-header">
            <!-- <span class="prompt-row-icon">✨</span> -->
            <span class="prompt-row-title">
                                    Steg 1: Anpassa prompten med din information
                            </span>
            <div class="prompt-header-buttons">
                                    <button class="prompt-header-btn prompt-header-reset" onclick="resetPrompt()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                                <button class="prompt-header-btn prompt-header-copy-green flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span>Anpassa och kopiera hela prompten</span>
                </button>
            </div>
        </div>

        <!-- Customize the Prompt Section -->
                    <div class="prompt-customize-section">
                <span class="customize-title">Anpassa prompten</span>
                <p class="customize-subtitle">Fyll i fälten nedan för att anpassa prompten efter dina behov.</p>
                <table class="customize-table">
                    <thead>
                        <tr>
                            <th>Variabel</th>
                            <th>Vad du ska ange</th>
                            <th>Anpassa prompten</th>
                        </tr>
                    </thead>
                    <tbody>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBILDER]</code></td>
                                <td class="var-desc">
                                    Tillhandahåll ett urval av högkvalitativa bilder som visar produkten från olika vinklar eller i användning. Inkludera bilder som lyfter fram viktiga funktioner eller fördelar.                                    <div class="var-example">Till exempel: "En uppsättning med 6 bilder som visar en vattentät vandringsryggsäck: framifrån, från sidan, innerfack, modell som bär den utomhus, närbild på dragkedjor samt demonstration av vattenresistens."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBILDER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[NYCKELFUNKTIONER]</code></td>
                                <td class="var-desc">
                                    Lista produktens viktigaste funktioner som särskiljer den från konkurrenter och möter kundernas behov.                                    <div class="var-example">Till exempel: "Ergonomisk design, lätt aluminiumram, inbyggd USB-laddningsport samt justerbara remmar för hög komfort."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[NYCKELFUNKTIONER]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[MALGRUPP]</code></td>
                                <td class="var-desc">
                                    Definiera produktens idealkund, inklusive demografi, intressen och specifika utmaningar eller behov de har.                                    <div class="var-example">Till exempel: "Friluftsintresserade i åldern 25–40 som vandrar ofta och behöver slitstark, lätt utrustning för flerdagsturer."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[MALGRUPP]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[VARUMARKESTON]</code></td>
                                <td class="var-desc">
                                    Beskriv tonalitet och kommunikationsstil som stämmer med varumärkesidentiteten och tilltalar målgruppen.                                    <div class="var-example">Till exempel: "Självsäker, äventyrlig och praktisk – en röst som inger förtroende och uppmuntrar till upptäckarglädje."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[VARUMARKESTON]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[NYCKELORD]</code></td>
                                <td class="var-desc">
                                    Ange en lista med SEO-anpassade nyckelord och fraser som kunder kan använda när de söker efter produkten online.                                    <div class="var-example">Till exempel: "Vattentät vandringsryggsäck, lätt reseutrustning, ryggsäck för outdoor-äventyr, slitstark campingväska."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[NYCKELORD]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTNAMN]</code></td>
                                <td class="var-desc">
                                    Ange produktens namn så som det ska visas på sidan. Håll det kort och beskrivande.                                    <div class="var-example">Till exempel: "Trailblazer vattentät vandringsryggsäck"</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PRODUKTNAMN]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PRODUKTBESKRIVNING]</code></td>
                                <td class="var-desc">
                                    Skriv en utförlig beskrivning av produkten med fokus på fördelar, funktioner och hur den löser kundernas behov eller problem.                                    <div class="var-example">Till exempel: "Trailblazer vattentät vandringsryggsäck är framtagen för friluftsintresserade som kräver slitstyrka och komfort. Med en lätt ram, ergonomiska remmar och vattenresistent material håller den din utrustning säker och torr under flerdagarsäventyr."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[PRODUKTBESKRIVNING]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[PLATTFORM]</code></td>
                                <td class="var-desc">
                                    Ange vilken e-handelsplattform eller webbplats där produktsidan ska publiceras.                                    <div class="var-example">Till exempel: "Shopify-butik eller Amazon Marketplace."</div>
                                </td>
                                <td class="var-input">
                                                                            <input
                                            type="text"
                                            class="customize-input"
                                            data-placeholder="[PLATTFORM]"
                                            placeholder="Ange ditt värde här..." />
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[HUVUDMAL]</code></td>
                                <td class="var-desc">
                                    Ange produktsidans främsta mål, till exempel att öka konverteringen, driva trafik eller förbättra engagemanget.                                    <div class="var-example">Till exempel: "Maximera andelen som lägger i varukorgen och öka köp genom att minska friktion och besvara invändningar."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[HUVUDMAL]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                                    <tr>
                                <td class="var-name"><code>[KONTEXT]</code></td>
                                <td class="var-desc">
                                    Ange eventuell extra bakgrundsinformation eller begränsningar som påverkar utformningen eller budskapet på produktsidan.                                    <div class="var-example">Till exempel: "Produkten lanseras under högsäsong inför högtider, med fokus på presentköpare och sena beslutsfattare. Mobiltrafik står för 70 % av besöken."</div>
                                </td>
                                <td class="var-input">
                                                                            <textarea
                                            class="customize-input"
                                            data-placeholder="[KONTEXT]"
                                            placeholder="Ange ditt värde här..."
                                            rows="3"></textarea>
                                                                    </td>
                            </tr>
                                            </tbody>
                </table>

                <button class="copy-customized-btn flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                    </svg>
                    <span class="copy-customized-text">Anpassa prompten nu</span>

                </button>
            </div>
        
        <!-- Full Prompt Code Header -->
                    <div class="prompt-code-header">
                <span class="prompt-code-title">
                    Steg 2: Kopiera prompten
                </span>
                <div class="prompt-code-buttons">
                    <!-- Reset: Only visible when unlocked -->
                    <button class="prompt-header-btn prompt-header-reset btn-when-unlocked" onclick="resetPrompt()" style="display: none;">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
                            <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                        </svg>
                        <span>Återställ</span>
                    </button>
                    <!-- Copy Full Prompt -->
                    <button class="prompt-header-btn prompt-header-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                            <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
                        </svg>
                        <span>Kopiera hela prompten</span>
                    </button>
                </div>
            </div>
        

        <!-- Prompt Content -->
        <div class="prompt-box prompt-gated-wrapper">
            <!-- Gated: Blurred content -->
            <div class="prompt-gated-content">
                <div class="prompt-header-visible">MÅL</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PERSONA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">BEGRÄNSNINGAR</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">PROCESS</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Hantering av edge cases</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">Vad detta INTE är (scope boundaries)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">INDATA</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">SPECIFIKATION FÖR OUTPUT</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">1) Förtydligande frågor (vid behov)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">2) Sidöversikt (scan-first-hierarki)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">3) Sektion-för-sektion-layout (Desktop + Mobile sida vid sida)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div><div class="locked-line" style="width: 95%;"></div><div class="locked-line" style="width: 70%;"></div><div class="locked-line" style="width: 83%;"></div><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div><div class="locked-line" style="width: 80%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">4) Bildstoryboard-plan</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">5) Progressiv laddning &amp; fallback vid låg bandbredd</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible subheader">6) Microcopy (snuttar med hög effekt)</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div><div class="prompt-header-visible">KVALITETSKONTROLLER</div><div class="locked-section"><div class="locked-section-bg"><div class="locked-section-lines"><div class="locked-line" style="width: 85%;"></div><div class="locked-line" style="width: 78%;"></div><div class="locked-line" style="width: 92%;"></div><div class="locked-line" style="width: 75%;"></div><div class="locked-line" style="width: 88%;"></div><div class="locked-line" style="width: 72%;"></div></div></div><div class="locked-section-icon">🔒</div></div>            </div>
            <!-- Unlocked: Full content (hidden by default) -->
            <div class="prompt-content-full" id="premium-prompt-content" style="display: none;">
                ## MÅL
Skapa en konverteringsförst skiss för en produktsida (PDP) som vinner i trång e-handel genom att matcha verkligt skanningsbeteende (särskilt på mobil), guida kunder genom snabba mikrobeslut och öka add-to-cart-/köpfrekvens utan att förlita sig på generiska mallar.

## PERSONA
Du är en performance-inriktad UX-/sidarkitekturspecialist och tidigare designer av Amazons product detail pages. Du lämnade marketplace-design efter att ha bekräftat—genom omfattande eye-tracking- och heatmap-research—att de flesta PDP:er tappar kunder nästan direkt. Din stil är pragmatisk och rak: du prioriterar beteendetriggers, tydlighet, snabb väg till värde och friktionsborttagning framför “snygga” layouter.

## BEGRÄNSNINGAR
- Organisera information efter **köpbeslutsprioritet** (vad som måste vara känt *näst*), inte efter vad varumärket tycker är “viktigast”.
- Behandla bilder som en **narrativ sekvens** som bygger trygghet, inte som ett galleri av slumpmässiga vinklar.
- Skriv/strukturera innehåll så att det besvarar invändningar **innan** kunden formulerar dem.
- Koppla funktioner till **konkreta smärtor/resultat** för den ideala mottagaren.
- CTA:er ska skapa brådska via tydlighet, knapphet eller momentum—aldrig “tiggande” språk.
- Mobil är en **egen informationsarkitektur**, inte en krympt desktop.
- Undvik:
  - Generiska/meningslösa trust-ikoner
  - Täta stycken och “textväggar”
  - Att anta oändlig uppmärksamhet för scroll
- Betona:
  - Effekt ovanför “fold”
  - Progressiv disclosure (visa detaljer när tryggheten ökar)
  - Tumvänliga interaktioner
- Prestanda/tillgänglighet:
  - Planera för progressiv laddning (kritiskt innehåll först)
  - Ge fallback-alternativ för långsamma nätverk
  - Inkludera tillgänglighetskrav (kontrast, tryckytor, struktur)

## PROCESS
1. **Föranalys (ange din förståelse först):** Sammanfatta produkten, köparen och konverteringsmålet i 4–6 punkter och lista eventuella antaganden.
2. **Ställ riktade frågor:** Om något underlag saknas/är oklart, ställ bara minsta uppsättning frågor som krävs för att gå vidare. Om användaren ber om “hoppa över frågor”, fortsätt med best-practice-standarder och märk dem som antaganden.
3. **Kartlägg beslutsväg:** Identifiera kundens sannolika sekvens: första intryck → relevanscheck → värdevalidering → riskreducering → commitment.
4. **Layoutarkitektur:** Ta fram en sektion-för-sektion-hierarki anpassad efter skanningsmönster, inklusive var uppmärksamheten landar först.
5. **Desktop + mobil-byggen:** Ge två tydligt separata varianter som är visuellt konsekventa (varumärket) men strukturellt optimerade för respektive enhet.
6. **Logik för konverteringsplacering:** Specificera var trust-signaler, social proof, invändningshantering och CTA:er placeras—och *varför* de placeras där.
7. **Plan för hastighet &amp; robusthet:** Definiera progressiv renderingsordning, lätta alternativ och regler för tillgänglighet/tryckytor.

### Hantering av edge cases
- Om [PRODUKTBILDER] är “none” eller minimalt, föreslå en kompenserande plan (t.ex. ikonografi, kort demo video, jämförelsemodul, UGC-förfrågeprompter).
- Om [NYCKELFUNKTIONER] är vaga, skriv om dem till effektbaserade nyttopåståenden och flagga osäkerheter.
- Om [MALGRUPP] är bred, föreslå 1–2 rimliga undersegment och anpassa sidflödet till bästa segmentet (tydligt märkt).
- Om [VARUMARKESTON] / visuell stil krockar med konverteringsbehov (t.ex. lågkontrast “fashion minimalism”), föreslå ett “brand-safe” alternativ.

### Vad detta INTE är (scope boundaries)
- Inte en fullständig visuell mockup i Figma eller färdigt UI-artwork.
- Inte ett komplett copywriting-pack för varje modul (du kan inkludera nyckelsnuttar, men leveransen är sidarkitektur + placering).
- Inte SEO-sökordsresearch utöver att använda angivna [NYCKELORD] om de finns.
- Inte instruktioner för backend-utveckling (endast front-end layout-/prestandahänsyn).

## INDATA
- **Produktnamn:** [PRODUKTNAMN]
- **Produktbeskrivning:** [PRODUKTBESKRIVNING]
- **Tillgängliga produktbilder (beskriv typer/antal):** [PRODUKTBILDER]
- **Lista över nyckelfunktioner:** [NYCKELFUNKTIONER]
- **Primärt användarsegment (ideal mottagare):** [MALGRUPP]
- **Varumärkesröst och visuell stilriktning:** [VARUMARKESTON]
- **Plattform/butik (t.ex. Shopify, custom, Amazon-lik PDP):** [PLATTFORM]
- **Primärt mål (t.ex. add-to-cart, buy-now, lead capture):** [HUVUDMAL]
- **Kontext/begränsningar (frakt, prisnivå, garantier, varianter):** [KONTEXT]
- **Nyckelord om relevant (valfritt):** [NYCKELORD]

## SPECIFIKATION FÖR OUTPUT
Leverera en strukturerad PDP-plan med tydliga hierarkimarkörer och parade enhetslayouter för varje större sektion.

### 1) Förtydligande frågor (vid behov)
- {Question}
- {Question}
- {Question}

### 2) Sidöversikt (scan-first-hierarki)
- {Decision Priority Order}: en numrerad lista över vad kunden måste förstå/känna i ordning
- {Above The Fold Promise}: en mening som beskriver den omedelbara takeaway:n
- {Primary Objections}: 3–6 punkter

### 3) Sektion-för-sektion-layout (Desktop + Mobile sida vid sida)
För varje sektion, inkludera:

#### {Section Name}
**Syfte (konverteringsjobb):** {Purpose}

**DESKTOP (pixlar)**
- **Placering:** {Location}
- **Grid/bredd:** {Container Width Px}, {Columns}
- **Nyckelelement (punkter):**
  - {Element Name}: {Spec}
    - Styling: {Typography/Color/Spacing}
    - Beteende: {Interaction}
- **CTA-logik:** {CTA Placement Reasoning}
- **Infogning av trust/social proof:** {Trust Placement}

**MOBILE (procent + tumregler)**
- **Placering:** {Location}
- **Storlek:** {Width Percent} / {Spacing Rules}
- **Nyckelelement (punkter):**
  - {Element Name}: {Spec}
    - Tryckytor: {Min Tap Size}
    - Progressiv disclosure: {Collapsed/Expanded Behavior}
- **CTA-logik:** {CTA Placement Reasoning}
- **Tillgänglighetsnoteringar:** {A11y Notes}

**ASCII wire sketch (när det hjälper)**
```
{Ascii Diagram}
```

Inkludera (minst) dessa sektioner, omdöpta efter behov för produkten:
- Header / utility bar
- Hero (first screen)
- Value validation block (benefit + proof)
- Feature-to-pain highlights (scannable)
- Image story module (sequence)
- Objection handling / FAQ
- Social proof (reviews/UGC/case snippets)
- Offer clarity (shipping/returns/warranty/payment options)
- Comparison/alternatives (if applicable)
- Final CTA / sticky CTA strategy (especially mobile)
- Footer

### 4) Bildstoryboard-plan
- {Frame 1}: vad den måste kommunicera på &lt;1 sekund
- {Frame 2}: {Meaning}
- {Frame 3}: {Meaning}
- {Optional Frames}: {Meaning}
- Vägledning vid saknade tillgångar: {Asset Substitutions}

### 5) Progressiv laddning &amp; fallback vid låg bandbredd
- {Critical Render Order}: vad som laddar först, andra, tredje
- {Lightweight Alternatives}: t.ex. statisk poster istället för autoplay-video
- {Skeleton/placeholder strategy}: {Approach}

### 6) Microcopy (snuttar med hög effekt)
Ge korta utkast för:
- {Hero Headline विकल्प}: 3 alternativ
- {Subhead}: 2 alternativ
- {Primary CTA Label}: 3 alternativ
- {Urgency/stock messaging}: 2 alternativ (inte desperata)
- {Risk reducer line}: 2 alternativ (returer/garanti/frakt-tydlighet)

## KVALITETSKONTROLLER
I slutet, inkludera en valideringschecklista med 4–5 pass/fail-punkter:
- {Check 1}: Mobil-layouten är strukturellt separat (inte en komprimerad desktop).
- {Check 2}: Ovanför fold kommunicerar värde + relevans + nästa handling inom 3 sekunder.
- {Check 3}: Trust/social proof visas vid minst {Count} beslutstillfällen med hög friktion.
- {Check 4}: CTA:er matchar peak-interest-punkter och har en sticky/tumvänlig mobilplan.
- {Check 5}: Fallbacks för prestanda och tillgänglighet är tydligt specificerade.            </div>
        </div>


    </div>

    <!-- CTA Row - Full width buttons -->
    <div class="prompt-cta-row">
        <button class="prompt-cta-btn prompt-cta-copy flowpast-copy-prompt-btn" onclick="handlePromptCopy()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" />
                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" />
            </svg>
            <span class="cta-copy-text">Kopiera hela prompten</span>
        </button>
    </div>
</div>

<style>
    /* Gated prompt states */
    .prompt-gated-wrapper {
        position: relative;
    }

    /* When unlocked - show full content, hide gated */
    body.flowpast-unlocked .prompt-gated-wrapper .prompt-gated-content {
        display: none;
    }

    body.flowpast-unlocked .prompt-gated-wrapper .prompt-content-full {
        display: block !important;
    }

    /* Show/hide elements based on unlock state */
    body.flowpast-unlocked .btn-when-unlocked {
        display: inline-flex !important;
    }

    .prompt-viewer-wrapper {
        scroll-margin-top: 250px;
    }

    /* ========================================
   PROMPT VIEWER - MAIN WRAPPER
   ======================================== */
    .prompt-viewer-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* ========================================
   PROMPT BOX CONTAINER
   ======================================== */
    .prompt-comparison-row {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        background: #fff;
    }

    /* ========================================
   HEADER WITH BUTTONS
   ======================================== */
    .prompt-row-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
        flex-wrap: wrap;
    }

    .prompt-row-icon {
        font-size: 20px;
    }

    .prompt-row-title {
        font-weight: 600;
        font-size: 22px;
        color: #fff !important;
        text-decoration: underline
    }

    .prompt-header-buttons {
        margin-left: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Header buttons */
    .prompt-header-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-header-copy {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-header-copy:hover {
        background: #2a2a2a;
    }

    .prompt-header-copy.copied {
        background: #2e7d32;
    }

    .prompt-header-copy-green {
        background: #04AA6D !important;
        color: #fff !important;
    }

    .prompt-header-copy-green span {
        color: #fff !important;
    }

    .prompt-header-copy-green:hover {
        background: #039860 !important;
    }

    .prompt-header-copy-green.copied {
        background: #2e7d32 !important;
    }

    .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-header-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-1px);
    }

    /* ========================================
   PROMPT CONTENT - FULL (NO SCROLL)
   ======================================== */
    .prompt-box {
        background: #ffffff;
    }

    .prompt-content-full {
        padding: 24px;
        margin: 0;
        color: #202124;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.7;
        white-space: pre-wrap;
        word-wrap: break-word;
        /* No scroll - show full content */
        max-height: none;
        overflow: visible;
    }

    /* Highlighted variable in prompt */
    .prompt-variable {
        background: #fff3cd;
        color: #1967d2;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #ffc107;
    }

    .prompt-variable-filled {
        background: #d4edda;
        color: #155724;
        font-weight: 700;
        padding: 2px 4px;
        border-radius: 3px;
        border: 1px solid #28a745;
    }

    /* ========================================
   GATED CONTENT (NO ACCESS)
   ======================================== */
    .prompt-gated-content {
        padding: 24px;
        background: #ffffff;
        font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
        font-size: 13px;
        line-height: 1.8;
        max-height: none;
        overflow: visible;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor: default;
    }

    /* ## headers - larger, black */
    .prompt-header-visible {
        color: #202124;
        font-weight: 600;
        margin: 5px 0 0px 0;
        font-size: 20px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    /* ### headers - smaller, black */
    .prompt-header-visible.subheader {
        color: #202124;
        font-weight: 600;
        margin: 5px 0;
        font-size: 18px;
    }

    .prompt-header-visible:first-child {
        margin-top: 0;
    }

    /* ========================================
   LOCKED SECTION BLOCK
   ======================================== */
    .locked-section {
        position: relative;
        margin: 4px 0 8px 0;
        border-radius: 6px;
        overflow: hidden;
        background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .locked-section-bg {
        position: relative;
    }

    .locked-section-lines {
        padding: 8px 12px;
        position: relative;
    }

    .locked-line {
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 3px;
        margin-bottom: 4px;
        margin-left: 12px;
    }

    .locked-line:last-child {
        margin-bottom: 0;
    }

    .locked-section-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        font-size: 24px;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    /* Subheader locked sections - slightly indented */
    /*  .prompt-header-visible.subheader+.locked-section {
        margin-left: 16px;
    } */

    /* ========================================
   COMPATIBILITY BADGES
   ======================================== */
    .prompt-compatibility {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
    }

    .compat-label {
        font-size: 13px;
        color: #5f6368;
        font-weight: 500;
    }

    .compat-badge {
        padding: 4px 10px;
        background: #e8f0fe;
        color: #1967d2;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    /* ========================================
   CTA ROW - FULL WIDTH BUTTONS
   ======================================== */
    .prompt-cta-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    .prompt-cta-btn {
        flex: 1;
        min-width: 200px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 16px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        text-decoration: none;
        border: none;
    }

    .prompt-cta-copy {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy span {
        background: #3a3a3a;
        color: #fff !important;
    }


    .prompt-cta-copy:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }


    .prompt-cta-copy.copied {
        background: #2e7d32;
    }

    .prompt-cta-reset {
        background: #3a3a3a;
        color: #fff;
    }

    .prompt-cta-reset:hover {
        background: #2a2a2a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .prompt-cta-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
    }

    .prompt-cta-access:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    /* ========================================
    CUSTOMIZE YOUR PROMPT SECTION
    ======================================== */
    .prompt-customize-section {
        padding: 24px;
        border-bottom: 1px solid #e0e0e0;
        background: #fafbfc;
    }

    .customize-title {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 700;
        color: #202124;
    }

    .customize-subtitle {
        margin: 0 0 20px 0;
        font-size: 14px;
        color: #5f6368;
    }

    .customize-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .customize-table th {
        text-align: left;
        padding: 12px;
        background: #f1f3f4;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        font-weight: 600;
        color: #202124;
    }

    .customize-table td {
        padding: 12px;
        border: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .customize-table .var-name {
        width: 25%;
        background: #f8f9fa;
    }

    .customize-table .var-name code {
        background: #fff3cd;
        color: #1967d2;
        border: 1px solid #ffc107;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        word-break: break-all;
        font-weight: 600;
    }

    .customize-table .var-desc {
        width: 35%;
        font-size: 13px;
        color: #5f6368;
        line-height: 1.5;
    }

    .customize-table .var-example {
        margin-top: 8px;
        padding: 8px 10px;
        background: #f8f9fa;
        border-left: 3px solid #dadce0;
        font-size: 12px;
        color: #5f6368;
        font-style: italic;
        border-radius: 0 4px 4px 0;
    }

    .customize-table .var-input {
        width: 40%;
    }

    .customize-input {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #dadce0;
        border-radius: 6px;
        font-size: 13px;
        font-family: inherit;
        resize: vertical;
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .customize-input:focus {
        outline: none;
        border-color: rgb(5, 152, 98);
        box-shadow: 0 0 0 3px rgba(5, 152, 98, 0.1);
    }

    .customize-input::placeholder {
        color: #9aa0a6;
        font-style: italic;
    }

    .copy-customized-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 16px 24px;
        background: rgb(5, 152, 98);
        color: #fff !important;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
    }

    .copy-customized-btn span {
        color: #fff !important
    }

    .copy-customized-text span {
        color: #fff !important
    }

    .copy-customized-btn:hover {
        background: rgb(4, 130, 83);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 152, 98, 0.3);
    }

    .copy-customized-btn.copied {
        background: #2e7d32;
    }

    /* ========================================
    FULL PROMPT CODE HEADER
    ======================================== */
    .prompt-code-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: #fff !important;
        background: #141414;
        border-bottom: 1px solid #e0e0e0;
    }

    .prompt-code-title {
        font-size: 22px;
        font-weight: 600;
        text-decoration: underline;
        color: #fff !important;

    }

    .prompt-code-buttons {
        display: flex;
        gap: 8px;
    }

    .prompt-code-buttons .prompt-header-btn {
        padding: 8px 14px;
        font-size: 13px;
        background: #ffffff;
        color: #202124;
        border: 1px solid #dadce0;
    }

    .prompt-code-buttons .prompt-header-access {
        background: rgb(5, 152, 98);
        color: #fff !important;
        border-color: rgb(5, 152, 98);
    }

    .prompt-code-buttons .prompt-header-btn.prompt-header-access:hover {
        background: rgb(4, 130, 83) !important;
        border-color: rgb(4, 130, 83);
        color: #fff !important;
    }

    .prompt-code-buttons .prompt-header-btn:hover {
        background: #f1f3f4;
    }

    .prompt-code-buttons .prompt-header-copy.copied {
        background: #d4edda;
        color: #155724;
        border-color: #28a745;
    }

    .prompt-header-reset {
        background: #ffffff;
        color: #202124;
    }

    /* ========================================
   RESPONSIVE
   ======================================== */
    @media (max-width: 768px) {
        .prompt-row-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
        }

        .prompt-header-buttons {
            margin-left: 0;
            width: 100%;
        }

        .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }

        .prompt-cta-row {
            flex-direction: column;
        }

        .prompt-cta-btn {
            width: 100%;
        }

        /* Customize table responsive */
        .customize-table,
        .customize-table thead,
        .customize-table tbody,
        .customize-table tr,
        .customize-table th,
        .customize-table td {
            display: block;
        }

        .customize-table thead {
            display: none;
        }

        .customize-table tr {
            margin-bottom: 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            overflow: hidden;
        }

        .customize-table td {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #e0e0e0;
        }

        .customize-table td:last-child {
            border-bottom: none;
        }

        .customize-table .var-name {
            background: #f1f3f4;
            font-weight: 600;
        }

        .prompt-code-header {
            flex-direction: column;
            gap: 12px;
            align-items: flex-start;
        }

        .prompt-code-buttons {
            width: 100%;
        }

        .prompt-code-buttons .prompt-header-btn {
            flex: 1;
            justify-content: center;
        }
    }
</style>

<script>
    function handlePromptCopy() {
        // Check if unlocked via cookie
        if (typeof window.flowpastIsUnlocked === 'function' && !window.flowpastIsUnlocked()) {
            // Show email popup
            if (typeof window.flowpastShowEmailPopup === 'function') {
                window.flowpastShowEmailPopup('prompt');
            }
            return;
        }

        // Copy the customized prompt (with filled variables)
        const customizedPrompt = getCustomizedPrompt();
        const copyButtons = document.querySelectorAll('.prompt-header-copy, .prompt-header-copy-green, .prompt-cta-copy, .copy-customized-btn');

        navigator.clipboard.writeText(customizedPrompt).then(() => {
            copyButtons.forEach(btn => {
                btn.classList.add('copied');
                const textSpan = btn.querySelector('span');
                if (textSpan) textSpan.textContent = 'Kopierad!';
            });

            setTimeout(() => {
                copyButtons.forEach(btn => {
                    btn.classList.remove('copied');
                    const textSpan = btn.querySelector('span');
                    if (textSpan) textSpan.textContent = 'Kopiera hela prompten';
                });
            }, 2000);
        }).catch(err => {
            console.error('Failed to copy:', err);
        });
    }

    // Store original prompt for customization
    const originalPrompt = "## M\u00c5L\r\nSkapa en konverteringsf\u00f6rst skiss f\u00f6r en produktsida (PDP) som vinner i tr\u00e5ng e-handel genom att matcha verkligt skanningsbeteende (s\u00e4rskilt p\u00e5 mobil), guida kunder genom snabba mikrobeslut och \u00f6ka add-to-cart-\/k\u00f6pfrekvens utan att f\u00f6rlita sig p\u00e5 generiska mallar.\r\n\r\n## PERSONA\r\nDu \u00e4r en performance-inriktad UX-\/sidarkitekturspecialist och tidigare designer av Amazons product detail pages. Du l\u00e4mnade marketplace-design efter att ha bekr\u00e4ftat\u2014genom omfattande eye-tracking- och heatmap-research\u2014att de flesta PDP:er tappar kunder n\u00e4stan direkt. Din stil \u00e4r pragmatisk och rak: du prioriterar beteendetriggers, tydlighet, snabb v\u00e4g till v\u00e4rde och friktionsborttagning framf\u00f6r \u201csnygga\u201d layouter.\r\n\r\n## BEGR\u00c4NSNINGAR\r\n- Organisera information efter **k\u00f6pbeslutsprioritet** (vad som m\u00e5ste vara k\u00e4nt *n\u00e4st*), inte efter vad varum\u00e4rket tycker \u00e4r \u201cviktigast\u201d.\r\n- Behandla bilder som en **narrativ sekvens** som bygger trygghet, inte som ett galleri av slumpm\u00e4ssiga vinklar.\r\n- Skriv\/strukturera inneh\u00e5ll s\u00e5 att det besvarar inv\u00e4ndningar **innan** kunden formulerar dem.\r\n- Koppla funktioner till **konkreta sm\u00e4rtor\/resultat** f\u00f6r den ideala mottagaren.\r\n- CTA:er ska skapa br\u00e5dska via tydlighet, knapphet eller momentum\u2014aldrig \u201ctiggande\u201d spr\u00e5k.\r\n- Mobil \u00e4r en **egen informationsarkitektur**, inte en krympt desktop.\r\n- Undvik:\r\n  - Generiska\/meningsl\u00f6sa trust-ikoner\r\n  - T\u00e4ta stycken och \u201ctextv\u00e4ggar\u201d\r\n  - Att anta o\u00e4ndlig uppm\u00e4rksamhet f\u00f6r scroll\r\n- Betona:\r\n  - Effekt ovanf\u00f6r \u201cfold\u201d\r\n  - Progressiv disclosure (visa detaljer n\u00e4r tryggheten \u00f6kar)\r\n  - Tumv\u00e4nliga interaktioner\r\n- Prestanda\/tillg\u00e4nglighet:\r\n  - Planera f\u00f6r progressiv laddning (kritiskt inneh\u00e5ll f\u00f6rst)\r\n  - Ge fallback-alternativ f\u00f6r l\u00e5ngsamma n\u00e4tverk\r\n  - Inkludera tillg\u00e4nglighetskrav (kontrast, tryckytor, struktur)\r\n\r\n## PROCESS\r\n1. **F\u00f6ranalys (ange din f\u00f6rst\u00e5else f\u00f6rst):** Sammanfatta produkten, k\u00f6paren och konverteringsm\u00e5let i 4\u20136 punkter och lista eventuella antaganden.\r\n2. **St\u00e4ll riktade fr\u00e5gor:** Om n\u00e5got underlag saknas\/\u00e4r oklart, st\u00e4ll bara minsta upps\u00e4ttning fr\u00e5gor som kr\u00e4vs f\u00f6r att g\u00e5 vidare. Om anv\u00e4ndaren ber om \u201choppa \u00f6ver fr\u00e5gor\u201d, forts\u00e4tt med best-practice-standarder och m\u00e4rk dem som antaganden.\r\n3. **Kartl\u00e4gg beslutsv\u00e4g:** Identifiera kundens sannolika sekvens: f\u00f6rsta intryck \u2192 relevanscheck \u2192 v\u00e4rdevalidering \u2192 riskreducering \u2192 commitment.\r\n4. **Layoutarkitektur:** Ta fram en sektion-f\u00f6r-sektion-hierarki anpassad efter skanningsm\u00f6nster, inklusive var uppm\u00e4rksamheten landar f\u00f6rst.\r\n5. **Desktop + mobil-byggen:** Ge tv\u00e5 tydligt separata varianter som \u00e4r visuellt konsekventa (varum\u00e4rket) men strukturellt optimerade f\u00f6r respektive enhet.\r\n6. **Logik f\u00f6r konverteringsplacering:** Specificera var trust-signaler, social proof, inv\u00e4ndningshantering och CTA:er placeras\u2014och *varf\u00f6r* de placeras d\u00e4r.\r\n7. **Plan f\u00f6r hastighet & robusthet:** Definiera progressiv renderingsordning, l\u00e4tta alternativ och regler f\u00f6r tillg\u00e4nglighet\/tryckytor.\r\n\r\n### Hantering av edge cases\r\n- Om [PRODUKTBILDER] \u00e4r \u201cnone\u201d eller minimalt, f\u00f6resl\u00e5 en kompenserande plan (t.ex. ikonografi, kort demo video, j\u00e4mf\u00f6relsemodul, UGC-f\u00f6rfr\u00e5geprompter).\r\n- Om [NYCKELFUNKTIONER] \u00e4r vaga, skriv om dem till effektbaserade nyttop\u00e5st\u00e5enden och flagga os\u00e4kerheter.\r\n- Om [MALGRUPP] \u00e4r bred, f\u00f6resl\u00e5 1\u20132 rimliga undersegment och anpassa sidfl\u00f6det till b\u00e4sta segmentet (tydligt m\u00e4rkt).\r\n- Om [VARUMARKESTON] \/ visuell stil krockar med konverteringsbehov (t.ex. l\u00e5gkontrast \u201cfashion minimalism\u201d), f\u00f6resl\u00e5 ett \u201cbrand-safe\u201d alternativ.\r\n\r\n### Vad detta INTE \u00e4r (scope boundaries)\r\n- Inte en fullst\u00e4ndig visuell mockup i Figma eller f\u00e4rdigt UI-artwork.\r\n- Inte ett komplett copywriting-pack f\u00f6r varje modul (du kan inkludera nyckelsnuttar, men leveransen \u00e4r sidarkitektur + placering).\r\n- Inte SEO-s\u00f6kordsresearch ut\u00f6ver att anv\u00e4nda angivna [NYCKELORD] om de finns.\r\n- Inte instruktioner f\u00f6r backend-utveckling (endast front-end layout-\/prestandah\u00e4nsyn).\r\n\r\n## INDATA\r\n- **Produktnamn:** [PRODUKTNAMN]\r\n- **Produktbeskrivning:** [PRODUKTBESKRIVNING]\r\n- **Tillg\u00e4ngliga produktbilder (beskriv typer\/antal):** [PRODUKTBILDER]\r\n- **Lista \u00f6ver nyckelfunktioner:** [NYCKELFUNKTIONER]\r\n- **Prim\u00e4rt anv\u00e4ndarsegment (ideal mottagare):** [MALGRUPP]\r\n- **Varum\u00e4rkesr\u00f6st och visuell stilriktning:** [VARUMARKESTON]\r\n- **Plattform\/butik (t.ex. Shopify, custom, Amazon-lik PDP):** [PLATTFORM]\r\n- **Prim\u00e4rt m\u00e5l (t.ex. add-to-cart, buy-now, lead capture):** [HUVUDMAL]\r\n- **Kontext\/begr\u00e4nsningar (frakt, prisniv\u00e5, garantier, varianter):** [KONTEXT]\r\n- **Nyckelord om relevant (valfritt):** [NYCKELORD]\r\n\r\n## SPECIFIKATION F\u00d6R OUTPUT\r\nLeverera en strukturerad PDP-plan med tydliga hierarkimark\u00f6rer och parade enhetslayouter f\u00f6r varje st\u00f6rre sektion.\r\n\r\n### 1) F\u00f6rtydligande fr\u00e5gor (vid behov)\r\n- {Question}\r\n- {Question}\r\n- {Question}\r\n\r\n### 2) Sid\u00f6versikt (scan-first-hierarki)\r\n- {Decision Priority Order}: en numrerad lista \u00f6ver vad kunden m\u00e5ste f\u00f6rst\u00e5\/k\u00e4nna i ordning\r\n- {Above The Fold Promise}: en mening som beskriver den omedelbara takeaway:n\r\n- {Primary Objections}: 3\u20136 punkter\r\n\r\n### 3) Sektion-f\u00f6r-sektion-layout (Desktop + Mobile sida vid sida)\r\nF\u00f6r varje sektion, inkludera:\r\n\r\n#### {Section Name}\r\n**Syfte (konverteringsjobb):** {Purpose}\r\n\r\n**DESKTOP (pixlar)**\r\n- **Placering:** {Location}\r\n- **Grid\/bredd:** {Container Width Px}, {Columns}\r\n- **Nyckelelement (punkter):**\r\n  - {Element Name}: {Spec}\r\n    - Styling: {Typography\/Color\/Spacing}\r\n    - Beteende: {Interaction}\r\n- **CTA-logik:** {CTA Placement Reasoning}\r\n- **Infogning av trust\/social proof:** {Trust Placement}\r\n\r\n**MOBILE (procent + tumregler)**\r\n- **Placering:** {Location}\r\n- **Storlek:** {Width Percent} \/ {Spacing Rules}\r\n- **Nyckelelement (punkter):**\r\n  - {Element Name}: {Spec}\r\n    - Tryckytor: {Min Tap Size}\r\n    - Progressiv disclosure: {Collapsed\/Expanded Behavior}\r\n- **CTA-logik:** {CTA Placement Reasoning}\r\n- **Tillg\u00e4nglighetsnoteringar:** {A11y Notes}\r\n\r\n**ASCII wire sketch (n\u00e4r det hj\u00e4lper)**\r\n```\r\n{Ascii Diagram}\r\n```\r\n\r\nInkludera (minst) dessa sektioner, omd\u00f6pta efter behov f\u00f6r produkten:\r\n- Header \/ utility bar\r\n- Hero (first screen)\r\n- Value validation block (benefit + proof)\r\n- Feature-to-pain highlights (scannable)\r\n- Image story module (sequence)\r\n- Objection handling \/ FAQ\r\n- Social proof (reviews\/UGC\/case snippets)\r\n- Offer clarity (shipping\/returns\/warranty\/payment options)\r\n- Comparison\/alternatives (if applicable)\r\n- Final CTA \/ sticky CTA strategy (especially mobile)\r\n- Footer\r\n\r\n### 4) Bildstoryboard-plan\r\n- {Frame 1}: vad den m\u00e5ste kommunicera p\u00e5 <1 sekund\r\n- {Frame 2}: {Meaning}\r\n- {Frame 3}: {Meaning}\r\n- {Optional Frames}: {Meaning}\r\n- V\u00e4gledning vid saknade tillg\u00e5ngar: {Asset Substitutions}\r\n\r\n### 5) Progressiv laddning & fallback vid l\u00e5g bandbredd\r\n- {Critical Render Order}: vad som laddar f\u00f6rst, andra, tredje\r\n- {Lightweight Alternatives}: t.ex. statisk poster ist\u00e4llet f\u00f6r autoplay-video\r\n- {Skeleton\/placeholder strategy}: {Approach}\r\n\r\n### 6) Microcopy (snuttar med h\u00f6g effekt)\r\nGe korta utkast f\u00f6r:\r\n- {Hero Headline \u0935\u093f\u0915\u0932\u094d\u092a}: 3 alternativ\r\n- {Subhead}: 2 alternativ\r\n- {Primary CTA Label}: 3 alternativ\r\n- {Urgency\/stock messaging}: 2 alternativ (inte desperata)\r\n- {Risk reducer line}: 2 alternativ (returer\/garanti\/frakt-tydlighet)\r\n\r\n## KVALITETSKONTROLLER\r\nI slutet, inkludera en valideringschecklista med 4\u20135 pass\/fail-punkter:\r\n- {Check 1}: Mobil-layouten \u00e4r strukturellt separat (inte en komprimerad desktop).\r\n- {Check 2}: Ovanf\u00f6r fold kommunicerar v\u00e4rde + relevans + n\u00e4sta handling inom 3 sekunder.\r\n- {Check 3}: Trust\/social proof visas vid minst {Count} beslutstillf\u00e4llen med h\u00f6g friktion.\r\n- {Check 4}: CTA:er matchar peak-interest-punkter och har en sticky\/tumv\u00e4nlig mobilplan.\r\n- {Check 5}: Fallbacks f\u00f6r prestanda och tillg\u00e4nglighet \u00e4r tydligt specificerade.";
    const variables = ["[PRODUKTBILDER]","[NYCKELFUNKTIONER]","[MALGRUPP]","[VARUMARKESTON]","[NYCKELORD]","[PRODUKTNAMN]","[PRODUKTBESKRIVNING]","[PLATTFORM]","[HUVUDMAL]","[KONTEXT]"];
    // Initial render with highlighted variables
    document.addEventListener('DOMContentLoaded', function() {
        renderPromptWithHighlights();
    });

    // Live update prompt as user types
    document.querySelectorAll('.customize-input').forEach(input => {
        input.addEventListener('input', renderPromptWithHighlights);
    });

    function renderPromptWithHighlights() {
        const promptContent = document.getElementById('premium-prompt-content');
        if (!promptContent) return;

        let updatedPrompt = originalPrompt;
        let filledVariables = {};

        // Collect filled values
        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                filledVariables[placeholder] = value;
            }
        });

        // Replace filled variables and highlight remaining
        let htmlContent = escapeHtml(updatedPrompt);

        variables.forEach(placeholder => {
            const escapedPlaceholder = escapeHtml(placeholder);
            const regex = new RegExp(escapeRegex(escapedPlaceholder), 'g');

            if (filledVariables[placeholder]) {
                // Show filled value with green highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable-filled">' + escapeHtml(filledVariables[placeholder]) + '</span>'
                );
            } else {
                // Show original placeholder with yellow highlight
                htmlContent = htmlContent.replace(regex,
                    '<span class="prompt-variable">' + escapedPlaceholder + '</span>'
                );
            }
        });

        promptContent.innerHTML = htmlContent;
    }

    function escapeRegex(string) {
        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    function resetPrompt() {
        // Clear all input fields
        document.querySelectorAll('.customize-input').forEach(input => {
            input.value = '';
        });

        // Re-render with original placeholders highlighted
        renderPromptWithHighlights();

        // Visual feedback
        const resetBtns = document.querySelectorAll('.prompt-header-reset, .prompt-cta-reset');
        resetBtns.forEach(btn => {
            const originalText = btn.querySelector('span').textContent;
            btn.querySelector('span').textContent = 'Återställd!';
            setTimeout(() => {
                btn.querySelector('span').textContent = originalText;
            }, 1000);
        });
    }


    function getCustomizedPrompt() {
        let updatedPrompt = originalPrompt;

        document.querySelectorAll('.customize-input').forEach(input => {
            const placeholder = input.dataset.placeholder;
            const value = input.value.trim();

            if (value) {
                const regex = new RegExp(escapeRegex(placeholder), 'g');
                updatedPrompt = updatedPrompt.replace(regex, value);
            }
        });

        return updatedPrompt;
    }
</script>

</div>

<div class="pro-tips-section">

<h2 class="wp-block-heading">Proffstips för bättre resultat med AI-prompten</h2>



<ul class="wp-block-list">

<li><strong>Mata den med riktiga invändningar, inte gissningar.</strong> Plocka 10–20 rader från recensioner, supportärenden och intern sök på sajten (”Tål den diskmaskin?”, ”Är den liten i storleken?”). Fråga sedan: ”Skriv om blocken för invändningshantering med exakt de här fraserna som kunderna använder.” Språket blir snabbt skarpare.</li>


<li><strong>Definiera mikrobeslutet ovanför sidbrytningen.</strong> Säg inte bara ”öka konverteringen”. Ge ett specifikt förstastegsmål som ”få kunden att förstå storlek/passform på 5 sekunder” eller ”bevisa resultat innan de scrollar förbi första skärmen”. Följdfråga: ”Bygg om sektionen ovanför sidbrytningen för att maximera ‘direkt förståelse’ utifrån mobilt skanningsbeteende.”</li>

<li><strong>Kräv en lista över bildjobb.</strong> Om din nuvarande PDP har 12 bilder är det förmodligen ett galleri. Fråga: ”Skapa en numrerad bildberättelse där varje bild har ett syfte: bevisa kvalitet, visa skala, demonstrera användning, minska risk eller bekräfta kompatibilitet.” Då ser du vilka foton som behöver tas om och vilka som ska bort.</li>


<li><strong>Iterera med kontrollerade ytterligheter.</strong> Efter första resultatet, testa: ”Gör CTA-strategin mer aggressiv (mer momentum, fler upprepningar) men behåll en ton som inte känns påträngande, och skapa en konservativ version för premiumköpare.” Jämför båda mot din målgrupp och ditt AOV.</li>


<li><strong>Stresstesta för långsamma nätverk och tillgänglighet tidigt.</strong> Lägg till en andra begäran: ”Anta 3G-hastigheter och enhandsanvändning. Vilket innehåll måste laddas först, vad kan fördröjas och vilka tillgänglighetskrav är icke förhandlingsbara?” Ärligt talat är det här många ”trevliga” PDP:er faller isär.</li>

</div>

<div class="related-prompts-section">

<h2 class="wp-block-heading">Relaterade prompts</h2>



<p>När du väl har en mobile-first-PDP-blueprint hjälper de här promptarna dig att förfina, återanvända och operationalisera det underliggande promptarbetet för produkter och kunder.</p>



<p>Om du också behöver göra en rå prompt (eller en konkurrentinspirerad struktur) till något du kan återanvända pålitligt, hjälper <a href="https://nodenordic.se/prompts/bygg-om-valfri-kallprompt-till-en-ny-ai-prompt">Bygg om valfri källprompt till en ny AI-prompt</a> dig att plocka ut kärnlogiken och bygga om den till en strukturerad, repeterbar tillgång. Den passar bra när du vill ha ett konsekvent arbetssätt för PDP-arkitektur över en hel katalog, inte en engångsleverans.</p>



<p>När teamet delar prompttillgångar med konsulter, kunder eller interna intressenter är tydlighet avgörande. <a href="https://nodenordic.se/prompts/skriv-om-en-kallprompt-for-licensiering">Skriv om en källprompt för licensiering</a> är användbar för att skärpa språket, definiera ramar och göra prompten enklare att lämna över utan att kvaliteten sjunker. Den är särskilt hjälpsam om du bygger en standardiserad tjänst för ”produktside-blueprint”.</p>



<p>För team som jobbar löpande med CRO och vill ha ett system (inte en hög med prompts) ger <a href="https://nodenordic.se/prompts/bygg-ett-ramverk-for-promptomskrivning-med-ai-prompt">Bygg ett ramverk för promptomskrivning med AI-prompt</a> dig en metod för att förbättra prompts genom iterationer. Använd den efter att du kört den här mobile-first-produktspideprompten några gånger och ser mönster i vilka input som driver de bästa sidstrukturerna.</p>


<br>


<p>Snabbreferens:</p>



<ul class="wp-block-list">

<li><a href="https://nodenordic.se/prompts/bygg-om-valfri-kallprompt-till-en-ny-ai-prompt">Bygg om valfri källprompt till en ny AI-prompt</a>: Gör en stökig prompt till en återanvändbar version.</li>


<li><a href="https://nodenordic.se/prompts/skriv-om-en-kallprompt-for-licensiering">Skriv om en källprompt för licensiering</a>: Strukturera och skärp prompten för delning eller vidareförsäljning.</li>


<li><a href="https://nodenordic.se/prompts/gor-om-valfri-kallprompt-till-en-ai-prompt-att-anvanda-direkt">Gör om valfri källprompt till en AI-prompt att använda direkt</a>: Gör prompten till en produktionsredo tillgång.</li>


<li><a href="https://nodenordic.se/prompts/bygg-ett-ramverk-for-promptomskrivning-med-ai-prompt">Bygg ett ramverk för promptomskrivning med AI-prompt</a>: Systematisera promptförbättring genom iterationer.</li>


<li><a href="https://nodenordic.se/prompts/bygg-om-valfri-kallprompt-med-ai-prompt">Bygg om valfri källprompt med ai-prompt</a>: Snabb ombyggnad för tydligare promptresultat.</li>

</ul>

</div>

<div class="faq-section">

<h2 class="wp-block-heading">Vanliga frågor</h2>


<div class="faq-item">
<span class="question">Vilka roller har mest nytta av den här AI-prompten för en mobile-first-produktsida?</span>

<p class="answer"><strong>E-handelsmarknadschefer</strong> använder den för att göra ”vi behöver en bättre PDP” till en konkret blueprint som de kan briefa till design och utveckling. <strong>CRO-specialister</strong> har nytta av att prompten tvingar fram en ordning baserad på köpbeslutet, vilket ger en tydlig hypoteskarta för testning. <strong>UX/UI-designers</strong> får en pragmatisk innehållshierarki för mobil som bygger på skanningsbeteende, inte interna intressenters preferenser. <strong>Shopify-butiksägare</strong> använder den för att ta bort gissningar kring bevisblock, CTA:er och vad som ska sägas först när uppmärksamheten är låg.</p>

</div>

<div class="faq-item">
<span class="question">Vilka branscher får mest värde av den här AI-prompten för en mobile-first-produktsida?</span>

<p class="answer"><strong>DTC-e-handelsvarumärken</strong> får omedelbart värde eftersom de lever och dör med mobilkonverteringen, och den här prompten prioriterar tydlighet ovanför sidbrytningen plus gradvis informationsvisning. <strong>Beauty och personal care</strong>-team använder den för att sekvensera bevis (resultat, ingredienser, säkerhet, hur man gör) på ett sätt som minskar skepsis och returer. <strong>Kläder och accessoarer</strong>-varumärken gynnas av en invändningsdriven struktur (passform, storlekar, materialkänsla, frakt och returer) och en bildberättelse som visar skala och användning. <strong>Konsumentelektronik och prylar</strong> kan använda den för att förenkla specifikationstunga sidor till beslutsdrivna moduler som laddar snabbt och svarar tidigt på kompatibilitetsfrågor.</p>

</div>

<div class="faq-item">
<span class="question">Varför ger enkla AI-prompts för layoutplanering av produktsidor svaga resultat?</span>

<p class="answer">En typisk prompt som ”Skriv en produktsida för min butik” misslyckas eftersom den: saknar prioritering utifrån köpbeslut, så sidan blir som en varumärkesöversikt; inte ger någon mobilanpassad arkitektur, vilket blir krympta desktop-sektioner; ignorerar verkligt skanningsbeteende och gradvis informationsvisning, vilket skapar långa block och tidigt avhopp; producerar generisk copy om ”fördelar + funktioner” i stället för moduler för invändningshantering och bevissekvensering; och missar prestanda-/tillgänglighetskrav som progressiv laddningsordning, tryckytor och kontrastkrav.</p>

</div>

<div class="faq-item">
<span class="question">Kan jag anpassa den här mobile-first-produktsideprompten för min specifika situation?</span>

<p class="answer">Ja, och det bör du, även om prompten inte använder formella variabler. Anpassa den genom att ange produkttyp, prisnivå, målgrupp, topp 5-invändningar, primärt konverteringsmål (add-to-cart, buy-now, prenumeration) och de bevisresurser du faktiskt har (UGC, labbtester, garantier, recensioner). Om du vill ha tajtare output, klistra in dina nuvarande PDP-sektioner och be modellen att ”ändra ordning och skriva om endast det som är nödvändigt utifrån prioritet i köpbeslutet”. Följdprompt: ”Ställ minsta möjliga uppsättning frågor du behöver och producera sedan två blueprints: en för mobil och en för desktop, och ange skillnaderna tydligt.”</p>

</div>

<div class="faq-item">
<span class="question">Vilka är de vanligaste misstagen när man använder den här mobile-first-produktsideprompten?</span>

<p class="answer">Det största misstaget är att lämna köpardefinitionen för vag — i stället för ”kvinnor som gillar hudvård”, testa ”kvinnor 28–45 med känslig hud som har reagerat på parfymerade produkter och vill se synliga resultat inom 14 dagar”. Ett annat vanligt fel är att inte ange invändningar; ”kunderna älskar den” är ingen invändning, men ”kommer den att korva sig under smink?” är det. Många glömmer också att ange konverteringsmålet, så CTA-strategin blir generisk; ”öka försäljningen” är svagare än ”maximera prenumerationsstarter på mobil”. Till sist listar team ofta funktioner utan utfall; ”keramisk beläggning” är mindre användbart än ”keramisk beläggning som förhindrar att det fastnar, så rengöringen tar under en minut”.</p>

</div>

<div class="faq-item">
<span class="question">Vem ska INTE använda den här mobile-first-produktsideprompten?</span>

<p class="answer">Den här prompten passar inte för engångssidor som du inte kommer att iterera på, eftersom de största vinsterna kommer av att använda blueprinten, mäta beteendet och sedan förfina sektionerna. Den är inte heller optimal om du ännu inte har validerat kärnerbjudandet och inte vet vem produkten är för, vilka invändningar som spelar roll eller vilka bevis du trovärdigt kan visa. Om du bara behöver en snabb copy-mall, börja med en enklare disposition för PDP-copy och kom tillbaka hit när du är redo att bygga om strukturen utifrån verkliga köpbeslut.</p>

</div>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Vilka roller har mest nytta av den här AI-prompten för en mobile-first-produktsida?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "E-handelsmarknadschefer använder den för att göra ”vi behöver en bättre PDP” till en konkret blueprint som de kan briefa till design och utveckling. CRO-specialister har nytta av att prompten tvingar fram en ordning baserad på köpbeslutet, vilket ger en tydlig hypoteskarta för testning. UX/UI-designers får en pragmatisk innehållshierarki för mobil som bygger på skanningsbeteende, inte interna intressenters preferenser. Shopify-butiksägare använder den för att ta bort gissningar kring bevisblock, CTA:er och vad som ska sägas först när uppmärksamheten är låg."
      }
    },
    {
      "@type": "Question",
      "name": "Vilka branscher får mest värde av den här AI-prompten för en mobile-first-produktsida?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "DTC-e-handelsvarumärken får omedelbart värde eftersom de lever och dör med mobilkonverteringen, och den här prompten prioriterar tydlighet ovanför sidbrytningen plus gradvis informationsvisning. Beauty och personal care-team använder den för att sekvensera bevis (resultat, ingredienser, säkerhet, hur man gör) på ett sätt som minskar skepsis och returer. Kläder och accessoarer-varumärken gynnas av en invändningsdriven struktur (passform, storlekar, materialkänsla, frakt och returer) och en bildberättelse som visar skala och användning. Konsumentelektronik och prylar kan använda den för att förenkla specifikationstunga sidor till beslutsdrivna moduler som laddar snabbt och svarar tidigt på kompatibilitetsfrågor."
      }
    },
    {
      "@type": "Question",
      "name": "Varför ger enkla AI-prompts för layoutplanering av produktsidor svaga resultat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "En typisk prompt som ”Skriv en produktsida för min butik” misslyckas eftersom den: saknar prioritering utifrån köpbeslut, så sidan blir som en varumärkesöversikt; inte ger någon mobilanpassad arkitektur, vilket blir krympta desktop-sektioner; ignorerar verkligt skanningsbeteende och gradvis informationsvisning, vilket skapar långa block och tidigt avhopp; producerar generisk copy om ”fördelar + funktioner” i stället för moduler för invändningshantering och bevissekvensering; och missar prestanda-/tillgänglighetskrav som progressiv laddningsordning, tryckytor och kontrastkrav."
      }
    },
    {
      "@type": "Question",
      "name": "Kan jag anpassa den här mobile-first-produktsideprompten för min specifika situation?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ja, och det bör du, även om prompten inte använder formella variabler. Anpassa den genom att ange produkttyp, prisnivå, målgrupp, topp 5-invändningar, primärt konverteringsmål (add-to-cart, buy-now, prenumeration) och de bevisresurser du faktiskt har (UGC, labbtester, garantier, recensioner). Om du vill ha tajtare output, klistra in dina nuvarande PDP-sektioner och be modellen att ”ändra ordning och skriva om endast det som är nödvändigt utifrån prioritet i köpbeslutet”. Följdprompt: ”Ställ minsta möjliga uppsättning frågor du behöver och producera sedan två blueprints: en för mobil och en för desktop, och ange skillnaderna tydligt.”"
      }
    },
    {
      "@type": "Question",
      "name": "Vilka är de vanligaste misstagen när man använder den här mobile-first-produktsideprompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Det största misstaget är att lämna köpardefinitionen för vag — i stället för ”kvinnor som gillar hudvård”, testa ”kvinnor 28–45 med känslig hud som har reagerat på parfymerade produkter och vill se synliga resultat inom 14 dagar”. Ett annat vanligt fel är att inte ange invändningar; ”kunderna älskar den” är ingen invändning, men ”kommer den att korva sig under smink?” är det. Många glömmer också att ange konverteringsmålet, så CTA-strategin blir generisk; ”öka försäljningen” är svagare än ”maximera prenumerationsstarter på mobil”. Till sist listar team ofta funktioner utan utfall; ”keramisk beläggning” är mindre användbart än ”keramisk beläggning som förhindrar att det fastnar, så rengöringen tar under en minut”."
      }
    },
    {
      "@type": "Question",
      "name": "Vem ska INTE använda den här mobile-first-produktsideprompten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Den här prompten passar inte för engångssidor som du inte kommer att iterera på, eftersom de största vinsterna kommer av att använda blueprinten, mäta beteendet och sedan förfina sektionerna. Den är inte heller optimal om du ännu inte har validerat kärnerbjudandet och inte vet vem produkten är för, vilka invändningar som spelar roll eller vilka bevis du trovärdigt kan visa. Om du bara behöver en snabb copy-mall, börja med en enklare disposition för PDP-copy och kom tillbaka hit när du är redo att bygga om strukturen utifrån verkliga köpbeslut."
      }
    }
  ]
}
</script>
</div>

<div class="closing-section">

<p>En mobil-PDP behöver inte fler sektioner. Den behöver rätt ordning, rätt bevis och mindre friktion. Klistra in den här prompten i ChatGPT, svara på frågorna den ställer och gör om resultatet till en blueprint som ditt team kan bygga och testa.</p>

</div><p>&lt;p&gt;The post <a rel="nofollow" href="https://nodenordic.se/prompts/designa-en-mobilforst-produktsida-med-ai-prompten/">Designa en mobilförst produktsida med AI-prompten</a> first appeared on <a rel="nofollow" href="https://nodenordic.se">Node Nordic - AI Konsult för företag</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
