Deling og publisering
Innbygging og popups
Sett skjemaet ditt inn i en hvilken som helst nettside som en innbygget visning eller en popup-overlegg. Du konfigurerer det i Del-panelet og limer inn ett kodesnippet på nettstedet ditt.
Begge snippetene bygges fra delingslenken du har valgt, så de arver den lenkens utløpsdato, svargrense, egendefinerte domene og analyse. Opprett lenken først — se delingslenker. Standardverdier for spørringsparametere satt på lenken er unntaket: de legges ikke til i innbyggings- eller popup-snippeter.
Innbygget visning
En innbygget visning plasserer skjemaet direkte inne på en side ved hjelp av en iframe. Åpne Del-panelet, klikk på Innbygging-kortet, og kopier det genererte kodesnippetet inn i nettsidens HTML.
Oppsett
| Innstilling | Hva den gjør |
|---|---|
| Høyde (px) | iframe-høyde i piksler. Standard er 600. |
| Juster høyde automatisk | Justerer iframe-høyden for å passe skjemainnholdet, slik at respondentene aldri ser en rullefelt inne i innbyggingen. Av som standard. Å slå den på legger til et lite skript i snippetet. |
| Forsinket lasting | Utsetter innlastingen til iframen er synlig, ved å legge til loading="lazy". Av som standard. Gir raskere første sidelasting når skjemaet ligger lenger ned på siden. |
Visning
| Innstilling | Hva den gjør |
|---|---|
| Skjul forsidebilde | Fjerner skjemaets forsidebilde inne i innbyggingen. Nyttig når vertssiden allerede har sin egen overskrift. |
| Skjul logo | Fjerner skjemalogoen inne i innbyggingen. |
| Fargevalg | La brukeren velge (standard, følger den besøkendes systempreferanse), Mørk modus eller Lys modus. Se Fargevalg nedenfor. |
Klikk Vis kode for å se den genererte HTML-en. Bruk Kopier innbyggingskode for å kopiere den, og lim den deretter inn på nettstedet ditt. Tilbakestill til standard gjenoppretter alle innstillinger.
Hva snippetet inneholder
Med automatisk høydejustering av er snippetet én enkelt iframe som peker mot delingslenken din med ?embed=1 lagt til.
Visningsalternativene legger til sine egne parametere: hideCover=1, hideLogo=1, og theme=dark eller
theme=light.
<iframe src="https://form.formbase.so/Abc12XYz?embed=1" width="100%" height="600" style="border: none;"></iframe>Med automatisk høydejustering på pakkes iframen inn i en div og etterfølges av et skript. Det innebygde skjemaet sender en
formbase:resize-melding ved hver høydeendring; skriptet sjekker meldingens opprinnelse og avsenderrammen, og setter deretter
iframe-høyden. Ingenting annet på siden din berøres, og ingen eksternt skript lastes inn.
Popup
En popup viser skjemaet som et overlegg på toppen av siden. Åpne Del-panelet, klikk på Popup-kortet, sett opp alternativene dine, og lim det genererte kodesnippetet inn på nettstedet ditt.
Utløser
Velg hvordan popupen åpnes:
| Utløser | Slik fungerer den |
|---|---|
| Når en funksjon kalles | Standard. Snippetet definerer en global funksjon oppkalt etter delingslenkens kode eller egendefinerte slug — for eksempel window.openFormbasePopup_Abc12XYz. Kall den fra en knapp, en lenke, eller en hvilken som helst hendelsesbehandler på nettstedet ditt. |
| Automatisk ved sidelasting | Popupen åpnes så snart siden er ferdig lastet. To ekstra innstillinger vises: Forsinkelse (sekunder) og Vis én gang per økt, som lagrer et flagg i den besøkendes sessionStorage slik at popupen ikke åpnes på nytt på hver side. |
Oppsett
| Innstilling | Hva den gjør |
|---|---|
| Posisjon | Hvor popupen vises: Midtstilt, Nederst til høyre (standard), Nederst til venstre, Øverst til høyre eller Øverst til venstre. Midtstilt gjør popupen 80 % av visningshøyden; de fire hjørneposisjonene gjør den 600 px høy. |
| Bredde (px) | Popup-bredde i piksler, maks 90 % av visningsbredden. Standard er 500. |
Visning
| Innstilling | Hva den gjør |
|---|---|
| Skjul forsidebilde | Fjerner skjemaets forsidebilde inne i popupen. |
| Skjul logo | Fjerner skjemalogoen inne i popupen. |
| Fargevalg | Samme tre alternativer som innbyggingen. Se Fargevalg nedenfor. |
Popup-styling
| Innstilling | Hva den gjør |
|---|---|
| Overleggsopasitet (%) | Mørkheten til bakgrunnen bak popupen, 0 til 100. Standard er 50. |
| Hjørneradius (px) | Hjørnerunding på popupen. Standard er 12. |
Atferd
| Innstilling | Hva den gjør |
|---|---|
| Lukk med Escape-tasten | På som standard. Å trykke Escape lukker popupen. |
| Lukk ved klikk på overlegg | På som standard. Å klikke på bakgrunnen utenfor popupen lukker den. |
| Lukk automatisk etter innsending | Av som standard. Popupen lukkes tre sekunder etter at respondenten sender inn. Forsinkelsen er fast. |
Klikk Vis kode for å se det genererte snippetet. Bruk Kopier popup-kode for å kopiere det, og lim det deretter inn på nettstedet ditt. Tilbakestill til standard gjenoppretter alle innstillinger.
Hva snippetet inneholder
Popup-snippetet er én selvstendig <script>-blokk. Den bygger overlegget, lukkeknappen og iframen i ren JavaScript når
popupen åpnes — ingenting annet legges til på siden din før det, ingen stilark settes inn, og ingen eksternt skript lastes inn.
Kommentaren under skriptet forteller deg funksjonsnavnet du skal kalle:
<!-- Call window.openFormbasePopup_Abc12XYz() to open the form popup -->En bindestrek i en egendefinert slug blir en understrek i funksjonsnavnet, fordi en bindestrek ikke er gyldig i et JavaScript-identifikatornavn. Kopier navnet fra kommentaren i stedet for å utlede det selv.
Fargevalg
Innbygginger og popups deler de samme tre alternativene, og begge overstyrer skjemaets eget tema inne i rammen:
La brukeren velge — standard. Skjemaet følger den besøkendes operativsystem- eller nettleserpreferanse for mørk/lys.
Mørk modus — tvinger mørk modus uavhengig av den besøkendes preferanse.
Lys modus — tvinger lys modus uavhengig av den besøkendes preferanse.
Tilpass nettstedets tema
Hvis nettstedet ditt alltid er mørkt, sett innbyggingen eller popupen til Mørk modus slik at skjemaet smelter inn. Hvis nettstedet respekterer den besøkendes preferanse, velg La brukeren velge. For å style selve skjemaet, se utseende og temaer.