Skip to main content
How to embed your contact form on a Wix website

All about adding your HoneyBook contact form to your Wix site

Updated over a week ago

Once you've customized your contact form, you can embed it on your business website. We'll cover how to do so on a Wix website below.

  1. Open your HoneyBook contact form

  2. Click Publish > Copy Code

  3. Open the Wix editor for your website

  4. Click Menus & Pages

  5. In the Site Menu tab, select the page on which you'd like to install your form

    1. If there are any existing forms on the page you select, you'll need to delete those forms before moving on to the next step

      1. To delete, click on the existing form, then select the trash can icon

  6. Now, to add your HoneyBook contact form, click the (+) Add button from the menu on the left

  7. From the menu, click Embed > Embed a Widget

  8. Click to drag and drop your iframe to the correct location on the page

  9. Click Enter Code

  10. In What do you want to add, make sure Code is selected

  11. Paste the code for your HoneyBook contact form in the Add your code here section

  12. Click Apply

  13. Resize the contact form box to your liking using the sizing drag-and-drop points

    • Make sure to extend the area of the iframe enough to capture all the questions in your form

    • You can always click the Preview button in the top right corner of the editor to see what the page will look like before you publish

  14. Click the mobile phone icon in the top tool bar to preview the page on mobile

    • Repeat the resizing process for the iframe in mobile view to make sure your form looks great on all devices

  15. When you're ready, click Publish
    โ€‹

For more information about adding HTML code, see the Wix Help Center. For additional support, reach out to Wix.

Did this answer your question?