How to embed your Inquiry Form on a Showit website

Once you've customized your inquiry form, you can embed it on your Showit website.

Before you start

• Showit may require a plan upgrade to enable Custom Embed Code.
• You can add your Inquiry Form to your site in two ways: embed it inline on a page, or add a floating button that opens the form in a pop-up.

Steps for inline embed

Copy and paste this code into an Embed or Code block on your website.

Copy your embed code from Session

1. Manage > Inquiry form > Get code

2. Click Copy code snippet under Embed code

Add embed code to Showit (inline embed)

1. Log in to Showit.

2. Open the page or canvas where you want the Inquiry Form to appear.

3. In the bottom toolbar, click Embed Code to add an Embed Code widget.

4. In the right sidebar (Embed Info), paste the inline embed code you copied from Session.

5. Resize the widget so the full form fits on desktop and mobile.

Need a hand with Showit’s embed blocks? Check Showit’s Help Center for the latest steps, or reach out to their support team.

Steps for floating button

Add a floating button pinned to the bottom right of your site that opens your form in a pop-up window. Paste this code snippet into your website's Custom Code area (Code Injection in the Header or Footer).

Copy your embed code from Session

1. Manage > Inquiry form > Get code

2. Customize your floating button by editing the Button text, background and text colors.

3. Click Copy code snippet 

Add embed code to your Showit website

1. From within your website editor, click Site Settings

2. From the window that opens up, Click Integrations 

3. Click Add Custom Code

4. Click Add Code To...

5. Choose Add HTML to the head

6. Paste code in the Head HTML box

7. Click Save

8. Close the Site Settings popup and click Preview
    

The button stays pinned to the bottom right of your site, so clients can send an inquiry from any page.