> ## Documentation Index
> Fetch the complete documentation index at: https://help.weavely.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# How to Embed Advanced AI Forms into Carrd with Weavely.ai
> Learn how to embed custom AI forms in Carrd with Google Sheets integration, conditional logic, and full styling control.
{`{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "https://help.weavely.ai/guides/carrd",
"url": "https://help.weavely.ai/guides/carrd",
"name": "How to Embed Advanced AI Forms into Carrd with Weavely.ai",
"description": "Learn how to embed custom AI forms in Carrd with Google Sheets integration, conditional logic, and full styling control.",
"inLanguage": "en",
"isPartOf": {
"@type": "WebSite",
"@id": "https://help.weavely.ai/#website",
"name": "Weavely Help Center"
},
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "Guides", "item": "https://help.weavely.ai/guides" },
{ "@type": "ListItem", "position": 2, "name": "Embedding in Carrd", "item": "https://help.weavely.ai/guides/carrd" }
]
},
"publisher": { "@id": "https://www.weavely.ai/#org" }
},
{
"@type": "TechArticle",
"headline": "How to Embed Advanced AI Forms into Carrd with Weavely.ai",
"description": "Learn how to embed custom AI forms in Carrd with Google Sheets integration, conditional logic, and full styling control.",
"inLanguage": "en",
"mainEntityOfPage": { "@id": "https://help.weavely.ai/guides/carrd" },
"author": { "@id": "https://www.weavely.ai/#org" },
"publisher": { "@id": "https://www.weavely.ai/#org" }
},
{
"@type": "VideoObject",
"@id": "https://help.weavely.ai/guides/carrd#video",
"name": "Advanced Custom Forms in Carrd (Google Sheets, Conditional Logic & More)",
"description": "Want to go beyond basic form embeds in Carrd?\nIn this tutorial, I’ll show you how to create advanced forms inside your Carrd site using Weavely.ai. Complete with Google Sheets integration, conditional logic, and AI-powered customization.",
"inLanguage": "en",
"thumbnailUrl": [
"https://i.ytimg.com/vi/YpYn065RIhk/maxresdefault.jpg",
"https://i.ytimg.com/vi/YpYn065RIhk/hqdefault.jpg"
],
"uploadDate": "2025-10-10T00:00:00Z",
"duration": "PT6M29S",
"embedUrl": "https://www.youtube.com/embed/YpYn065RIhk",
"contentUrl": "https://youtu.be/YpYn065RIhk",
"publisher": { "@id": "https://www.weavely.ai/#org" },
"potentialAction": {
"@type": "WatchAction",
"target": "https://www.youtube.com/watch?v=YpYn065RIhk"
}
},
{
"@type": "Organization",
"@id": "https://www.weavely.ai/#org",
"name": "WEAVE.LY BV",
"url": "https://www.weavely.ai",
"address": {
"@type": "PostalAddress",
"streetAddress": "Herbert Hooverlaan 141",
"addressLocality": "Schaarbeek",
"postalCode": "1030",
"addressCountry": "BE"
},
"identifier": "BE0773.878.569",
"sameAs": [
"https://www.instagram.com/weavely.ai/",
"https://www.linkedin.com/company/weave-ly/",
"https://www.youtube.com/@weavely"
]
}
]
}`}
If you're building a site with **Carrd**, you might’ve noticed that its built-in form options are great for basic needs, but they fall short when it comes to more advanced features like **Google Sheets integrations** or **conditional logic**. This guide shows you how to overcome those limitations by using **Weavely.ai**, a free AI-powered form builder that integrates smoothly with Carrd.
## Why Use Weavely with Carrd?
* **AI-generated forms**: Describe what you need, and Weavely builds the form for you.
* **Powerful integrations**: Google Sheets, Airtable, Slack, email alerts, and more.
* **Conditional logic**: Show or hide questions based on previous answers.
* **Fully customizable themes**: Match your Carrd site's colors, fonts, and layout.
* **Free to use**: All core features are free. Only branding removal requires a paid plan.
## Step 1: Generate Your AI Form in Weavely
Head to [Weavely.ai](https://weavely.ai) and describe your form. For example:
> "I need a witty contact form for my landing page. Make it single page."
You can also upload documents or screenshots to guide the AI. Weavely will generate the form automatically. You can tweak questions, styling, and layout as needed inside the editor. We've dedicated [an entire article](https://help.weavely.ai/get-started/the-basics) on how to get started.
## Step 2: Match the Form to Your Carrd Design
Once your form is ready, click the **“Generate Theme”** button and upload a screenshot of your Carrd site. Weavely will extract fonts and colors to visually align with your site.
Optionally:
* Remove the form header image if it's redundant.
* Adjust borders, radius, or background opacity for seamless embedding.
## Step 3: Embed the Form in Carrd
Important: Carrd’s embed element is only available on Pro Standard plans.
In Weavely, navigate to the \*\*Share \*\*tab and look at the **Embed** section. You'll need to copy both:
* The **script** tag (loads the Weavely library).
* The **form embed** container (the actual form).
In Carrd you'll need to paste both pieces of code into an **Embed** element, after which you publish your Carrd site (as you do)
You’ll now see your live, fully functional Weavely form right on your Carrd page.
## Step 4: Send Responses to Google Sheets (Optional)
1. Open your form in Weavely and go to the **Integrations** tab.
2. Click **Add** next to Google Sheets.
3. Connect your Google account (you only need to do this once).
4. Select the fields you want to export.
5. Hit **Create Integration**.
Weavely will automatically create a Google Sheet with a column for each question, and new responses will appear in real time. Check out [this article](https://help.weavely.ai/integrations/google-sheets) for an in-depth (video) tutorial.
## Step 5: Add Conditional Logic (Optional)
Want certain questions to appear only if previous ones are answered?
1. Head to the **Logic** tab in Weavely.
2. Click **Create Logic Rule**.
3. Define the condition (e.g., "if email is filled in").
4. Set the action (e.g., "show subject field").
These logic rules allow you to tailor your form for better user experience and higher completion rates. Again, check out [this article](https://help.weavely.ai/features/skip-logic) for an in-depth tutorial.
Changes you make are \*\*automatically live \*\*after you hit **Publish** in Weavely. Just refresh your Carrd site, and you'll see the updated behavior immediately.
.webp?fit=max&auto=format&n=I54UQM4zgFtIbBta&q=85&s=aac6163a8fb111aa2e40ac28496a8c76)
## Step 3: Embed the Form in Carrd
.webp?fit=max&auto=format&n=I54UQM4zgFtIbBta&q=85&s=2839b4403acd0dcabc75f7303028d15c)
In Carrd you'll need to paste both pieces of code into an **Embed** element, after which you publish your Carrd site (as you do)
.webp?fit=max&auto=format&n=I54UQM4zgFtIbBta&q=85&s=8b93966384776be2888d8def94d7c848)
You’ll now see your live, fully functional Weavely form right on your Carrd page.
## Step 4: Send Responses to Google Sheets (Optional)
1. Open your form in Weavely and go to the **Integrations** tab.
2. Click **Add** next to Google Sheets.
3. Connect your Google account (you only need to do this once).
4. Select the fields you want to export.
5. Hit **Create Integration**.
Weavely will automatically create a Google Sheet with a column for each question, and new responses will appear in real time. Check out [this article](https://help.weavely.ai/integrations/google-sheets) for an in-depth (video) tutorial.
## Step 5: Add Conditional Logic (Optional)
Want certain questions to appear only if previous ones are answered?
1. Head to the **Logic** tab in Weavely.
2. Click **Create Logic Rule**.
3. Define the condition (e.g., "if email is filled in").
4. Set the action (e.g., "show subject field").
These logic rules allow you to tailor your form for better user experience and higher completion rates. Again, check out [this article](https://help.weavely.ai/features/skip-logic) for an in-depth tutorial.
.webp?fit=max&auto=format&n=I54UQM4zgFtIbBta&q=85&s=7d14a896a1677f46d70181e75677279b)
Changes you make are \*\*automatically live \*\*after you hit **Publish** in Weavely. Just refresh your Carrd site, and you'll see the updated behavior immediately.