Title: Put a form on your website | OneForm > Choose how your form appears on your site (in the page, a popup, a slider, a chat bubble or a button), preview it, and paste the code. Source: https://oneform.si/help/share/embed-a-form-on-your-website/ --- 1. [Help Center](https://oneform.si/help/) 2. [Sharing and embeds](https://oneform.si/help/share/) 3. Put a form on your website [View as Markdown](https://oneform.si/help/share/embed-a-form-on-your-website.md) # Put a form on your website Choose how your form appears on your site (in the page, a popup, a slider, a chat bubble or a button), preview it, and paste the code. [Basic plan and up](https://oneform.si/pricing/ "See what each plan includes")Updated October 22, 2026 · 3 min read [Open your forms ↗](https://app.oneform.si/forms?help=embed-a-form-on-your-website) Put your form right on your website, so visitors can answer without leaving your page. You pick the style, try it in a live preview of a sample site, and copy one short piece of code into your site. ## Before you start - **Publish the form.** Until it's published, the code on your site shows "This form is not accepting responses." - **Know where your site takes code.** Most site builders have an HTML or code block. In WordPress it's the **Custom HTML** block. In Squarespace it's a **Code** block. Webflow and Wix have an embed element. ## Add a form to your site ![The Add to your website panel, with the styles on the left and the live preview of a sample website](https://app.oneform.si/media/f0eda0c4-3cd9-5a12-8408-623e5f0d2dff) 1. Go to [Forms](https://app.oneform.si/forms) and open the form. 2. Click the **Share** tab and scroll to **Add to your website**. 3. Pick a style: - **Standard**: sits inside your page, like a section, and grows to fit. - **Full page**: takes over the whole page, for a page that's only the form. - **Popup**: opens in the middle of the screen. - **Slider**: slides in from the side. - **Chat bubble**: a round button in the corner opens the form in a small window. - **Side tab**: a tab on the edge of the screen opens a slider. - **Button**: a button on your page opens the form in a popup or a slider. 4. Adjust the options for that style: button text and color, which side, and when it opens. 5. Check the **Live preview**. Switch between the desktop and phone views, and click **Reload** to try it again. 6. Click **Copy code**. 7. Paste the code into your site where you want the form, and publish the page. The preview never saves answers, so try it as often as you like. ### Choose when a popup opens For **Popup**, **Slider**, **Chat bubble** and **Side tab**, choose under **Opens**: - **When clicked** (for a slider, **Only from your own button (advanced)**: see the developer docs) - **As soon as the page loads** - **After a few seconds** - **After scrolling part of the page** - **When the visitor is about to leave** A **Popup** always opens by itself. To open one when someone clicks, use the **Button** style instead. Turn on **Only once per visitor** so returning visitors aren't interrupted again. ### Other options - **Skip the welcome screen**: start at the first question when your page already introduces the form. - **Transparent background** (Standard and Full page): let your page's background show through. - **Close after submitting** (every style except Standard and Full page): close the form a few seconds after it's sent. - **Language**: when the form offers more than one language, pick one or follow the visitor's. - **Pass details from your page's link into the form**: see [Prefill answers and hidden fields](https://oneform.si/help/share/prefill-answers-and-hidden-fields/). ## Voice forms If the form starts as a voice conversation, the styles are **Floating orb**, **Inline card**, **Button → popup** and **Full page**. The preview talks for real: allow the microphone to try it. The orb takes the form's colors. ## Good to know - **Changes reach your site by themselves.** Edit the questions in OneForm and your site shows the new version. You only paste new code to change the style or its options. - **Responses from your site are marked.** On the **Leads** page, their source says "Form on your website". - **Advanced options are in the developer docs.** Opening the form from your own button, fixed values for hidden fields and every code option are in the [embed guide](https://oneform.si/developers/embed/). ## Why does my site show an "Open the form" button instead of the form? Forms on your website aren't on your current plan. Your site still works: visitors see a card with an **Open the form**button that opens the form in a new tab. On the **Share** tab you can try every style, and the upgrade box shows which plan adds them. ## Why doesn't the code work on my site? - **The site removed the script.** Some site builders strip scripts or put pasted code in a box of its own, which keeps popups inside that box. Open **Code not working on your site? Use the simpler version** under the code, and copy that instead. It has a fixed height and no popups, but works on any site. - **The form isn't published.** Publish it, then reload your page. More fixes are in [Form won't load or the embed is blank](https://oneform.si/help/troubleshooting/form-wont-load-or-embed-is-blank/). Was this article helpful? [← PreviousSend a form to a client by email](https://oneform.si/help/share/send-a-form-to-a-client-by-email/)[Next →Pass details into a form with hidden fields](https://oneform.si/help/share/prefill-answers-and-hidden-fields/) ## Related articles [Share a form linkCopy your form's link, change the end of it, and check what clients will see before you send it.](https://oneform.si/help/share/share-a-form-link/)[Pass details into a form with hidden fieldsAdd a client number, a referral or a campaign name to your form's link, and get it back with the answers without asking.](https://oneform.si/help/share/prefill-answers-and-hidden-fields/)[TroubleshootingFix a form that won't load or an embed that's blankWhy a form link says it isn't accepting responses, or a form on your website is blank, and how to fix each cause.](https://oneform.si/help/troubleshooting/form-wont-load-or-embed-is-blank/)[FormsPublish a formTake a form live so its link and your website accept responses, see what's left to set up, and unpublish it to stop taking responses.](https://oneform.si/help/forms/publish-a-form/) Still stuck? A person on the OneForm team reads every request. Mon–Fri, 9am–6pm ET. First reply within 1 business day. [Open a support case](https://oneform.si/contact/?topic=support)[Report a bug in the app](https://app.oneform.si/ideas?view=feedback)[hello@oneform.si](mailto:hello@oneform.si?subject=OneForm%20support) [Overview](https://oneform.si/help/) Topics - [Getting started](https://oneform.si/help/getting-started/) - [Forms](https://oneform.si/help/forms/) - [Sharing and embeds](https://oneform.si/help/share/) - [Share a form link](https://oneform.si/help/share/share-a-form-link/) - [Send a form to a client by email](https://oneform.si/help/share/send-a-form-to-a-client-by-email/) - [Put a form on your website](https://oneform.si/help/share/embed-a-form-on-your-website/) - [Pass details into a form with hidden fields](https://oneform.si/help/share/prefill-answers-and-hidden-fields/) - [Follow up on unfinished forms](https://oneform.si/help/share/unfinished-forms/) - [Stop spam submissions](https://oneform.si/help/share/stop-spam-submissions/) - [Responses and leads](https://oneform.si/help/responses-and-leads/) - [Reports](https://oneform.si/help/reports/) - [Payments](https://oneform.si/help/payments/) - [Bookings](https://oneform.si/help/bookings/) - [Workflows](https://oneform.si/help/workflows/) - [Integrations](https://oneform.si/help/integrations/) - [Emails and notifications](https://oneform.si/help/emails-and-notifications/) - [Team and account](https://oneform.si/help/team-and-account/) - [Plans and billing](https://oneform.si/help/billing/) - [Privacy and security](https://oneform.si/help/privacy-and-security/) - [Troubleshooting](https://oneform.si/help/troubleshooting/) For your clients - [For your clients](https://oneform.si/help/for-clients/) [Glossary](https://oneform.si/help/glossary/)[FAQ](https://oneform.si/help/faq/)[Developer docs](https://oneform.si/developers/)[Contact support](https://oneform.si/contact/?topic=support)