Egen kode (HTML + CSS)

Hver seksjon i editoren har et «Egen kode»-felt der du kan legge til egen HTML og CSS i samme boks — for å style eller utvide seksjonen akkurat slik du vil.

Hvor finner jeg det?

Velg en seksjon i editoren → Flere innstillinger → Egen kode (HTML + CSS). Koden vises nederst i den seksjonen.

HTML og CSS i samme boks

Skriv vanlig HTML, og legg stilene dine i en <style>-blokk i samme felt. CSS-en blir automatisk avgrenset til seksjonen — selektorene dine gjelder bare innenfor den seksjonen og påvirker ikke resten av butikken.

<div class="kampanje">
  <h3>Sommersalg</h3>
  <p>Opptil 40 % på utvalgte varer</p>
</div>

<style>
  .kampanje {
    background: #fff4e6;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
  }
  .kampanje h3 { color: #c2410c; margin: 0 0 6px; }
</style>

Bruk metafelter (produktsider)

På produktsider kan du flette inn produktets spesifikasjoner med {{ spec:Etikett }}. Krever at «Produktspesifikasjoner»-appen er aktiv.

<p class="materiale">Materiale: {{ spec:Materiale }}</p>

Hva du må forholde deg til

• ✓ HTML: vanlige tagger som div, span, overskrifter, lister, lenker, bilder, tabeller — med class, id og style.
• ✓ CSS i <style> — auto-scopet til seksjonen.
• ✗ Ingen JavaScript. <script> og hendelses-attributter (onclick osv.) fjernes automatisk — av sikkerhetshensyn, så ingen kan kjøre kode mot kundene dine (særlig i kassen).
• ✗ <iframe>, <form> og innebygging fjernes også.

Trenger du JavaScript eller innebygging?

Bruk seksjonen «Egen kode (HTML)» i stedet. Den kjører i en isolert sandkasse (iframe) der full HTML/CSS/JS er tillatt — trygt adskilt fra resten av siden og kassen. Perfekt for tredjeparts-widgets, chat eller embeds.