Returning Visitor Personalization

Definisci blocchi (selettori CSS + tipo di patch) e applica regole con priorità: testo, HTML, attributi, stile o visibilità cambiano in base al contesto del visitatore.

Snippet

<script
  src="https://project--YOUR_PROJECT.lovable.app/snippets/perso.js"
  data-project-id="YOUR_PROJECT_ID"
  defer></script>

Traccia il numero di visite in localStorage, applica i blocchi via querySelectorAll dopo aver risolto le regole vincenti.

Eval server-side

POST https://project--YOUR_PROJECT.lovable.app/api/public/perso/<projectId>
Content-Type: application/json

{
  "visitor_id": "v_123",
  "context": {
    "visits": 4,
    "last_visit_days_ago": 2,
    "url": "/pricing",
    "country": "IT",
    "traits": { "plan": "free" }
  }
}

Tipi di patch

• text — sostituisce textContent
• html — sostituisce innerHTML
• hide — display:none
• attr — set di attributi (es. href, src)
• style — set di proprietà CSS inline