Take the free quiz to find your best fit system — no more tech roulette or headaches!
Not sure where to start?
Take the System Quiz!
Turning hot mess businesses into high-performing machines — and loving every damn minute of it.
Hi, I'm Cait! Your Chief Chaos Crusher.
Blog Categories
UPDATED JUNE 2025
If you use Showit & Dubsado together, you’re already winning the tech stack game. You’ve got Showit bringing in dream clients with scroll-stopping visuals, and Dubsado taking over to automate, organize, and elevate their experience from inquiry to invoice. But let’s be honest—sometimes these two tools don’t play nicely together.
Here’s the scenario: you embed a Dubsado form on your Showit site, but as the form grows—more questions, more custom logic—the Showit page just… doesn’t. Cue the scroll bar of doom, cutoff forms, and clunky user experiences that don’t reflect your brand’s polish.
Good news: I cracked the code. This method makes your Showit page expand dynamically as your Dubsado form content grows. No stress, no weird scroll bars, and definitely no coding required. Let’s dive in.
Step 1: Create Your Showit Page in the Right Spot
On the left-hand Showit menu, go to the “Blog Templates” section (yes, even if it’s not a blog). Either create a new page here or duplicate your existing contact/info page into this section.
In the “Template Info” on the right side (you may need to click the page name to reveal it), set:
WordPress Template: Custom
Custom Template Name: page-yourpagename (replace “yourpagename” with your actual page slug—no spaces, all lowercase)
So for example, if you’re making a Contact page, this will be “page-contact”
Click your page name above your list of Canvases to reveal the Template Info on the right side.Set your settings like the above in the Template Info area.
Step 2: Add a Canvas That Can Grow
Here’s the secret sauce:
Add a new Canvas to this page.
On the right under “Canvas Type,” set it to “Grow with Content.”
Make sure this is set for both desktop AND mobile.
Drop a text box inside that canvas as “Paragraph”.
Set the text box size and properties:
WIDTH: Stretch it to the full width you want your form embed to take up.
HEIGHT: Set it based on a basic placeholder—just type the word “Paragraph” in the box and resize to be only as tall as that one line of text.
Then set the Text Properties:
Change Placeholder to “Post Content.”
Set the Text Tag to p.
🛠️ Pro Tip: You might need to fine-tune this later to accommodate Dubsado’s default padding. On your canvas, give it just enough breathing room above and below so your form looks polished at full length.
As an example, a screenshot of my contact is shown below where it looks weird/wrong on the Showit side, but it looks correct on the front end. Start by putting the paragraph box right below the text where you want it to appear on your Showit page and you can fine-tune the location later.
Step 3: Build the Matching Page in WordPress
Pop over to WordPress side of your site and head to Pages > Add New.
Name the page exactly what you named it in Showit (i.e., Contact).
Insert and HTML code block in in the editor.
Paste your Dubsado embed code into the HTML block.
Set your SEO settings including page title, focus keyphrase, and featured image.
Publish the WordPress page.
That’s it! No need for formatting or extra settings.
Step 4: Publish and Adjust
Jump back into Showit, hit Publish, and then preview your page live.
If something looks slightly off (like too much padding or the form sitting too low), go back to your Showit canvas and tweak the placement of the “paragraph” placeholder. It’s not broken—it just needs some spacing magic. You’ll likely need to eyeball it and adjust once or twice to get it just right.
The Result: A Flawless, Auto-Expanding Showit & Dubsado Partnership
With this setup, your Showit page now automatically expands to fit your Dubsado form content—no matter how many questions or conditional fields you add. That means: ✅ Better UX for your clients ✅ A fully branded experience ✅ Zero scroll bars or cut-off content ✅ Total Showit-Dubsado harmony ✨
Bonus: Why This Matters for Your Client Experience
If you’re a creative entrepreneur, service provider, or anyone who cares about giving a polished, high-end experience—your inquiry page sets the tone. You’ve got one shot to make it seamless, and this setup ensures your form always looks good and functions beautifully.
Don’t let tech hiccups mess with your vibe.
Want More Streamlined Magic?
Whether you need help making Dubsado bend to your will or want a done-for-you form that’s branded, functional, and completely swoon-worthy—I’ve got you.
Let’s make your business run as smoothly as it looks. You’ve got the vision—I’ve got the system.
Ready to give your clients the experience they deserve?
Long-term COO-level support to keep your business scaling smoothly — without the late nights, firefighting, or frantic catch-up.
Support
Custom Dubsado, Airtable, and Moxie systems — set up to scale, not just survive. No templates. No shortcuts. Just backend brilliance.
Systems
Tear down the bottlenecks, tech gaps, and workflow chaos keeping your business stuck. You can’t scale what’s already cracked.
Strategy
The Services
Pick your power move.
Manifesting is cute. Systems are better.
In this power-packed session, I show you how to connect Airtable + your CRM for smarter tracking, simplified workflows, and insights that actually move your business forward.
From Guesswork to Growth with Airtable
You can’t automate what you don’t understand. Before you automate anything, you have to know your client journey inside and out. That’s where strategy starts — and where smart systems actually work.
What is "the client journey"?
Hot Seat, Hot Takes, Hot Damn.
Your all-access pass to my juiciest masterclasses — totally free.