# Popup Form Embed **WAIT...** Make sure that you have added the [**Surface Tag**](/docs/surface-tag/installation) to your site before proceeding. ## Edit Head Tag [#edit-head-tag] Add the following code snippet to your site's `head` tag to enable the popup form. ```html ``` Replace the **`REPLACE ME WITH FORM URL`** with the url to your surface form found by clicking the share button on the surface platform. ## Choose trigger buttons [#choose-trigger-buttons] The next step is to choose which buttons you'd like to trigger the form. This is done by simply adding the class name `surface-form-button` to the elements which should be able to make the form appear. ```html ``` ## Control Popup Size [#control-popup-size] You can control the size of the popup that appears on your site. See the following snippet: ```html ``` ## Direct Link [#direct-link] Append `showSurfaceForm=true` to the url of your website. For example: ``` https://YOUR_WEBSITE.com/?showSurfaceForm=true ``` Replace `YOUR_WEBSITE.com` with your actual website URL. This will automatically trigger the popup form to appear when the page loads, without requiring the user to click a trigger button. ## Optimize Speed [#optimize-speed] Add the following `` tags inside the `` of your site: ```html ``` Replace `REPLACE ME WITH FORM URL` with a Surface Form URL. ### Explanation [#explanation] 1. dns-prefetch → Resolves the domain early to skip DNS lookup delays. 2. preconnect → Prepares the TCP + TLS handshake so the browser is ready to request assets immediately. 3. prefetch → Fetches the form in advance, so it's ready when a user opens it.