# Intro

The Intro block will not show up in your app's menu. It is a block that will allow you to welcome new app users to the app with a pop-up that can provide relevant information to first time users. 

### **Adding the Intro block**

1. Click on **+ Block**.
2. Select the **Intro** block and click **Add this block**.
3. Fill in the **name** of the block.<br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FLrBdlYUwIj37j75cIlUI%2FScreenshot%202022-12-22%20at%2010.33.57.png?alt=media&#x26;token=6d5962b4-40ae-4ec3-b00e-1da3d34191b9" alt=""><figcaption></figcaption></figure>
4. Click on the **icon** if you want to change the image used in the menu.

* **Replace** allows you to choose from a wide range of AppMachine icons or upload your own.
* **Delete** removes the icon so that only text is used.

&#x20;     When you’re done, click **Add this Block**.

### Adding content to the Intro block

1. Under the **Data** tab on the right side of the screen, click on **Create New.**<br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FhioYCbXzorYGC4Zefzph%2FScreenshot%202022-12-22%20at%2010.46.57.png?alt=media&#x26;token=8d09ec9c-1d6f-4ff9-8170-9d4adde13e1d" alt=""><figcaption><p>Click on "Create new" to open the Intro creation wizard.</p></figcaption></figure>
2. Add the **Name**, **Image**, and **Text** to the wizard. <br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FWz6OEKQIbswrPpoMgytV%2FScreenshot%202022-12-22%20at%2010.41.39.png?alt=media&#x26;token=ce67bc94-bc11-4289-934a-b7ba50ed9488" alt=""><figcaption><p>The wizard for adding a new Intro screen to your app.</p></figcaption></figure>
3. Click **Save**&#x20;

### **Configuring the Intro block**

Now that you've added the **Intro** building block, it's time to configure it. There are only two settings screens available here: **Data** and **Design**.

**Data** allows you to influence how the block will function and the **Design** settings will determine the aesthetics of the block.&#x20;

#### **Data**

Here you can change a number of things like:

* The **name** of the building block
* The **icon** that will show up in the app menu
* The **top image**
* The content of an **Intro** block. &#x20;

Should the need arise to keep the users of your published app from using this portion of the app, then you can always make use of the **ON/OFF**  selector.

Change the selector to **OFF** to keep users from seeing the **Intro** block. Now you can continue developing your app without worrying about users coming upon areas that you haven't finished developing as of yet. Once you are satisfied with your progress, change the selector back to **ON** to publish this portion of your app.

#### **Design**

These settings allow you to make aesthetic changes to the block.


---

# Agent Instructions: 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://docs.appmachine.com/blocks/intro.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.