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

# Embed a form on your website

> Put a Hosted form inside your own page, as a popup, or as a full-page form.

Open the form's **Share** tab and find **Embed on your site**. You'll see three styles: **Standard**, **Popup** and **Full page**. Pick one, adjust the options, and copy the code. A live preview shows what visitors will get.

Embeds are only available on Hosted forms. An Endpoint form doesn't have a Share tab because you build the page yourself.

## Standard

A standard embed puts the form inside the flow of a page, which suits a contact page, an application page or a blog post.

You can set:

* **Height** in pixels. It's a fixed height, so pick one that fits your longest page.
* **Align content to the left**.
* **Transparent background**, useful when the page behind the form should show through.

Paste the code into the HTML or "custom code" block your site builder gives you. Most builders, including Webflow, WordPress and Squarespace, have one.

## Popup

See [Popup forms](/sharing/popup-forms).

## Full page

A full-page embed makes the form fill the whole browser window. Paste the code into a blank page with nothing else on it.

## No-code tools

For Standard and Full page, the dialog also shows a plain link. Paste that link into the editor of tools like Notion, Framer or Canva and the form embeds automatically.

## Check the result

Open the finished page on desktop and on a phone. Submit one response and confirm it shows up under **Submissions**.

<Warning>
  **Copy the code again after changing embed options.** The form's content updates at the same public URL, but options like height or a transparent background live inside the code you pasted. If you change them, replace the code on your site.
</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.