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

# Add an integration in 3 steps

> How to put a working form, calendar, or payment button on a page — even though Shareable serves static pages.

Shareable hosts a **static** page — there's no database or server code. So how do you
get a *working* contact form, booking calendar, or "Buy now" button on it? You
**borrow** one from a service that's built for it, and embed it. The other service
does the work; your page just shows it.

Here's the pattern that works for almost anything interactive:

<Steps>
  <Step title="Sign up for the service that does the job">
    Need a form? Make one in **Google Forms** or **Typeform** (free). Bookings?
    **Calendly**. Payments? A **Stripe payment link** or **Gumroad**. You're creating
    the form/calendar/button *there*, where it actually runs and stores data.
  </Step>

  <Step title="Copy its embed code">
    Every one of these services has an **"Embed"** or **"Share → Embed"** button that
    gives you a snippet — usually an `<iframe>`. Copy it.
  </Step>

  <Step title="Put it on your page, then publish">
    Two easy ways:

    * **Tell your AI:** *"Add this embed to my page,"* and paste the snippet. Claude,
      ChatGPT, or Gemini drops it into the HTML in the right spot.
    * **Or paste it yourself** into your HTML where you want it to appear.

    Then publish on Shareable as usual — the embed works on the live link.
  </Step>
</Steps>

<Tip>
  You can often skip steps 2–3 entirely: just ask your AI up front — *"build a
  landing page with a contact form"* or *"…with a Calendly booking widget"* — and it
  picks a method and writes the embed for you. You only need to sign up for the
  service and (sometimes) paste your specific form's link.
</Tip>

## Recipes

<CardGroup cols={2}>
  <Card title="Contact form" icon="envelope" href="/cookbook/contact-form">
    Let visitors message you — no inbox setup.
  </Card>

  <Card title="Event / RSVP page" icon="calendar-check" href="/cookbook/event-rsvp">
    Share an event and collect RSVPs.
  </Card>

  <Card title="Booking page" icon="calendar-days" href="/cookbook/booking-page">
    Let people grab time on your calendar.
  </Card>

  <Card title="Newsletter signup" icon="paper-plane" href="/cookbook/newsletter">
    Collect emails for your list.
  </Card>

  <Card title="Sell something" icon="credit-card" href="/cookbook/sell-something">
    Take a payment with a Stripe link or Gumroad.
  </Card>

  <Card title="Your own domain" icon="globe" href="/cookbook/own-domain">
    Put a page behind your own URL or subdomain.
  </Card>

  <Card title="Know who viewed" icon="eye" href="/cookbook/who-viewed">
    See how many — and exactly who — opened your page.
  </Card>

  <Card title="Design with Claude" icon="wand-magic-sparkles" href="/cookbook/claude-design">
    Build a page in Claude Design, share it with Shareable.
  </Card>

  <Card title="Design with Gemini" icon="wand-magic-sparkles" href="/cookbook/gemini-canvas">
    Build a page in Gemini Canvas, share it with Shareable.
  </Card>

  <Card title="Share a PDF or image" icon="file-pdf" href="/cookbook/share-a-pdf-or-image">
    Reports, mood boards, lookbooks — with a link + analytics.
  </Card>

  <Card title="More integrations" icon="puzzle-piece" href="/guides/integrations">
    The full list of what you can embed.
  </Card>
</CardGroup>