> 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/webpage/creating-first-webpage.md).
# Skapa din första landningssida
Den här guiden tar dig igenom hur du skapar en landningssida i eMarketeer, från mallval till redigering av innehållsblock och färdigställning av sidan.
{% hint style="warning" %}
Du behöver en kampanj innan du kan lägga till en landningssida. Se [Skapa en ny kampanj](/docs/docs_se/kom-igang/campaign-basics/create-new-campaign.md) om du inte har skapat en ännu.
{% endhint %}
{% hint style="info" %}
Exemplet bygger en event-landningssida, men processen är densamma för alla typer av landningssidor. I slutet av guiden har du en landningssida redo att publicera.
{% endhint %}
{% stepper %}
{% step %}
### Lägg till en landningssida från kampanjsidan
Klicka på **Add Component** på fliken Components i kampanjen och välj sedan **Landing Page**.
{% endstep %}
{% step %}
### Fyll i inställningar och välj en mall
**Inställningar**
* **Component name:** Ett unikt namn så att du hittar sidan senare. Välj något som beskriver sidans roll i kampanjen. Besökarna ser inte detta namn.
**Mall**
Under **Choose a starting point** väljer du en mall från en av flikarna som utgångspunkt för designen. Den här guiden använder **Simple Landing (R)** från fliken **Landing Pages**. Mallar som sparats på ditt konto visas under **My Templates**.
**Skapa landningssidan**
När namn och mall är valda klickar du på **Create** för att skapa komponenten.
{% endstep %}
{% step %}
### Redigeraren för landningssidor
När du klickar på **Create** öppnas redigeraren med mallens innehåll på plats. Vänstermenyn låter dig lägga till innehållsblock, öppna verktyg och ange sidans titel under **Webpage Extras**. Resten av sidan visar det nuvarande innehållet, uppbyggt av block som du redigerar ett i taget.
{% endstep %}
{% step %}
### Redigera ett innehållsblock
Varje innehållsblock består av flera delar som du kan uppdatera. Klicka på blockets **Edit**-knapp för att öppna dess inställningar.
En inställningspanel öppnas till höger med flikarna **Content**, **Styles**, **HTML** och **Settings**. Content är där du ändrar blockets text, bilder och länkar. Styles är där du ändrar färger och typsnitt.
På fliken Content styr den övre delen hur blocket visas — lämna dessa standardvärden för nu. Den nedre delen är där du redigerar det faktiska innehållet.
{% endstep %}
{% step %}
### Ändra en rubrik
För att ändra en rubrik eller ett textstycke klickar du på dess titelrad och redigerar texten i textrutan. En tom textruta döljer den delen av blocket.
I exemplet nedan är textstycket och de två länkknapparna tomma, så de visas inte på sidan.
Klicka på **Save** efter varje ändring.
{% endstep %}
{% step %}
### Ändra bilden i ett block
Öppna blocket för redigering, gå till Image-sektionen i den högra panelen och klicka på **Choose Image**.
Gör så här för att ladda upp och använda en egen bild:
1. Klicka på **Upload Files**.
2. Klicka på **Choose files** och välj bilden på din dator.
3. Ladda upp filen till ditt eMarketeer-konto.
4. Klicka på filen i webbläsarfönstret för att markera den.
5. Klicka på **Use Selected** för att lägga till den i innehållsblocket.
Om bilden inte matchar de rekommenderade måtten för blocket visas ett alternativ för automatisk skalning. Klicka på länken i meddelandet för att godkänna.
{% endstep %}
{% step %}
### Lägg till en knapp med en länk
Använd knappar för att länka till en webbsida, en fil eller en annan eMarketeer-komponent. För en webblänk skriver du URL:en i länkinställningarna (inkludera `http://` eller `https://`) och skriver en knapptext. Gör så här för att länka till ett formulär:
1. Öppna innehållsinställningarna för Link 1 och klicka på **Browse**.
2. Klicka på **Link to eMarketeer Form**.
3. Välj kampanjen som innehåller ditt formulär och välj sedan formuläret.
4. Klicka på **Select**, sedan **Apply** och sedan **Save** för att lägga till länken och spara blocket.
{% endstep %}
{% step %}
### Lägg till ett nytt innehållsblock
Klicka på **Add Content Block** i vänstermenyn och klicka sedan på **Add Block** bredvid den blocktyp du vill ha.
Om knappen är grå klickar du först på ett befintligt block för att tala om för redigeraren var det nya blocket ska placeras.
{% endstep %}
{% step %}
### Flytta ett innehållsblock
För att flytta ett block klickar du på och håller ned flytt-ikonen till vänster om blockets kontextfält och drar det sedan till den nya positionen.
{% endstep %}
{% step %}
### Ta bort ett innehållsblock
För att ta bort ett block du inte behöver klickar du på ta bort-knappen på dess kontextfält.
{% endstep %}
{% step %}
### Färdigställ landningssidan
Klicka på **Done Editing** för att lämna redigeraren.
{% 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/webpage/creating-first-webpage.md?ask=&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.
