> For the complete documentation index, see [llms.txt](https://docs.easyappshq.com/easyform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.easyappshq.com/easyform/embedding-easyform/embedding-in-softr.io.md).

# Embedding in Softr.io

To add your Easyform to your Softr site, first build your form and [copy the embed code](/easyform/publishing-the-form/embedding-the-form.md). Now that you have the form embed code:

1. Login to your Softr.io account and navigate to the page where you want to embed your Easyform.
2. Add an *Embed* component to the page by dragging it from the *Components* panel on the left-hand side.
3. Double-click on the *Embed* component to open the component settings.
4. Paste the Easyform embed code into the *Embed code* field.
5. Adjust the width and height of the component as per your requirements.
6. Preview the page to ensure that the embedded form appears correctly on your website.

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FgKbtESUDwSNQCYXSdQNO%2Fembed%20in%20softr.io.gif?alt=media&amp;token=55fd4086-6250-497f-812a-3ff048442df8" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

End result&#x20;

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FVYiXDHN4KT0pLWE8FUtJ%2Fsoftr.io%20form.png?alt=media&amp;token=ff2c9d5b-d9df-4db6-a6e4-7c174783ee6c" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

That's it! Your Easyform is now embedded in your Softr.io website and ready to collect responses from your visitors.
