> ## Documentation Index
> Fetch the complete documentation index at: https://botpress-update-integrations.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-update-integrations/G-VBBNMk-HGWW1fc/tutorial/basics/custom-logic/assets/card.png?fit=max&auto=format&n=G-VBBNMk-HGWW1fc&q=85&s=b2d290c88618b10fc00a64dc2d959ffd" 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-update-integrations/G-VBBNMk-HGWW1fc/tutorial/basics/custom-logic/assets/card-dark.png?fit=max&auto=format&n=G-VBBNMk-HGWW1fc&q=85&s=c85eaca0ae021a5d9273a9d220c980b0" 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-update-integrations/G-VBBNMk-HGWW1fc/tutorial/basics/custom-logic/assets/card-inspector.png?fit=max&auto=format&n=G-VBBNMk-HGWW1fc&q=85&s=ba72848b60dc5e7bcfcac2a7a1e4bb7a" 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-update-integrations/G-VBBNMk-HGWW1fc/tutorial/basics/custom-logic/assets/card-inspector-dark.png?fit=max&auto=format&n=G-VBBNMk-HGWW1fc&q=85&s=c9e1d834ae6153113cef4b39ea28576e" 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-update-integrations/G-VBBNMk-HGWW1fc/tutorial/basics/custom-logic/assets/custom-greeting-test.png?fit=max&auto=format&n=G-VBBNMk-HGWW1fc&q=85&s=62cc8139940c58a401a725223a7586d7" 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-update-integrations/G-VBBNMk-HGWW1fc/tutorial/basics/custom-logic/assets/custom-greeting-test-dark.png?fit=max&auto=format&n=G-VBBNMk-HGWW1fc&q=85&s=b63e1156a3941715448f0a6c4116cc9c" 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.