Forms & Surveys

Embedding Forms on Your Website

Drop your Jtek form onto any website without coding knowledge.

1

Getting the Embed Code

Every form in Jtek comes with a pre-generated embed code you can copy and paste anywhere that accepts HTML.

  1. Go to Sites > Forms — In the left sidebar, click Sites, then select Forms from the submenu.
  2. Click on your form name — This opens the form builder for that form.
  3. Click the Share / Embed button — It's in the top toolbar, often represented by a share icon or labeled "Share." A modal will open with your embed options.
  4. Select "iFrame Embed" — This gives you an HTML snippet you can drop into any website. The iframe loads your form from Jtek's servers, so it always reflects the latest version of your form.
  5. Click "Copy Code" — The full iframe snippet is copied to your clipboard. You're ready to paste it wherever you need it.
Share / Embed — Home Buyer Inquiry
Embed Options
iFrame Embed
Inline Script
<iframe src="https://app.jtek.pro/form/abc123" width="100%" height="480" frameborder="0"></iframe>
Preview Copy Code
Tip: If you update the form after embedding it, the changes appear automatically on every site where it's embedded. You don't need to re-copy or re-paste the embed code.
2

Embedding on a Jtek Funnel Page

If your website is built inside Jtek's funnel or site builder, adding a form is even simpler — no code required.

  1. Open your funnel or website in the Jtek page builder — Go to Sites > Funnels or Sites > Websites, find your site, and click Edit.
  2. Navigate to the page where you want the form — Click the page from the funnel step list or the pages sidebar.
  3. Drag a "Form" element onto the page — In the elements panel on the left, find the "Form" block. Drag it into the section where you want it to appear on the canvas.
  4. Connect it to your saved form — Click the Form element on the canvas. In the settings panel on the right, use the "Select Form" dropdown to choose your form by name (e.g., "Home Buyer Inquiry").
  5. Save and preview the page — Click Save, then Preview to confirm the form is displaying correctly with all your fields visible.
Tip: When using a Jtek funnel page, the form automatically inherits the page's font and button color styles, so it blends seamlessly without extra CSS tweaks.
3

Embedding on a Third-Party Website

Jtek forms work on any website that supports custom HTML — including Squarespace, Wix, Webflow, and custom-coded sites.

  1. Copy your embed code from Jtek — Follow the steps in article 1 to get your iframe snippet from Sites > Forms > Share/Embed.
  2. Log into your website builder — Open the platform your website is on (Squarespace, Wix, Webflow, custom HTML, etc.).
  3. Find the "Custom HTML" or "Embed" component — Every major website builder has a way to add raw HTML. In Squarespace it's a "Code Block." In Wix it's an "HTML iFrame" widget. In Webflow it's an "Embed" element.
  4. Paste the iframe code into that component — Paste the copied snippet into the HTML field. Set the width to 100% so it fills the container and adjust the height to match your form length (400–600px is typical).
  5. Publish the page and test it — Publish or save the page, then visit it in a browser and confirm the form is rendering correctly. Submit a test entry to verify the data reaches Jtek.
yourwebsite.com/contact
Get a Free Estimate Today
Fill out the form and we'll be in touch within 24 hours.
JTEK FORM — Home Buyer Inquiry
First Name
Phone Number
Email Address
Get My Free Estimate
iframe vs. Inline Embed: The iframe embed loads your form in a sandboxed frame — this is the most compatible option and works everywhere. The inline script embed removes the frame boundary and can offer a more seamless look, but it requires your site's Content Security Policy to allow external scripts. Start with the iframe option.
4

Embedding on WordPress

WordPress has two common editors — the classic editor and Gutenberg (the block editor). Here's how to embed in both.

  1. In the WordPress Gutenberg editor (most common) — Open the page or post where you want the form. Click the "+" button to add a new block, search for "Custom HTML," and select it.
  2. Paste your Jtek iframe code into the Custom HTML block — The block will display the raw code in the editor. Don't worry — it will render correctly on the live page.
  3. In the Classic Editor (older WordPress installs) — Click the "Text" tab in the editor (not "Visual") to switch to HTML view. Find where you want the form and paste the iframe code directly.
  4. Click "Update" or "Publish" — Save the page in WordPress.
  5. Preview the page in a new browser tab — Confirm the form appears and fills its container correctly. If it looks cramped, go back and adjust the iframe height attribute (change height="480" to a taller value).
Tip: Some WordPress security plugins (like Wordfence or iThemes Security) may strip iframe code from posts. If your form isn't showing up, temporarily disable your security plugin and test again to isolate the issue.
5

Testing the Embedded Form

Always test your form after embedding it. A form that looks right but doesn't submit correctly is worse than no form at all.

  1. Visit the live page with the embedded form — Open the page in a browser where you're not logged into Jtek (use an incognito window to simulate a real visitor).
  2. Fill in the form with your personal contact info — Use your real phone number and email so you can verify the contact and any automated messages.
  3. Submit the form and verify the submit action — Confirm the thank-you redirect or confirmation message appears exactly as configured. If nothing happens, check that the iframe is loading (right-click → Inspect → check for errors).
  4. Check Jtek Contacts for your test submission — Log into Jtek and go to Contacts. Your test contact should appear within seconds of submitting. If it doesn't appear after 60 seconds, the form's connection to Jtek may have an issue.
  5. Confirm your pipeline automation fired — If you connected the form to a workflow, check that the opportunity was created at the right stage and any SMS/email automations triggered. Check the workflow's "History" tab for a log of what ran.
Tip: After testing, delete your test contact from Jtek Contacts to keep your data clean — unless you want to run your workflow test again for that contact, in which case leave it and re-trigger manually.