Embed form on website

We need the pricing-request form visible on the /pricing page and mobile-friendly. Embed the existing Pricing Page Contact form into the hero section of /pricing, ensure the form width matches the content column on mobile, remove any extra header on the embed, and publish the updated page. Confirm with one test submission that submissions land in the CRM and Samira got notified by end of day Friday.

Before I push this embed live, make it frictionless for visitors to submit and for sales to act: place the form above the fold on desktop and mobile, collapse optional fields behind a “more info” link, prefill company when possible, add a confirmation message that says ‘Thanks — Samira will follow up in 24 hours,’ and surface a raw submission preview for Samira in the page editor so she can judge lead quality.

I embedded the Pricing Page Contact into the hero but on mobile the form overflows and the submit button is unreachable. I’m worried the embed’s CSS or the theme’s container is at fault; I can’t edit the live theme without a release window. What’s the most likely fix I should try now to confirm whether it’s an embed size issue or the page CSS, and what quick fallback gets the form usable for mobile visitors this week?

We keep losing conversions because embeds behave inconsistently: some pages clip the form, others hide hidden fields, and mobile collapses the CTA. Where is this costing us trust and revenue, and what single process change will prevent it—for example, a mandatory cross-device publish preview and a shared CSS wrapper that every marketer must use?