# FluidForms Canva App

{% hint style="info" %}
To follow this guide, ensure you have your website design, and the FluidForms Canva app open. You can find the FluidForms app by clicking the "Apps" button on the left panel and searching for "FluidForms".
{% endhint %}

#### 1. Enter a form name. This is so you can easily identify the form (if you have multiple).

![Step 1 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/5f9832b7-1c66-4701-bd2e-581caab1bbc9/39f65568-7d7d-4984-8567-8819e5e35b8a.png?crop=focalpoint\&fit=crop\&fp-x=0.2375\&fp-y=0.3584\&fp-z=1.6887\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=185\&mark-y=415\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01OTImaD04OCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 2. Enter an email address to receive form submission notifications.

![Step 2 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/16225c44-8922-4a13-a3e5-a289a6b5d491/e2c24493-26d9-4a53-bf92-080558121e0c.png?crop=focalpoint\&fit=crop\&fp-x=0.2375\&fp-y=0.4643\&fp-z=1.6887\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=185\&mark-y=415\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01OTImaD04OCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 3. Let's start adding some form fields/questions. Click on the "Questions" tab.

![Step 3 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/1c5ade23-e7e7-4399-95c4-4107b72a35ed/18bc892b-b672-410c-8908-a64029d378f2.png?crop=focalpoint\&fit=crop\&fp-x=0.2375\&fp-y=0.2525\&fp-z=2.4657\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=444\&mark-y=403\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0zMTImaD0xMTImZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)

#### 4. For each question, pick the question type.

![Step 4 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/6f71f8f7-227d-4e42-b94a-c15083593656/604e76a8-6e89-4054-9ae4-0a3440d95bb2.png?crop=focalpoint\&fit=crop\&fp-x=0.2375\&fp-y=0.3682\&fp-z=1.7272\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=203\&mark-y=412\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01NzgmaD05NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 5. Different types are useful for different inputs, for example, a Short Response is great for names, email addresses or phone numbers.

![Step 5 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/d22e48c7-b6a8-47aa-a5cc-e1e272a6366f/6a13070a-b268-4938-9a26-8a6f648efc94.png?crop=focalpoint\&fit=crop\&fp-x=0.2488\&fp-y=0.4372\&fp-z=1.6417\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=186\&mark-y=415\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz02MDkmaD04OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 6. Enter a field Title. This will be the label on your form.

![Step 6 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/673ba447-f2ce-4b4e-a009-e3c5aa08cb48/8523afc2-cb06-45d7-ae88-45ac30da83ac.png?crop=focalpoint\&fit=crop\&fp-x=0.2375\&fp-y=0.4741\&fp-z=1.8035\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=239\&mark-y=412\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01NTEmaD05NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 7. Select a Response Type. This will be used to validate the input entered by the user.

![Step 7 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/3602a1b7-f0e8-462a-bbf8-c15e48c9d8b6/62f6c708-82f2-447d-a066-e1e88d0497f1.png?crop=focalpoint\&fit=crop\&fp-x=0.2488\&fp-y=0.7968\&fp-z=1.6417\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=186\&mark-y=567\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz02MDkmaD04OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 8. If you require a user to complete the field, turn on the "Required" toggle. Users will only be able to submit the form if they have completed this field.

![Step 8 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/a5822185-9685-4565-ad0e-8e6297b63835/824b28a7-2686-4cab-b03a-7f06480c25b5.png?crop=focalpoint\&fit=crop\&fp-x=0.3487\&fp-y=0.3079\&fp-z=2.8965\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=521\&mark-y=407\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xNTcmaD0xMDUmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)

#### 9. Continue adding as many questions as you need and customize the fields.

![Step 9 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/75f363ee-d20f-4aa0-a295-0d06cef77ab4/ae1b6d95-3654-4f25-ba95-cb028f911695.png?crop=focalpoint\&fit=crop\&fp-x=0.2375\&fp-y=0.7278\&fp-z=1.6622\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=173\&mark-y=458\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz02MDImaD05MCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 10. Once you've added all your fields, you can now start customizing the look and feel of your form. Note: Some customization features are only available to FluidForms Pro users.

![Step 10 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/5d43c772-b9a5-4ce7-ad09-43c7731cec5f/706c9293-9c0f-4a88-8685-68af91614fb5.png?crop=focalpoint\&fit=crop\&fp-x=0.3393\&fp-y=0.2525\&fp-z=2.4657\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=444\&mark-y=403\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0zMTImaD0xMTImZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)

#### 11. Once your form is ready, click "Add to design". This will add an embedded form to your Canva website.

![Step 11 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/89c0e803-e212-446c-a175-4f35d1a9de51/21743c7d-b0fb-4674-82ce-b93ff4b153f8.png?crop=focalpoint\&fit=crop\&fp-x=0.2375\&fp-y=0.8867\&fp-z=1.6216\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=154\&mark-y=706\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz02MTYmaD04OCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 12. Drag the form into your desired position. Once satisfied, publish your website.

![Step 12 screenshot](https://images.tango.us/workflows/3546b6f7-8c43-4489-ade2-0b88ddc0e13e/steps/36054d4c-6ab3-4dee-a0fe-b30bbe30e0d6/d9fbed6d-df9e-41db-a3c8-cd4dd31d1dcd.png?crop=focalpoint\&fit=crop\&fp-x=0.5339\&fp-y=0.5105\&fp-z=1.0685\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&blend-align=bottom\&blend-mode=normal\&blend-x=0\&blend-w=1200\&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n\&mark-x=0\&mark-y=22\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xMjA1Jmg9ODc0JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)

<br>

***

Created with [Tango.us](https://tango.us?utm_source=markdown\&utm_medium=markdown\&utm_campaign=workflow%20export%20links)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.fluidforms.co/getting-started/fluidforms-canva-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
