Embed our webform in your website using iFrame

You can easily add your Appointiv webform to your website using our simple iFrame code.  This is very basic functionality for any web developer but, even if that's above your paygrade, you're still in luck because most modern website template tools allow you to easily create a section within your page that will run this simple code.

Here is the basic iFrame code sample:

<iframe src=“https://yourcompany.appointiv.com/”
class=“appointiv-iframe”
width=“800px”
height=“500px”
title=“Iframe Example”>
</iframe>

Customize the way the webform looks in the iFrame

You can change the way the embedded webform looks by adding a simple webhook.  We offer the choice of Small, Medium, Large, or Extra-Large to determine how much of the webform is included in the iFrame.

Here is a graphical representation of the different sizes

Extra-Large

This includes the full webform with all of it's functionality and branding visible within the iFrame.

Make your URL look a little something like this:  https://yourcompany.appointiv.com/?stype=xl

Large

Same as the XL version but hide the Logo from the top.

Make your URL look a little more like this:  https://yourcompany.appointiv.com/?stype=l

Medium

Same as the L version but hide the progress bar.

Make your URL look a little more like the one below:  https://yourcompany.appointiv.com/?stype=m

Small

Nothing but the lower section - no branding, no summary - just the bizness

An example to make it look like the one below:  https://yourcompany.appointiv.com/?stype=s

And here's a little summary for those who like to skip to the end:

You can use our webhook parameter for displaying different portions of the webform

• The parameter is ?stype=

• The options you can choose are s, m, l, xl

• Each "size" relates to showing a different portion of our webform

  • xl = Extra Large = full new webform without the external border

  • l = Large = same as the extra-large version but hide the logo

  • m = Medium = same as the large version but hide the progress bar

  • s = Small = same as the medium version but hide the summary section

    • Small is great for surrounding with your own branding because this smallest version only includes the area of the webform where your customer makes their selections