> For the complete documentation index, see [llms.txt](https://docs.cymbal.co/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cymbal.co/help/landing-pages-and-forms/building-a-page.md).

# Building a Page

This page shows you how to build, design, and launch a page in Cymbal

Build, design, and publish a landing page.

## How to build a page

{% stepper %}
{% step %}
Go to the **Web tools** → [Pages & Forms](https://manager.cymbal.co/pages) tab.
{% endstep %}

{% step %}
Select **Create** in the top right and choose **Page**.
{% endstep %}

{% step %}
Choose an existing style template or create a new one.
{% endstep %}

{% step %}
To change the design, drag and drop your preferred components (text, images, event components, etc.)
{% endstep %}

{% step %}
Select **Publish** in the top right.
{% endstep %}

{% step %}
Copy your page link, or open your new page to check it.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
If your page has an upcoming events section, changes to your events, like new events or edits, can take up to 24 hours to show on the published page.
{% endhint %}

## How to show upcoming events in a horizontal scroll

The upcoming events block on a page can show your events as a swipeable row instead of a vertical list.

{% stepper %}
{% step %}
In the page editor, select your upcoming events block.
{% endstep %}

{% step %}
Change the arrangement to **Horizontal scroll**.
{% endstep %}

{% step %}
Preview your page. With two or more events, they show as compact cards in a row that fans can swipe or move through with arrows. A single event shows as one card.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
**Horizontal scroll** is for pages only. It isn't available for upcoming events in emails or automations.
{% endhint %}

## Related

* [Building a Form](https://docs.cymbal.co/help/landing-pages-and-forms/building-a-form)
* [Create short links](https://docs.cymbal.co/help/landing-pages-and-forms/create-short-links)
* [Run a Presale](https://docs.cymbal.co/help/landing-pages-and-forms/run-a-presale)