# URLs

Clicking on the link opens a new screen in your app that loads the website. This way you can include links to your own website or a reservation page.<br>

### **Adding the URLs block** <a href="#add" id="add"></a>

1. Click on **+ Block**.
2. Select the **URLs** 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%2F9jPrK83xsoISbnwzIpvv%2FScreenshot%202022-12-22%20at%2016.32.56.png?alt=media&#x26;token=57154441-56f8-461b-bf48-22e316e94118" alt=""><figcaption></figcaption></figure>
4. Click on the **icon** if you want to change the image used in the menu.
5. When you’re done, click **Finish**.

### **Editing the content of the URLs block** <a href="#edit" id="edit"></a>

Edit the content in the List Settings of your URLs block.

#### **Adding new content**

1. Select the **URLs** block in your app.
2. Select the **Data** tab.
3. Click on the **Create new** button to add new content.
4. Enter the **name of the website** and its **URL**.<br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2Fk5PONnhJrKBfPxgoOzzd%2FScreenshot%202022-12-22%20at%2016.44.22.png?alt=media&#x26;token=545253fe-d518-457d-b904-3268b4f99e75" alt=""><figcaption></figcaption></figure>
5. **Save** your entry by clicking Save.

#### **Editing your content**

Hover the cursor over an existing entry to edit, rearrange or delete it.

<figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FDZdsw6l6KRPSCeS8QORC%2FScreenshot%202022-12-22%20at%2016.42.23.png?alt=media&#x26;token=182cd97d-c2bb-430c-8eeb-51979eec93b0" alt=""><figcaption></figcaption></figure>

* **Edit**: select the pen icon and edit the content. When you're done click on Save to save or on the home icon to return without saving.
* **Rearrange**: grab the handle on the left side of your entry to rearrange the order it will be displayed in the app.
* **Delete**: click on the garbage can to delete the entry from your block.

### **Configuring the URLs building block** <a href="#configure" id="configure"></a>

The URL building block editor is composed of three editing screens; **Settings**, **Data** and **Design**.

The settings in the **Settings** editing screen determine how your block will function, **Data** allows you maintain the content of the block, and the settings in the **Design** screen determine its aesthetics.

#### **Settings**

There are several aspects of your **URL** block that can be changed in this screen; the name of the block, the icon (or image) that will be used in the app menu, and the top image for the URL screen. You can also choose whether you'd like the users to be able to share the events via twitter, Facebook, or email.<br>

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 URL 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.

#### **Data**

This is where you add the the URLs and their titles to the building block.

#### **Design**

The Design screen allows your to make highly detailed changes to your building block. Design gives the developer a remarkable amount of freedom to adjust everything exactly as he or she would like it.

<br>


---

# 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/urls.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.
