Skip to main content

How to Embed a Sign-Up Form on Your Website (Using an iFrame)

Written by VipeCloud Support
Updated this week

Embedding your VipeCloud sign up form on your website allows visitors to submit their information directly into your CRM.

While each website builder (Wix, Squarespace, Weebly, etc.) works a little differently, the overall process is the same:

  • Create your sign-up form in VipeCloud

  • Copy the embed code

  • Paste it into an HTML or code block on your website

Below is the full step-by-step process.


Step 1 - Create Your Sign-Up Form

If you have not yet created your form, please first follow:

Once your form is ready, continue below.


Step 2 - Copy the Embed Code

  1. Navigate to your form

  2. In the form settings, locate the Embed Code section (pictured below)

  3. Click View Embed Code

  4. Copy the full embed code provided

You will paste this code into your website builder.


Step 3 - Add the Form to Your Website

Most website builders follow a similar pattern. You will need to:

  • Edit the page where you want the form to appear

  • Add a new content block

  • Choose an HTML block, Custom Code block, or Embed block

  • Paste your VipeCloud embed code into that block

  • Save or publish the page

Common terminology by builder:

  • Wix - “Embed Code” or “HTML iframe”

  • Squarespace - “Code Block”

  • Weebly - “Embed Code”

If you are unsure where to paste the code, search your website builder’s help center for:

  • “Add HTML block”

  • “Embed iframe”

  • “Custom code block”

Your website provider’s documentation will walk you through their specific interface.

Example (in Weebly):


Important - Adjusting Height

Your embed code includes a height parameter. In most cases, this will already be correct.

However, you must also ensure that:

  • The height of the block in your website builder is tall enough

  • The entire form is visible

  • The Submit button is fully visible

If the block is too short:

  • The bottom of the form may be cut off

  • The Submit button may not appear

  • Visitors will not be able to complete the form

If anything is cut off, make sure the height of the block in your website builder isn't cutting things off. And if necessary, increase the height parameter of your iframe code:

Tips:

  • The Submit button is the lowest element in the iframe. If anything is going to get blocked, it will usually be that.

  • Check desktop and mobile formats.


Optional - Enable Dark Mode for Dark Websites

If your website uses a dark color scheme, you can switch your form to dark mode.

To enable dark mode:

  1. Go to Automation → Sign-Up Forms

  2. Click into your form

  3. Go to the Form Details tab

  4. In the upper section, change the Theme to Dark

  5. Click Save

Your embedded form will now match a darker website design.


Optional - Require CAPTCHA to Prevent Bot Sign-Ups

You can require CAPTCHA on your sign-up form to help prevent automated bot submissions.

This setting is also located within your sign-up form settings.

Enabling CAPTCHA can be helpful if:

  • You experience spam submissions

  • Your form is publicly accessible

  • You are running ads that may attract bot traffic


Troubleshooting Tips

If your form is not displaying correctly:

  • Confirm you copied the entire embed code

  • Confirm you pasted it into an HTML or code block (not a regular text block)

  • Increase the height of the block

  • Make sure your page is updated & published

If you are still stuck, consult your website builder’s help documentation for embedding iframe or HTML content.

Did this answer your question?