Widget-dokumentation

    Bädda in julledighetskalkylatorn på din webbplats

    Dra trafik till helgdagidag.se medan du ger dina läsare ett kraftfullt semesterplaneringsverktyg

    Snabbstart

    Kopiera och klistra in denna HTML-kod var som helst på din webbplats för att bädda in widgeten:

    <iframe
  src="https://helgdagidag.se/widget/julledighetskalkylatorn/2025"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  title="Julledighetskalkylatorn Widget"
></iframe>

    Anpassningsguide

    Frågeparametrar

    Anpassa widgetens utseende genom att lägga till frågeparametrar i src-URL:en:

    primary

    Hexfärgkod för primärfärgen (knappar, betoning)

    ?primary=%23FF0000

    logo

    URL till din logotyp (visas i widgetens huvud)

    ?logo=https://yoursite.com/logo.png

    brand

    Ditt varumärke (visas i sidfotsattributering)

    ?brand=YourBrand

    showBranding

    Visa eller göm helgdagidag.se-attributeringsfoten (standard: true)

    ?showBranding=false

    year

    År för kalkylatorn (2024-2032, standard: aktuellt år)

    /widget/julledighetskalkylatorn/2026

    Inbäddningsexempel

    Grundläggande inbäddning

    Enkel inbäddning med standardstyling och varumärkestext

    <iframe
  src="https://helgdagidag.se/widget/julledighetskalkylatorn/2025"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  title="Julledighetskalkylatorn Widget"
></iframe>

    Förhandsgranskning:

    Anpassade färger

    Inbäddning med anpassad primärfärg som matchar ditt varumärke

    <iframe
  src="https://helgdagidag.se/widget/julledighetskalkylatorn/2025?primary=%23FF6B6B"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  title="Julledighetskalkylatorn Widget"
></iframe>

    Förhandsgranskning:

    Anpassad logotyp & varumärke

    Inbäddning med din logotyp och ditt varumärke i sidfoten

    <iframe
  src="https://helgdagidag.se/widget/julledighetskalkylatorn/2025?logo=https://yoursite.com/logo.png&brand=YourBrand"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  title="Julledighetskalkylatorn Widget"
></iframe>

    Förhandsgranskning:

    Minimal (ingen varumärkestext)

    Inbäddning utan helgdagidag.se-varumärkestext i sidfoten

    <iframe
  src="https://helgdagidag.se/widget/julledighetskalkylatorn/2025?showBranding=false"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  title="Julledighetskalkylatorn Widget"
></iframe>

    Förhandsgranskning:

    Helt anpassat exempel

    Alla anpassningsalternativ kombinerade

    <iframe
  src="https://helgdagidag.se/widget/julledighetskalkylatorn/2025?primary=%234F46E5&logo=https://yoursite.com/logo.png&brand=YourSite"
  width="100%"
  height="600"
  frameborder="0"
  style="border: none; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);"
  title="Julledighetskalkylatorn Widget"
></iframe>

    Förhandsgranskning:

    Bästa praxis

    ✓ Responsiv bredd

    Använd width="100%" för att göra widgeten responsiv på alla enheter. Widgeten anpassas till behållarbredd (300-800px).

    ✓ Lämplig höjd

    Använd height="600" eller högre. Kalkylatorn behöver vertikal plats för inmatningar och resultat. Justera utifrån din layout.

    ✓ Stil för ramen

    Ta bort standardkanter med style="border: none;" och lägg till rundade hörn för ett polerat utseende.

    ✓ Använd relevant text

    Använd beskrivande text runt widgeten som förklarar dess syfte (t.ex. "Planera din julledighet med vår kalkylator").

    ✓ Behåll attribuering

    Vi rekommenderar att du behåller sidfoten "Powered by helgdagidag.se" synlig. Den ger attribution och driver hänvisning trafik.

    ✓ Uppdatera årparametrar

    Kom ihåg att uppdatera året i dina inbäddnings-URL:er årligen (t.ex. 2025 → 2026) för aktuella beräkningar.

    Tekniska detaljer

    🔒 Säkerhet

    Widgeten använder frameborder="0" och sandboxing. All data stannar på din enhet - ingen användardata skickas till externa servrar.

    📊 Analys och UTM-spårning

    Widgetens "Se full version"-länk innehåller UTM-parametrar (utm_source=widget, utm_medium=embed, utm_campaign=julledig_widget) för spårning i Google Analytics.

    📱 Responsiv design

    Widgeten är helt responsiv och fungerar på mobil, surfplatta och skrivbord. Den anpassas automatiskt till tillgänglig bredd.

    🌐 Ursprungs-kompatibilitet

    Bädda in widgeten på vilken domän som helst. Inga CORS-problem eller ytterligare konfiguration behövs.

    💾 Datapersistens

    Användare kan dela sina beräkningar via URL-parametrar. Kalkylatorn läser automatiskt delad inställningar.

    Vanliga frågor

    Kan jag anpassa widget-färgerna?

    Ja! Använd parametern `primary=%23HEXCOLOR` för att matcha din brands färg. T.ex. `?primary=%234F46E5` för indigo.

    Kan jag ta bort helgdagidag.se-attributionen?

    Ja, men vi rekommenderar att du behåller den för att ge kredit och dra trafik tillbaka till helgdagidag.se. Använd `?showBranding=false` för att dölja den om du föredrar det.

    Är widgeten GDPR-kompatibel?

    Ja. Widgeten är helt lokal - ingen användardata skickas till externa servrar. Användare kan inte spåras över webbplatser.

    Fungerar widgeten på alla webbplatser?

    Ja! Widgeten är domän-agnostisk och fungerar överallt. Inga installationer eller API-nycklar krävs.

    Vilka år stöds?

    Vi stöder år 2024-2032. Uppdatera din URL årligen för att visa aktuella helgdagar och beräkningar.

    Frågor eller partnerintresse?

    Har du feedback om widgeten eller vill diskutera ett partnerskap? Vi vill gärna höra från dig.

    Kontakta oss