> 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/guides/guides/webpage/creating-first-webpage.md).
# Creating your first webpage
{% hint style="warning" %}
You need a campaign before you can add a webpage. See [How to create a new campaign](/getting-started/campaign-basics/create-new-campaign.md) if you haven't created one yet.
{% endhint %}
{% hint style="info" %}
The example builds an event landing page, but the process is the same for any webpage type. By the end, you will have a webpage ready to publish.
{% endhint %}
{% stepper %}
{% step %}
### Add a webpage from the campaign page
From the campaign page, click **Add Webpage**.
{% endstep %}
{% step %}
### Fill in settings and choose a template
**Settings**
* **Name your webpage:** A unique name so you can find it later. Use something that describes the page's role in the campaign. Visitors do not see this name.
* **Page title:** The title visitors see in their browser tab.
**Template**
Pick a template from one of the tabs as a starting point for the design. This guide uses **Simple Landing (R)** from the **Landing Pages** tab. Custom templates saved on your account appear under **My Templates**.
**Create webpage component**
Once settings and template are set, click **Create Web Page** to create the component.
{% endstep %}
{% step %}
### The webpage editor
After you click **Create Web Page**, the editor opens with the template's content already in place. The left menu lets you add content blocks, access tools, and adjust the settings from the previous step. The rest of the page shows the current content, made up of blocks you edit individually.
{% endstep %}
{% step %}
### Edit a content block
Each content block has several parts you can update. Click the block's **Edit** button to open its settings.
A settings panel opens on the right with two tabs: **Content** and **Styles**. Content is where you change the block's text, images, and links. Styles is where you change colors and fonts.
On the Content tab, the top section controls how the block displays — leave those defaults for now. The lower section is where you edit the actual content.
{% endstep %}
{% step %}
### Change a headline
To change a headline or text paragraph, click its title bar and edit the text in the text box. An empty text box hides that part of the block.
In the example below, the text paragraph and two link buttons are empty, so they do not appear on the page.
Click **Save** after each change.
{% endstep %}
{% step %}
### Change the image in a block
Open the block for editing, go to the Image section in the right panel, and click **Choose Image**.
To upload and use your own image:
1. Click **Upload File**.
2. Click **Choose files** and select the image on your computer.
3. Upload the file to your eMarketeer account.
4. Click the file in the browser window to select it.
5. Click **Use Selected** to add it to the content block.
If the image does not match the recommended dimensions for the block, an option to auto-scale it appears. Click the link in the notice to accept.
{% endstep %}
{% step %}
### Add a button with a link
Use buttons to link to a webpage, file, or another eMarketeer component. For a web link, type the URL in the Link settings (include `http://` or `https://`) and write a button caption. To link to a form:
1. Open the Link 1 content settings and click **Browse**.
2. Click **Link to eMarketeer Form**.
3. Pick the campaign that contains your form, then pick the form itself.
4. Click **Select**, then **Apply**, then **Save** to add the link and save the block.
{% endstep %}
{% step %}
### Add a new content block
Click **Add Content Block** in the left menu, then click **Add Block** next to the block type you want.
If the button is grey, click an existing block first to tell the editor where to insert the new one.
{% endstep %}
{% step %}
### Reposition a content block
To move a block, click and hold the reposition icon on the left side of the block's context bar, then drag it to the new position.
{% endstep %}
{% step %}
### Delete a content block
To remove a block you don't need, click the delete button on its context bar.
{% endstep %}
{% step %}
### Finish the webpage
Click **Done Editing** to leave the editor.
{% 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, and the optional `goal` query parameter:
```
GET https://support.emarketeer.com/guides/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 optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.