Skip to main content

Embed a Lead Form on Your Website

Learn how to embed a Wedy Pro lead form on your website using a direct URL or embed code. Works on WordPress, Wix, Squarespace, and any HTML site.

Updated over 2 months ago

Overview

Once you have created a lead form in Wedy Pro, the next step is sharing it with prospective clients. You can share your form as a direct URL link — perfect for social media, emails, and DMs — or embed it directly on your website so visitors can submit inquiries without leaving your site. The embedded form inherits your brand theme, loads quickly, and works on any website platform without style conflicts.


Time to complete: 5–10 minutes.


Two ways to share your lead form

Wedy Pro gives you two ways to distribute your lead form, each suited to different situations:

  • Direct URL — A standalone link to your form. Share it on social media, in your link-in-bio, in emails, or through direct messages. Clients click the link and see your form in a dedicated page.

  • Embed code — A small code snippet you paste into your website. The form renders inline on your page, so visitors never leave your site. This is ideal for your contact page, landing pages, or any page where you want to capture leads.


How to access the share options

You can access the sharing modal from two places in Wedy Pro:

  1. Navigate to Lead Forms in the sidebar (under the CRM section).

  2. Click the three-dot menu () on the form you want to share, then select Get Embed Code.

  3. The Share your lead form modal opens with both sharing options.


Alternatively, open any form in the form builder and click Share in the header. The same modal appears automatically after you save or update a form.


Copy your form's direct URL

To share your lead form as a standalone link:

  1. In the Share your lead form modal, find the SHARE VIA URL section.

  2. Click COPY LINK to copy the direct URL to your clipboard. The button briefly changes to COPIED to confirm.

  3. Paste the link wherever you want to share it — social media posts, your link-in-bio, email campaigns, or direct messages to prospective clients.


You can also click the external link icon next to the URL to open the form in a new tab and verify it looks the way you want.


A wedding photographer, for example, might add this link to their Instagram bio so prospective couples can submit inquiry details directly from their social profile.


Copy the embed code

To embed your lead form on your website:

  1. In the Share your lead form modal, find the EMBED ON WEBSITE section.

  2. Click COPY CODE to copy the embed snippet to your clipboard.

  3. The snippet includes a <div> tag with your form's unique identifier and a <script> tag that loads the form widget.


The embed code looks like this:

<div data-wedy-form="your-form-id" data-wedy-theme="light"></div>
<script src="https://wedypro.ai/widget.js" async defer></script>

Embed on popular website platforms

The Wedy Pro form widget works on any website that supports HTML — including WordPress, Wix, Squarespace, and any custom-built site. Here is how to embed on the most popular platforms:


WordPress

  1. Open the page or post where you want the form (your contact page is a great choice).

  2. Add a Custom HTML block to the page.

  3. Paste the embed code into the block.

  4. Click Publish or Update to save.


Wix

  1. Open the Wix Editor and navigate to the page where you want the form.

  2. Click Add Elements and search for Embed Code or Custom Code.

  3. Paste the embed code and position the element on the page.

  4. Click Publish to save your changes.


Squarespace

  1. Open the page in the Squarespace editor.

  2. Add a Code Block to the section where you want the form.

  3. Paste the embed code into the code block.

  4. Click Save to apply.


Any other website

If your website platform supports custom HTML (most do), paste the embed code directly into the HTML of the page where you want the form to appear. If you are unsure, check your platform's documentation on adding custom code or HTML blocks.


Light and dark theme options

The embed code includes a data-wedy-theme attribute that controls the form's color scheme. By default, the form uses the light theme. To switch to a dark background, change the value to dark:

<div data-wedy-form="your-form-id" data-wedy-theme="dark"></div>

Choose the theme that best matches your website's design. The form also inherits your brand colors and fonts from your company theme settings in Wedy Pro, so it blends naturally with your site.


Verify your embedded form

After embedding the code on your website, follow these steps to confirm everything is working:

  1. Visit the page where you added the form.

  2. Confirm the form loads and displays your fields, branding, and theme correctly.

  3. Submit a test entry with your own information.

  4. Return to the Leads page in Wedy Pro and verify that a new lead was created with the data you submitted.


If you have connected any automations to your lead form, check that those triggered as expected — for example, a confirmation email sent through your connected email account.


What makes the embedded form reliable

The Wedy Pro form widget is designed to work seamlessly on any website. Here is what you can count on:

  • No style conflicts — The form loads in an isolated container, so your website's existing styles will not interfere with the form's appearance, and vice versa.

  • Works on dynamic websites — If your site loads content dynamically (common with modern website builders), the form widget detects when it has been added to the page and renders automatically.

  • Lightweight and fast — The form loads only the code it needs, keeping your page speed fast.

  • Built-in bot protection — Spam submissions are automatically filtered so you receive only genuine inquiries.

  • Auto-updates — When you edit your form in Wedy Pro (add fields, change settings, update branding), those changes appear on your website automatically. You never need to re-embed the code.


Troubleshooting embedded forms

The form is not appearing on my website


Make sure you pasted both parts of the embed code — the <div> tag and the <script> tag. Some website platforms strip script tags by default. Use a dedicated HTML or code block (not a rich text editor) to paste the embed code.


The form looks broken or unstyled


Ensure your website is not blocking external scripts. Some ad blockers or security plugins may prevent the form widget from loading. Try viewing the page in an incognito window to rule out browser extensions.


The form shows "This form is no longer active"


Your form's status is set to Inactive. Navigate to Lead Forms in Wedy Pro, find the form in the table, and change its status dropdown to Active.


The form shows "Form Not Found"


The form may have been deleted, or the form ID in your embed code is incorrect. Re-copy the embed code from the Share your lead form modal in Wedy Pro and replace the old code on your website.


Tips

  • Embed on your contact page — Your contact page is where most prospective clients look for a way to reach you. Placing your lead form there captures inquiries right where visitors expect to find a form.

  • Use the direct URL for social media — Add the link to your Instagram bio, Facebook page, or TikTok profile so prospective clients can reach you with one tap.

  • Match your theme — Choose light or dark based on your website's background. Your brand fonts and colors carry over automatically from your company theme.

  • Keep the form active — An inactive form shows a "no longer active" message to visitors. If you need to pause lead capture temporarily, toggle the form back to Active when you are ready to receive inquiries again.

  • Test after embedding — Always submit a test entry and confirm it appears in your Leads page. This takes 30 seconds and saves you from missing real inquiries.


Related articles

Did this answer your question?