pCon.ui is ment to be used in an iframe within your website.

So the base html code for integrate pCon.ui is the following:

<iframe src="https://ui.pcon-solutions.com/[..]"></iframe>

You can define the attributes of the iframe like for any other iframe. You can have a look at this external website to lookup the definition, usage and attributes for the <iframe> html tag.

If no other attributes are set to the iframe, for large screens the height is set to 60% of the width and for small/mobile screens, 166% of the width are used. For small screens, we also offer to set the height automatically adjusted to the content instead of using the 166% height.

The iframe source base is always https://ui.pcon-solutions.com/ followed by the Available URL Parameter. At least the #GATEKEEPER_ID has to be set as it proofs your integrity and contains all the settings for your pCon.ui instance. The GATEKEEPER_ID is contained in the delivery e-mail when you ordered your instance.

In the case that you lost your ID, please contact us.

To get to know how the iframe source is build, visit the section about Available URL Parameter.

The easiest way to get proper iframe sources is to use our Admin Panel.

To check the behavior of your current pCon.ui within an iframe you can use our iFrame Helper Tool.

Every communication between pCon.ui and the iframe parent is a HTML postMessage. The standard activated postMessage action is error (see Error Handling). But you can enable more types by activating User Tracking.