> ## Documentation Index
> Fetch the complete documentation index at: https://botpress.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding Cards

An empty Node isn't very interesting. To make it do something, we can add a *Card*—an individual task your bot performs within a Node.

Since customers tend to ask about opening hours, let's add a Card that displays them as soon as the conversation starts:

1. In the new Node, select **+ Add Card**.
2. Under **Send Messages**, select **Text**.

<Frame>
  <img alt="Card" className="block dark:hidden" src="https://mintcdn.com/botpress/kQTLjOfDaoBQlj_Z/tutorial/basics/custom-logic/assets/card.png?fit=max&auto=format&n=kQTLjOfDaoBQlj_Z&q=85&s=0e8805cef792d24dfd6f438a514189ed" width="1232" height="382" data-path="tutorial/basics/custom-logic/assets/card.png" />

  <img alt="Card" className="hidden dark:block" src="https://mintcdn.com/botpress/kQTLjOfDaoBQlj_Z/tutorial/basics/custom-logic/assets/card-dark.png?fit=max&auto=format&n=kQTLjOfDaoBQlj_Z&q=85&s=40592c7d32079fbf6c695dc474ea342f" width="1232" height="382" data-path="tutorial/basics/custom-logic/assets/card-dark.png" />
</Frame>

Notice that adding a Card opens the **Inspector** on the right side of the Studio:

<Frame>
  <img alt="Card inspector" className="block dark:hidden" src="https://mintcdn.com/botpress/kQTLjOfDaoBQlj_Z/tutorial/basics/custom-logic/assets/card-inspector.png?fit=max&auto=format&n=kQTLjOfDaoBQlj_Z&q=85&s=f305f2cb3fc6c4506785b6cab596e880" width="1232" height="456" data-path="tutorial/basics/custom-logic/assets/card-inspector.png" />

  <img alt="Card inspector" className="hidden dark:block" src="https://mintcdn.com/botpress/kQTLjOfDaoBQlj_Z/tutorial/basics/custom-logic/assets/card-inspector-dark.png?fit=max&auto=format&n=kQTLjOfDaoBQlj_Z&q=85&s=d811eb4fb2355a2f218e73fd3bc4e330" width="1232" height="456" data-path="tutorial/basics/custom-logic/assets/card-inspector-dark.png" />
</Frame>

Let's add our greeting. In the **Message to send** field, paste the following:

```txt wrap theme={"theme":{"light":"light-plus","dark":"dark-plus"}}
Hello! I'm Teddy, 🐶 the customer support bot for Teddy's Pet Shop. Our opening hours are:

Monday-Friday: 10:00 AM to 6:00 PM
Saturday-Sunday: 11:00 AM to 3:00 PM
```

Now we can test it out. Switch back to the **Emulator** and select **Test your bot**:

<Frame>
  <img alt="Custom greeting test" className="block dark:hidden" src="https://mintcdn.com/botpress/kQTLjOfDaoBQlj_Z/tutorial/basics/custom-logic/assets/custom-greeting-test.png?fit=max&auto=format&n=kQTLjOfDaoBQlj_Z&q=85&s=95789fefd80446b3b49158a09bc907a7" width="1230" height="462" data-path="tutorial/basics/custom-logic/assets/custom-greeting-test.png" />

  <img alt="Custom greeting test" className="hidden dark:block" src="https://mintcdn.com/botpress/kQTLjOfDaoBQlj_Z/tutorial/basics/custom-logic/assets/custom-greeting-test-dark.png?fit=max&auto=format&n=kQTLjOfDaoBQlj_Z&q=85&s=8572bf5843616e99c41c1f157f3ddfe1" width="1230" height="462" data-path="tutorial/basics/custom-logic/assets/custom-greeting-test-dark.png" />
</Frame>

Nice! The bot now displays a custom greeting with the opening hours.