# Add your schedule to a Lovable app

Add the Naayya schedule to a React app built with Lovable

Canonical URL: https://www.naayya.com/help-center/website-integration-lovable
Category: integrations
Last updated: 2026-11-07T12:00:00Z

# Add your schedule to a Lovable app

Use this if your website is a React app built with Lovable, or another
tool that writes React code.

## Add the schedule

1. In Naayya, open **Admin → Settings → Storefront → Website embed**. Under **Website code**, in **Where is your website built?**, choose
   **Lovable**, then select **Copy React code**. The code is a React component
   called `NaayyaSchedule`.
2. In Lovable, ask it to add the component, for example: "Create
   `src/components/NaayyaSchedule.tsx` with this code, and show
   `<NaayyaSchedule />` on the page where people book." Paste the code after
   your message.
3. Check the page in Lovable's preview, then publish.

The schedule keeps working when visitors move between pages of your app and
come back.

## What your visitors see

The schedule shows your public classes, workshops and courses, in the look
you set under **Appearance** in the Website embed section. A change you make there shows
on your website the next time a page loads, without new code.

When a visitor selects **Book**, Naayya's booking page opens in a small window
over your website. Sign-in and payment happen on that Naayya page. When the
booking is confirmed, the schedule says so. See
[What customers see in website integrations](/help-center/website-integration-customer-view).

## Related

- [Website integration](/help-center/website-integration)
- [Website integration troubleshooting](/help-center/website-integration-troubleshooting)