> ## Documentation Index
> Fetch the complete documentation index at: https://botpress-charmenta-pr-718.mintlify.site/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-charmenta-pr-718/X1f5DsNjbZG6Cxoa/tutorial/basics/custom-logic/assets/card.png?fit=max&auto=format&n=X1f5DsNjbZG6Cxoa&q=85&s=f8e358d6be4ab5f3f33995259ba1b144" 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-charmenta-pr-718/X1f5DsNjbZG6Cxoa/tutorial/basics/custom-logic/assets/card-dark.png?fit=max&auto=format&n=X1f5DsNjbZG6Cxoa&q=85&s=1657a4abf02e3686f44e3b99d747391c" 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-charmenta-pr-718/X1f5DsNjbZG6Cxoa/tutorial/basics/custom-logic/assets/card-inspector.png?fit=max&auto=format&n=X1f5DsNjbZG6Cxoa&q=85&s=afc4a1c968917a34d84567f707e06e2f" 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-charmenta-pr-718/X1f5DsNjbZG6Cxoa/tutorial/basics/custom-logic/assets/card-inspector-dark.png?fit=max&auto=format&n=X1f5DsNjbZG6Cxoa&q=85&s=52739b5b3d430673344b63e4a32b5b5e" 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-charmenta-pr-718/X1f5DsNjbZG6Cxoa/tutorial/basics/custom-logic/assets/custom-greeting-test.png?fit=max&auto=format&n=X1f5DsNjbZG6Cxoa&q=85&s=34a2c5fd1d539a6b0af27eb90c33223b" 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-charmenta-pr-718/X1f5DsNjbZG6Cxoa/tutorial/basics/custom-logic/assets/custom-greeting-test-dark.png?fit=max&auto=format&n=X1f5DsNjbZG6Cxoa&q=85&s=fadce07e9b8f55ab2f1ecef3067459ff" 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.
