Add a proposal request form to Wix

Add the button

You need your key first.

It is on the plugin page in your console, under Settings, Website plugin. That page is also where you list the web addresses your form is allowed to appear on, and it will not work anywhere you have not listed. The overview walks through getting one.

Every key also has a plain web address that opens the same form as a full page. Put it behind any button, in an email signature, on a Google Business profile, or on a page you cannot add code to.

Your hosted form

https://hoacrew.com/embed/w/hoac_embed_your_key_here

It is the same form, sending to the same place, and requests from it arrive in your console exactly like the ones from the embedded version.

1
Open the page in the Wix editor
Press Edit Site, then open the page you want the button on. Your Contact page or the foot of a services page are the usual spots.
2
Add a button
Press Add Elements, choose Button, and drag one where you want it.
3
Set the text and the link
Double-click the button, set its text to something plain such as Request a proposal, then press Link. Choose Web address and paste your hosted form address. Set it to open in a new tab so the visitor keeps your page.
What goes in the web address box
```
https://hoacrew.com/embed/w/hoac_embed_your_key_here
```
4
Publish
Press Publish, then open your live site and press the button. The form opens, filled in and sent from there, and the request arrives in your console.

Why Wix is different from the others

Wix’s Embed HTML element does not put your code onto your page. It puts it inside a frame that Wix serves from a Wix web address, and your code runs in there. Wix works that way on purpose — it is what keeps a stray script on one site from interfering with the rest of the editor.

Our form is told which web addresses are allowed to display it, and browsers check that against every frame the form finds itself inside, not just the outermost page. Inside a Wix embed, the frame immediately around our form belongs to Wix, so your own address is not the one being checked.

The obvious workaround — register the Wix address — is one we will not recommend, because that address is shared with every other Wix site. A list of allowed addresses is only as good as who else is at those addresses, and putting a shared one on the list would mean your key working on sites that are nothing to do with you.

One exception, if you have it.

A Wix Premium plan with your own domain connected includes a Custom Code feature, under Settings, which runs code on your own address rather than inside a Wix frame. It adds code to the top or the bottom of the pages you pick rather than to a spot you choose in the layout, so it puts the form at the foot of a page. If that suits you, the snippet on the other guides works there. Most companies find the button simpler and it looks the same to a visitor.

If you paste the snippet anyway

Nothing breaks and no visitor sees an error. The loader waits a few seconds for the form, does not get it, and puts a working Request a proposal button in its place, pointing at the same hosted form. Somebody reading your page gets a button rather than a blank space, and their request reaches you either way.

So it is not a wrong thing to have done — it is just a longer route to the same button, with a few seconds of empty space before it appears. Adding the button yourself is the tidier version of the same outcome.

How to tell it worked

Open your published site — not the editor preview — and press the button.
The form opens as its own page with your company’s name on it. Fill it in and send it, taking more than a few seconds over it: a submission completed unusually fast is filed as suspected spam.
Open Settings → Website plugin in your HOAcrew console. Your test is in the list.

Nothing to register for the button.

The list of allowed addresses is about where the form may be displayed inside another page. A button that opens the form as its own page does not need your address on any list, which is why this route works before you have configured anything.

If your site has a security policy

Most websites have no Content-Security-Policy and this section does not apply to them. If yours has one — a security plugin added it, your host sets it, or whoever built the site wrote one — it needs to allow two things from us:

The two allowances

script-src  https://hoacrew.com
frame-src   https://hoacrew.com

The first lets the loader script run. The second lets the form’s frame render. Allow the first and forget the second and you get a blank space where the form should be, with a line in the browser’s developer console naming frame-src. Nothing else is needed: the form loads no fonts, no analytics and no other company’s code, so there is no third allowance hiding behind these two.

Wix gives you no place to write one, so on a standard Wix site this does not apply at all — and the button route needs no allowances of any kind, because nothing of ours loads on your page.

Open the plugin page It is not showing up The security model

The same form, somewhere else

WordPress

Block editor, Classic editor, Elementor and Divi.

Squarespace

Every plan has code blocks; Core and above can run one.

Webflow

Custom code needs a paid plan. Register the webflow.io address too.

Shopify

Theme Customizer, no code editor needed.

A plain HTML site

Two lines, wherever you want the form. A complete worked example.

React or Next.js

A script tag written in JSX never runs — use the component instead.

Back to the overview, the options and the events