How to Embed Honeybook and Dubsado Contact Forms in Showit

If you’re a creative entrepreneur using Showit for your website and Honeybook or Dubsado to manage your client workflows, you’ve probably wondered how to seamlessly connect the two. The good news? Embedding contact forms from these popular CRM platforms into your Showit site is straightforward once you know the process.

This guide will walk you through embedding both Honeybook and Dubsado forms into Showit, so potential clients can inquire directly from your beautifully designed website without any friction.

Why Embed Your CRM Forms in Showit?

Before we dive into the how-to, let’s talk about why this integration matters. When you embed Honeybook or Dubsado forms directly on your website, you create a seamless experience for potential clients. They never have to leave your site to submit an inquiry, which significantly reduces friction and increases conversion rates.

Plus, when inquiries flow directly into your CRM, you can immediately trigger automated workflows—sending welcome emails, scheduling consultations, and nurturing leads without lifting a finger. Understanding what Showit offers for creatives makes it clear why this platform pairs so well with business management tools like Honeybook and Dubsado.

Embedding Honeybook Contact Forms in Showit

Honeybook has become the go-to CRM for many creative businesses, and fortunately, their forms integrate beautifully with Showit.

Step 1: Create Your Honeybook Form

Log into your Honeybook account and navigate to the "Files" section. Click "Create New" and select "Contact Form." Design your form with all the fields you need—name, email, phone, event date, budget range, or whatever information helps you qualify leads.

Customize the form's design to match your brand. While visitors will see this form embedded on your site, the form itself has its own styling that you control within Honeybook.

Step 2: Get Your Embed Code

Once your form is ready, click the "Share" button and look for the embed option. Honeybook will provide you with an HTML embed code—a snippet of text that starts with <iframe> or similar. Copy this entire code.

Step 3: Add Code to Your Showit Page

In your Showit editor, navigate to the page where you want the contact form to appear (typically your Contact page or inquiry page). Add a "Custom Code" element from the element panel and paste your Honeybook embed code into it.

You can resize the custom code element to control how much space the form takes up on your page. Make sure you're designing for both desktop and mobile views, as the form dimensions might need adjustment for smaller screens.

Step 4: Style Your Form Container

While you can't directly style the Honeybook form itself within Showit, you can create a beautiful design around it. Add background colors, images, text elements, and decorative elements to make the form section feel integrated with the rest of your page.

Consider adding gradients or drop shadows to the container holding your form for added visual interest.

Integrating Dubsado Forms with Showit

Dubsado is another powerful CRM option for creative businesses, offering robust form capabilities that work excellently with Showit.

Step 1: Build Your Dubsado Form

In Dubsado, go to "Forms" in your main menu and create a new form or select an existing one. Customize all the fields you need to gather from potential clients. Dubsado's form builder is quite extensive, allowing for conditional logic, file uploads, and detailed questioning.

Step 2: Generate the Embed Code

Once your form is complete, click on "Share" or "Integrate" options. Dubsado provides multiple integration methods, but for Showit, you'll want the embed code option. Copy the entire code snippet provided.

Step 3: Embed in Showit

Just like with Honeybook, you'll use a Custom Code element in Showit. Drag this element onto your page where you want the form, paste your Dubsado code, and resize as needed.

Step 4: Test Thoroughly

Always submit a test inquiry through your embedded form to ensure it's working properly. Check that submissions appear correctly in your Dubsado account and that any automated workflows trigger as expected.

Advanced Integration Tips

Create Dedicated Landing Pages

Consider creating specific sales pages for different service offerings, each with its own customized form. This allows you to ask targeted questions based on what service someone is inquiring about.

Use Multiple Forms Strategically

You might want a simple "quick contact" form on your main contact page and more detailed forms on specific service pages. This tiered approach lets casual browsers reach out easily while serious inquiries provide you with detailed information.

Combine with Email Marketing

While Honeybook and Dubsado handle your client management, you might also want to capture emails for your broader marketing list. Consider adding a ConvertKit form or Flodesk form elsewhere on your site for newsletter signups.

Design Considerations for Embedded Forms

Mobile Responsiveness

Forms must work flawlessly on mobile devices since many inquiries will come from phones. Always test your website across different screen sizes to ensure forms display and function correctly everywhere.

Form Placement Best Practices

Don't bury your contact form. If you're a wedding photographer, your inquiry form should be prominently featured on your essential website pages. Make it easy for excited potential clients to reach out.

Visual Hierarchy

Use text elements, buttons, and design features to draw attention to your form. Add a compelling headline above it that speaks to your ideal client's needs and desires.

Create Context

Don't just plop a form on a blank page. Add text that tells visitors what to expect after they inquire—will you respond within 24 hours? Schedule a discovery call? Send them a pricing guide? Setting expectations increases form completion rates.

Troubleshooting Common Issues

Form Not Displaying

If your embedded form isn't showing up, first check that you've copied the entire embed code, including any opening and closing tags. Also verify that the custom code element has sufficient height to display the full form.

Form Appears Cut Off

Adjust the height of your custom code element in Showit. You may need to experiment with different dimensions to find what works best.

Mobile Display Problems

Create a separate mobile layout for your contact page if needed. The desktop form dimensions often need adjustment for mobile viewing.

Styling Conflicts

Sometimes forms have built-in styles that clash with your website design. While you can't directly edit the form's internal CSS in Showit, you can work with the form styling options in Honeybook or Dubsado to better match your brand.

Additional Showit Integrations for Service Businesses

Beyond CRM forms, you might want to explore other integrations:

• Scheduling Tools: Learn how to add an Acuity calendar to Showit for automated booking
• E-commerce: If you sell products alongside services, discover how to add Shopify buy buttons
• Countdown Timers: Create urgency for limited-time offers by adding countdown timers

Professional Setup for Maximum Conversions

While embedding forms is technically straightforward, creating a high-converting contact page requires strategic design, compelling copy, and proper optimization. If you want to ensure everything is set up perfectly, our Showit integration service handles all technical connections while optimizing for conversions.

For businesses that need a complete website solution with all integrations properly configured, our custom Showit website development service designs and builds your entire site with CRM forms, scheduling tools, and email marketing fully integrated from day one.

If you're looking to enhance an existing Showit site, our Showit optimization service can improve your contact form placement, design, and overall conversion rate.

Embedding Honeybook or Dubsado forms in Showit bridges the gap between beautiful design and practical business operations. With properly integrated forms, you can capture leads seamlessly while maintaining complete control over your client experience from first inquiry to final delivery.