Embed Forms On BigCommerce

Embed Forms On BigCommerce

Notes

Embedding forms on your BigCommerce store helps you collect product registrations, leads, support requests, and more. Follow the steps below to add your Dyrect form inside your BigCommerce website.

1. Generate Form URL

  1. Login to your Dyrect Client portal
  2. In the sidebar, click on Form -> Configurations 
  3. Choose Product Registration Form
  4. Modify Form Fields and Content
  5. Click on Publish

  6. Copy embed URL

Now your form is created and you can embed it in shopify.

2. Generate iFrame

To embed your form in Bigcommerce, you need to generate an embed code. You can use the following code or generate the embed code through any iframe generator. Sample below

  1. <iframe src="https://eudemo.dev.dyrect.co/beta/user/forms/warranty_registration?brand_id=66585f1356947b63aae30615" style="border: 0px #ffffff none;" name="myIframe" height="800px" width="100%" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" allowfullscreen=""></iframe>

Steps to generate iframe embed URL:

  1. Replace [Form Embed URL] with the URL of the form you have created
  2. Copy the modified code and embed it in your Bigcommerce site.

3. Embed on your Biocommerce sre

Simply copy and paste this code into the desired location on your Shopify site. Steps below
  1. Log in to your BigCommerce Admin Panel
  2. Go to Storefront → Web Pages

    Displaying image.png
  3. Click Create a Web Page (or edit an existing page)

    Displaying image.png
  4. Scroll to Page Content
  5. Click HTML Editor (</>) icon

    Displaying image.png
  6. Paste your iframe embed code

    Displaying image.png
  7. Click Save & Publish

Your embedded form is now active on your Bigcommerce site!



FAQ

1. Can I embed the form on any BigCommerce page?

Yes, you can embed the form on any page—new or existing—by pasting the iFrame code inside the HTML Editor (</>) of that page.

2. Do I need any special apps or plugins to embed the form?

No, BigCommerce allows you to add custom HTML directly, so no additional plugin is required.

3. The form is not showing on the page—what should I check?

Make sure that:

  • The embed URL is correct and properly copied

  • The iFrame code was pasted inside the HTML Editor, not the normal content editor

  • You clicked Save & Publish

  • Your theme supports custom HTML (most do)

4. Is the form mobile-responsive?

Yes, the iFrame automatically adjusts to mobile, tablet, and desktop views.

5. Can I change the height or width of the form?

Yes, you can edit the height="800px" value or adjust the width inside the iFrame code to fit your design.

6. Can I track form submissions after embedding?

Yes, all form entries automatically appear in your Dyrect Client Portal under Form Entries or Warranty Registrations.