> For the complete documentation index, see [llms.txt](https://support.emarketeer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.emarketeer.com/docs/docs_se/guider/guides/legacy/basics-creating-form.md).

# Skapa ditt första formulär (Legacy)

En steg-för-steg-guide för att skapa ett Legacy-formulär i eMarketeer, från grundinställningar till tacksida och valfritt bekräftelsemejl.

{% hint style="danger" %}
Den här guiden gäller Legacy-versionen av Forms, som kommer att avvecklas. Vissa kunder har inte tillgång till den här komponenten.
{% endhint %}

{% hint style="warning" %}
För att skapa ett nytt Legacy-formulär måste du skapa en kampanj först.
{% endhint %}

Den här guiden tar dig genom hur du skapar ett Legacy-formulär i eMarketeer — för eventanmälan, nyhetsbrevsregistrering eller någon annan användning.

När du är klar har du ett fungerande formulär med en tacksida och ett valfritt bekräftelsemejl.

{% stepper %}
{% step %}

### Lägg till formuläret från kampanjsidan

Klicka på **Add Component** i kampanjen där du vill skapa formuläret och välj sedan **Form (Legacy)** under avsnittet Legacy i menyn.

* Om du behöver skapa kampanjen först, se [Så här skapar du en ny kampanj](/docs/docs_se/kom-igang/campaign-basics/create-new-campaign.md).

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-0c7638396d68787ad758ba49720ae67c911007ac%2Fbasics-creating-form-add-component-form-legacy.png?alt=media" alt="Menyn Add Component med alternativet Form (Legacy) markerat"></div>
{% endstep %}

{% step %}

### Fyll i inställningar, välj en mall och skapa formuläret

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-840084bc3b05eaf94c61255d0ac2eecc4ac07af8%2Fbasics-creating-form-add-form-legacy-dialog-highlighted.png?alt=media" alt="Dialogrutan Add Form (Legacy) med fältet Component name, mallen Sign-up basic och knappen Create markerade"></div>

**Inställningar**

* **Component name:** Ge formuläret ett unikt namn så att du hittar det senare. Beskriv syftet i kampanjen — till exempel "Anmälan" för ett anmälningsformulär. Bara du ser namnet; det visas inte för besökarna.

**Mall**

Välj en mall från någon av flikarna som utgångspunkt för designen. Den här guiden använder **Sign-up Basic** från fliken **Sign-Up Forms**. Egna mallar som sparats på ditt konto visas under **My Templates**.

**Skapa formulärkomponent**

När inställningar och mall är klara klickar du på **Create** för att skapa komponenten.
{% endstep %}

{% step %}

### Formulärredigeraren

När du klickat på **Create** öppnas redigeraren. Menyn till vänster låter dig lägga till formulärobjekt, nå verktyg och ändra inställningar. Resten av sidan visar formulärets innehåll, importerat från mallen.

Innehållet består av innehållsblock som kallas formulärobjekt, som du redigerar var för sig i följande steg.

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-1f8612e4f1a8076a1b85530fd11ec4ffd39051f6%2Fcf_edit_view.png?alt=media" alt="Formulärredigeraren med formulärobjekt och vänstermeny"></div>
{% endstep %}

{% step %}

### Ändra introduktionstexten

Det första formulärobjektet i de flesta mallar är ett Rich Text-block där du kan introducera formuläret eller lägga till relevant information som datum, tider och platser.

För att redigera ett formulärobjekt klickar du antingen på dess **Edit**-knapp eller dubbelklickar på själva blocket. En popup öppnas där du kan ändra text, frågor eller svar.

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-b434567cdbc1bc196dc8de3f7aa47dd99c21b42f%2Fcf_edit_richtext.png?alt=media" alt="Popup för redigering av Rich Text-block"></div>
{% endstep %}

{% step %}

### Justera Registration-blocket

Registration-blocket är det viktigaste blocket i alla formulär som inte samlar anonyma svar. Det sparar besökarens kontaktinformation tillsammans med deras inlämning och matchar mot din eMarketeer-kontaktdatabas — uppdaterar ett befintligt kontaktkort eller skapar en ny kontakt om ingen finns.

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-c3d6f47c972f95912e61ac69ee7112928fff8706%2Fcf_registration.png?alt=media" alt="Registration-blockets alternativ med fältväljare för kontaktuppgifter"></div>

Vad du kan fråga efter i Registration-blocket är kopplat till fälten på ett kontaktkort. Du väljer vilka fält som ska efterfrågas och vilka som är obligatoriska. Registration-blocket frågar alltid efter besökarens e-postadress, eftersom det är ett obligatoriskt fält på ett kontaktkort.
{% endstep %}

{% step %}

### De vanligaste formulärobjekten

Det här steget går igenom de grundläggande frågetyperna så att du kommer igång.

* **Radio button:** En fråga med flera fördefinierade svar där besökaren väljer *ett*.
* **Checkbox:** En fråga med flera fördefinierade svar där besökaren kan välja *flera*.
* **Textbox:** En fråga där besökaren kan skriva valfritt textsvar. Använd för längre svar.
* **Multi Text:** Ett formulärobjekt med flera korta textfrågor. Använd för korta svar.
* **Consent:** En kryssruta med text du själv väljer. Att markera den uppdaterar Consent-inställningen på besökarens kontaktkort — användbart när du behöver uttryckligt samtycke för att lagra kontaktinformation.

Du hittar dessa frågetyper i menyn Add Form Item uppe till vänster i formulärredigeraren.
{% endstep %}

{% step %}

### Ställ in tacksidan

Efter att en besökare skickat in formuläret omdirigeras de till tacksidan som bekräftar att deras svar sparats. Standardtacksidan innehåller ett enda textblock som du kan redigera så det passar ditt formulär. Öppna inställningarna för tacksidan genom att klicka på **Thank You Page** i vänstermenyn.

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-3bd333b38722bed91ee19a250196e52b39d2d752%2Fcf_thank_you_page.png?alt=media" alt="Inställningar för tacksida med alternativ för hostad sida och anpassad URL"></div>

Du har två alternativ: en hostad tacksida eller en anpassad URL. Den hostade sidan är standard — ändra texten så är du klar. Använd en anpassad URL om du vill omdirigera besökare till en specifik sida, till exempel en på din egen webbplats.

För att redigera texten som visas på den hostade sidan klickar du på **Edit** som visas ovan.
{% endstep %}

{% step %}

### Använd en bekräftelsesida (valfritt)

Vi rekommenderar inte att du använder funktionen om du inte behöver den, men för längre enkäter kan du vilja låta besökare granska sina svar innan de skickar in. Bekräftelsesidan visar deras svar och ger dem två val: **Edit** för att ändra svaren eller **Finish** för att skicka in.

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-df06fedb71ac54ebed33dbcf55abed99a47870a9%2Fcf_confirmation_page.png?alt=media" alt="Inställningar för bekräftelsesida med alternativen Edit och Finish"></div>

När den är aktiv visas bekräftelsesidan efter att besökaren gått vidare från formuläret. Besökaren måste klicka på **Finish** för att bekräfta. De omdirigeras sedan till tacksidan och, om det är inställt, skickas ett bekräftelsemejl.
{% endstep %}

{% step %}

### Konfigurera ett bekräftelsemejl (valfritt)

Inställningarna för bekräftelsemejl låter dig skicka en kopia av varje inlämning till en angiven e-postadress, och skicka en kopia av svaren tillbaka till personen som lämnade in dem.

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-220a3e908d48f305285c78574aa6f87abbf7e19b%2Fcf_confirmation_email.png?alt=media" alt="Inställningar för bekräftelsemejl med fält för avsändare och ämne"></div>

Alternativ:

* **Activate Confirmation Email:** Slå på funktionen för det här formuläret.
* **Send to responding contact:** Skicka en bekräftelse med svaren till kontakten.
* **Send to specific e-mail:** Skicka en kopia av varje inlämning till dig själv eller en kollega.
* **Add Edit Link in e-mail:** Låt kontakten gå tillbaka och redigera sina svar senare. Rekommenderas inte i de flesta fall.
* **Sender Name:** Avsändarnamnet som visas i mottagarens e-postklient.
* **Sender E-mail Address:** Avsändaradressen som visas i mottagarens e-postklient.
* **Email Subject:** Ämnesraden som visas i mottagarens e-postklient.
  {% endstep %}

{% step %}

### Publicera ditt Legacy-formulär

När Legacy-formuläret är klart öppnar du **Edit Form** högst upp i redigeraren och väljer **Publish Form** för att se dina delningsalternativ.

<div align="left" data-with-frame="true"><img src="https://2555292243-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FicfGEyRadiE4k7sV4O4o%2Fuploads%2Fgit-blob-047de6d7172b15f743bf6d8b1e85a93e1365f00e%2Fbasics-creating-form-publish-page.png?alt=media" alt="Sidan Publish Form med Direct URL, Website Integration och e-postinformation"></div>

* **Direct URL:** Kopiera URL:en som visas högst upp på sidan för att dela formuläret — skicka den till kollegor, publicera den på sociala medier eller länka till den från din webbplats. Använd alltid den här URL:en och inte en sessions-URL från webbläsarens adressfält: om du besöker länken själv och kopierar den därifrån får du en sessionsspecifik URL i stället för den delade.
* **Website Integration:** Bädda in formuläret på din egen webbplats. Använd IFRAME-koden för att visa formuläret exakt som det är utformat, eller rå HTML under FORM om du behöver full kontroll över markeringen. Vår support kan inte alltid hjälpa till med problem här eftersom det implementeras utanför eMarketeer. Hoppa över det här alternativet om du inte är van vid den här typen av integration.
* **E-mail:** Länka till formuläret från ett e-postmeddelande med funktionen "Link to Form" i e-postredigeraren, eller klistra in Direct URL i din egen e-postklient. Se länkningsavsnittet i [Skapa din första e-post](/docs/docs_se/kom-igang/campaign-basics/basics-creating-email.md).
  {% endstep %}
  {% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://support.emarketeer.com/docs/docs_se/guider/guides/legacy/basics-creating-form.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.