Running a service business means wearing too many hats at once following up on inquiries, sending proposals, chasing contracts, issuing invoices, and somehow still finding time to do the work your clients are paying you for. 17hats was built to handle that operational load for solopreneurs and small creative businesses. And when it connects to your Showit website, the entire client acquisition process becomes something that largely runs itself.
17hats is a business management platform purpose-built for independent professionals. Showit is the website builder of choice for photographers, designers, coaches, and creative entrepreneurs who refuse to compromise on visual quality. This guide covers every way to connect these two tools, what to set up inside each platform, and how to design your Showit pages to make the integration perform at its best.
What Is 17hats and Why Creatives Use It
A Complete Business Operating System for Solopreneurs
17hats consolidates the administrative infrastructure of a small service business into one platform. It handles lead capture forms, email follow-up, proposals, contracts, invoices, questionnaires, scheduling, and bookkeeping in a single subscription.
According to 17hats’ platform overview, the platform is specifically designed for solo business owners who need enterprise-level client management without hiring an operations team to run it.
For photographers, event planners, consultants, coaches, and creative service providers, 17hats eliminates the fragmented tool stack that most solopreneurs manage. Everything from the first inquiry to the final invoice lives in one connected system.
Why 17hats Pairs Well with Showit
Showit gives your brand an exceptional public-facing presence. 17hats handles everything that happens after a visitor decides to reach out. The two platforms serve entirely different functions — which is exactly why they work so well together.
When a potential client discovers your Showit website, they experience your brand at its best. When they click to inquire, 17hats takes over the backend journey: capturing their information, sending acknowledgment emails, delivering your pricing, presenting your contract, and collecting payment without any manual work required on your part.
Our guide on what Showit is and who it is built for explains why Showit has become the design platform of choice for the same audience that 17hats serves on the business operations side.
Setting Up Your 17hats Account Before Integration
Configuring Your Business Profile
Before embedding anything on your Showit website, spend time configuring your 17hats account properly. Go to your account settings and complete your business profile with your logo, brand colors, and contact information.
This information populates the header and footer of your client-facing 17hats documents — proposals, contracts, and invoices. Getting this right before you start embedding forms means every client interaction is branded from the very first touchpoint.
Set your timezone, business hours, and email notification preferences so that 17hats alerts you immediately when a new lead comes in from your Showit website.
Building Your Lead Capture Form
Navigate to Lead Capture Forms in your 17hats dashboard and create your primary inquiry form. Build this form with the specific fields that give you the information you need to qualify a lead and respond helpfully.
For most service businesses, a well-structured lead form includes name, email, phone number, project type, preferred date or timeline, budget range, and an open-ended message field. Keep the number of required fields to the minimum necessary to avoid reducing form completion rates.
17hats allows you to assign a workflow template to each form, meaning every submission from your Showit website automatically triggers a pre-built response sequence. Configure this workflow before embedding the form so the automation is active the moment you go live.
Once your form is complete, save and publish it. You will then find both an embed code and a hosted page URL available in the form’s share settings.
Embedding the 17hats Lead Capture Form in Showit
Using Showit’s HTML Embed Widget
Open your Showit editor and navigate to the canvas where you want the 17hats form to appear. For most businesses, this is the Contact or Inquire page.
Click the element add button and select the HTML Embed widget from the available elements. This widget is specifically designed to render external code correctly inside Showit’s canvas.
Paste your 17hats embed code into the widget. You will immediately see a placeholder representation of the embed in your Showit editor. The actual rendered form will appear correctly on your live published site.
For a detailed walkthrough of how Showit’s embed system works, our guide on custom code snippets in Showit covers everything you need to know about adding external HTML and JavaScript elements to your pages without affecting the rest of your design.
Sizing the Embed Container Correctly
One of the most common issues with embedding 17hats forms in Showit is the container sizing. If the embed container is too narrow, form fields will overlap or display in an unintended stacked layout.
For desktop canvases, set the embed container width to at least 600 pixels and the height to enough space to show the full form without scrolling inside the container. The exact height depends on the number of fields in your form.
For mobile canvases, set the container to full width and increase the height to accommodate the form’s mobile layout, which typically stacks fields vertically and requires more vertical space than the desktop version.
Styling the Page Around the Embedded Form
After placing the form in your Showit canvas, use Showit’s design tools to build context around it. Add a heading that sets the scene for what the form is for, a brief paragraph explaining your inquiry process, and optionally a few words about your response time.
Visitors who arrive at a contact page and see only a bare form with no supporting context are more likely to leave without completing it. The copy and design surrounding your 17hats form does as much conversion work as the form itself.
Linking to 17hats Scheduling from Your Showit Website
Embedding 17hats’ Meeting Scheduler
17hats includes a meeting scheduling feature that allows clients to book calls directly based on your available calendar slots. This tool generates an embed code and a hosted booking URL, just like the lead form.
If you want prospects to be able to book a discovery call directly from your Showit website, embed the 17hats scheduler on a dedicated “Book a Call” page or include it as a step on your services page after visitors have read about your offerings.
The same embedding process applies: copy the code from 17hats’ scheduler share settings, paste into Showit’s HTML embed widget, and position it within your canvas design.
Using a Button Link Instead of a Full Embed
For pages where a full calendar embed would feel visually heavy or interrupt the design flow, use a button link instead.
Grab the direct hosted URL from your 17hats scheduler and link it to a styled button in Showit. The button can open in a new tab so visitors can return to your website easily after booking their call.
This approach works especially well on homepage sections, pricing pages, and services pages where you want to invite action without taking the visitor away from your content prematurely.
Building Automated Workflows That Fire from Your Showit Forms
What 17hats Workflows Actually Do
A 17hats workflow is a pre-built sequence of actions that triggers automatically when a specific event occurs, like a new lead form submission from your Showit website.
A typical workflow for a photography or design business might include sending an automatic reply email confirming receipt of the inquiry, waiting 24 hours and sending a pricing brochure or guide, following up 48 hours later if no response has been received, and then sending a booking link once the prospect expresses interest.
According to 17hats’ help documentation on workflows, automation sequences can be designed to handle multiple follow-up steps over several days or weeks, ensuring that no lead falls through the cracks regardless of how busy your schedule becomes.
Assigning a Workflow to Your Showit Inquiry Form
When you build your lead capture form in 17hats, there is an option to assign a workflow template to that form. Any lead that submits through the form you embed on your Showit website will automatically enter that workflow.
This is the most important configuration step in the entire integration. Without a workflow assignment, 17hats will capture the lead but will not take any automated action after the submission.
Take time to build a workflow that reflects your communication style and typical client timeline before you publish the form on your Showit website. Test it by submitting a form yourself and verifying that each workflow step fires in the correct sequence.
Creating a Professional Client Journey That Starts on Showit
The Three-Stage Client Experience
The most effective use of the 17hats and Showit combination creates a clear three-stage client experience: discovery, inquiry, and onboarding.
Stage one happens entirely on your Showit website. This is where visitors discover your work, understand your services, read about your process, and review social proof. Your Showit design does all the heavy lifting at this stage.
Stage two begins the moment a visitor clicks your inquiry button or submits your 17hats form. From this point, 17hats takes over automatically, handling the follow-up sequence, proposal delivery, contract signing, and invoice payment without requiring your direct involvement.
Stage three is active client work, which happens through 17hats’ client portal and ongoing project communication tools.
Designing Your Showit Website to Support This Journey
Your Showit website should be designed with this three-stage client journey in mind. Each page should have a clear purpose within the discovery stage and should direct visitors toward the inquiry action at the right moment.
A services page should explain your offerings and build desire before presenting the inquiry button. An about page should build personal connection and trust before revealing your process. A portfolio or work page should demonstrate expertise before making a case for working with you.
Our article on must-have website pages for wedding photographers covers page-by-page conversion strategy that applies to any service business using Showit to attract clients.
Connecting 17hats to Showit Through a Pop-Up Form
Using Showit’s Pop-Up Feature with 17hats
Rather than placing your 17hats form only on your contact page, consider triggering a pop-up form on specific pages or after a visitor has spent a certain amount of time on your site.
Showit has a native pop-up creation feature that you can build around a 17hats embed. Build a Showit pop-up canvas, place the 17hats HTML embed inside it, and configure the pop-up trigger settings to fire on exit intent, time on page, or scroll depth.
Our detailed guide on how to create a pop-up in Showit covers all the pop-up creation options in detail, including how to set triggers, style the pop-up container, and add close button functionality.
This approach increases inquiry form visibility beyond your contact page and captures visitors who are leaving without inquiring, giving you one more opportunity to convert website traffic into potential clients.
Adding a 17hats Client Portal Link to Your Navigation
Making It Easy for Existing Clients to Access Their Portal
Once a prospect becomes an active client, they need quick and easy access to your 17hats client area where they can review documents, make payments, and complete questionnaires.
Add a “Client Login” link to your Showit website navigation or footer using the client portal URL from your 17hats account settings. This link should be visually distinct from your main navigation items so current clients can find it instantly without getting confused with the primary site navigation.
For guidance on structuring your Showit navigation effectively, our guide on headers and menus in Showit covers navigation structure, styling, and link management in detail.
Building a Dedicated Client Resources Page in Showit
For businesses that want to go further, consider building a dedicated password-protected client resources page in Showit that links out to the 17hats portal along with other client resources.
This page might include links to your 17hats portal, your scheduling link for booked client calls, downloadable resources or guides, and frequently asked questions for active clients.
Our guide on how to password protect pages in Showit explains how to restrict access to specific Showit pages to current clients only, keeping this resource page separate from your public website.
Optimizing Your Showit Pages to Convert More 17hats Inquiries
Page Load Speed and Form Performance
The speed at which your Showit pages load directly affects how many visitors stay long enough to see and complete your 17hats form.
Ensure that all images on your inquiry page are properly compressed before uploading them to Showit. Large unoptimized images are the most common cause of slow page load times on Showit websites.
Our guide on image optimization for Showit provides specific guidance on file formats, compression settings, and naming conventions that keep your pages fast without sacrificing visual quality.
Adding a Notification Bar That Drives Inquiry Traffic
Showit’s notification bar feature allows you to display a persistent message at the top of every page on your website, which is an excellent tool for driving more traffic to the page containing your 17hats form.
Use the notification bar to announce a limited availability window, a seasonal offer, or simply a direct call to action that links to your inquiry page. Even a simple “Now booking summer sessions” message in a notification bar can meaningfully increase inquiry volume.
Our guide on setting up a notification bar in Showit walks through the setup process step by step.
Frequently Asked Questions
Does 17hats integrate with Showit?
Yes. 17hats integrates with Showit through embeddable lead capture forms, scheduling links, and client portal access. You copy the embed code from your 17hats form or scheduler and paste it into Showit’s HTML embed widget to display it directly on your website pages.
Can I automate follow-up emails when someone fills out my 17hats form on Showit?
Yes. You can assign a workflow template to your 17hats lead capture form before embedding it on Showit. Every submission from your website will then automatically trigger the workflow, sending timed follow-up emails without any manual action on your part.
How do I embed a 17hats form in Showit without it looking out of place?
Use Showit’s HTML embed widget, size the container appropriately for both desktop and mobile, and design the surrounding page content to provide context for the form. Adding a clear heading, brief instructions, and supporting visual elements helps the embedded form integrate naturally into your Showit design.
Can clients access their 17hats portal through my Showit website?
Yes. Add your 17hats client portal URL to your Showit navigation as a “Client Login” link. You can also build a dedicated password-protected client resources page in Showit that links to the portal for a more complete client hub experience.
Is any coding needed to connect 17hats with Showit?
No coding is required. The integration uses copy-and-paste embed codes that drop into Showit’s built-in HTML widget. No custom development or technical background is necessary to complete the setup.
Can I use 17hats with multiple service pages in Showit?
Yes. You can create different 17hats lead capture forms for each service offering and embed each one on the relevant service page in Showit. This allows you to use different intake questions and trigger different workflows based on which service a prospect is inquiring about.
