> 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 webbsida

{% hint style="warning" %}
Du behöver en kampanj innan du kan lägga till en webbsida. 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 webbsidor. I slutet av guiden har du en webbsida redo att publicera.
{% endhint %}

{% stepper %}
{% step %}

### Lägg till en webbsida från kampanjsidan

Klicka på **Add Webpage** från kampanjsidan.

<div align="left" data-with-frame="true"><img src="/files/kc3RJdQW4Mznnj8qmATi" alt="Knappen Add Webpage på kampanjsidan"></div>
{% endstep %}

{% step %}

### Fyll i inställningar och välj en mall

<div align="left" data-with-frame="true"><img src="/files/6Jjt6pDrJ6bTaRWjNNQA" alt="Inställningar och mallval för webbsidan"></div>

**Inställningar**

* **Name your webpage:** 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.
* **Page title:** Titeln som besökarna ser i webbläsarens flik.

**Mall**

Välj 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 webbsidekomponenten**

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

{% step %}

### Webbsideredigeraren

När du klickar på **Create Web Page** öppnas redigeraren med mallens innehåll på plats. Vänstermenyn låter dig lägga till innehållsblock, öppna verktyg och justera inställningarna från föregående steg. Resten av sidan visar det nuvarande innehållet, uppbyggt av block som du redigerar ett i taget.

<div align="left" data-with-frame="true"><img src="/files/D8PrRImbuIWPiKF8YgqB" alt="Webbsideredigeraren med innehållsblock och vänstermeny"></div>
{% 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.

<div align="left" data-with-frame="true"><img src="/files/uN3h8yFsMzRvU8Lwiqn3" alt="Edit-knappen på ett innehållsblock"></div>

En inställningspanel öppnas till höger med två flikar: **Content** och **Styles**. 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.

<div align="left" data-with-frame="true"><img src="/files/4XtcoxGjm63SsmSzxetP" alt="Redigering av rubriktexten i ett innehållsblock"></div>
{% 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**.

<div align="left" data-with-frame="true"><img src="/files/mFqw4kLag8z5zyPHL0Im" alt="Knappen Choose Image i bildsektionen"></div>

Gör så här för att ladda upp och använda en egen bild:

1. Klicka på **Upload File**.
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.

<div align="left" data-with-frame="true"><img src="/files/yrNOe5NFpwqCpheVd2qn" alt="Stegen Upload File, Choose files och Use Selected"></div>

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.

<div align="left" data-with-frame="true"><img src="/files/SjXUTVvlajWHah5iJ4Sz" alt="Meddelande om Auto Scale för att ändra storlek på bilden"></div>
{% 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.

<div align="left" data-with-frame="true"><img src="/files/AwjqJKvjDgv3EfvLgd9B" alt="Ange en knapplänk via Browse till ett eMarketeer-formulär"></div>
{% 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.

<div align="left" data-with-frame="true"><img src="/files/LoH1LukYqQb1ervuBbXQ" alt="Menyn Add Content Block med olika blocktyper"></div>
{% 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.

<div align="left" data-with-frame="true"><img src="/files/3V16Xs6NjYl0LPBA3q3H" alt="Flytt-ikonen som används för att dra ett innehållsblock"></div>
{% 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.

<div align="left" data-with-frame="true"><img src="/files/760vFJNiNeU7q1PqOof6" alt="Ta bort-knappen på ett innehållsblocks kontextfält"></div>
{% endstep %}

{% step %}

### Färdigställ webbsidan

Klicka på **Done Editing** för att lämna redigeraren.

<div align="left" data-with-frame="true"><img src="/files/IssKCBn4GmGarKvXMc5S" alt="Knappen Done Editing"></div>
{% 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.emarketeer.com/docs/docs_se/guider/guides/webpage/creating-first-webpage.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.