User Tools

Site Tools


tools:iframetester

iFrame Helper Tool

The tool is available via this url: https://ui.pcon-solutions.com/iframe.html

Use Cases

You can use this tool for checking the following without embed the pCon.ui directly in your webpage, as our tool provides the iframe for you.

Check the appearance of pCon.ui

Some settings or Available URL Parameter are just affecting pCon.ui within an iframe, eg. send request button is only shown in iframe.

So you could check the appeareance with our tool before embed it into your live website as it is already an iframe in this page.

Check iframeResizer behaviour

The tool also shows the behaviour of the Integration Basics if iFrame Resizer is activated.

Check postMessages

As pCon.ui can send postMessages for User Tracking, Error Handling and PIM in postMessages, you can see them in our tool to figure out what information are sent and on which you can make use of.

How to use the iframe Helper Tool

When you first open the tool you have to put in at least your Gatekeeper ID in the corresponding field and click on “Open Catalog” (upper right corner) to see your pCon.ui instance.

You are able to add Available URL Parameter to this line to open up pCon.ui the way you want it (eg. with lang=fr).

:!: When your pCon.ui instance is for shops, make sure to add the HOOK_URL= to the field to see the ADD TO CART button.

Check postMessages

User Tracking postMessages

:!: These messages appear only if your have activated User Tracking.

Once you opened up an article either by clicking through your catalogs or fill in the url parameters ,you can see the first post message on the right appearing:
  • Click on the “+” to maximize the message log
  • New window opens:
  • Click on the “+” to show message content (json formatted):
  • Click anywhere outside or at the “x” to leave this window

You can now test:

  • Change one of the articles properties
  • New postmessage will appear on the right with every change you make
  • Content: “type”: “propertyChanged”
  • Cick the downloads (if available - see Default Settings)
  • New postmessage will appear “type”: “pdfDownload” or “type”: “cadDownload”
  • Click the snapshot (if available - see Default Settings)
  • New postmessage will appear “type”: “snapshot”
  • Click on the ADD TO CART button (if you have a shop integration)
  • New postmessage will appear “type”: “sendOCI”

Send Request postMessages

:!: These messages appear only if you have a lead integration.

When you click on the send request button, new postmessages will appear on the right:
Action - contact-request-pre-inform and Action - contact-request
  • Click on the “+” to maximize the message log
  • New window opens:
  • Click on the “+” to show message content (json formatted):
  • You can click anywhere outside or at the “x” to leave this window

Error Messages

In case of error messages, new postmessage will appear on the right “action”: “error”.

  • Click on the “+” to maximize the message log
  • Click on the “+” to show message content (json formatted)
  • Check Error Handling for getting to know the curse of the error

PIM Messages

If you have enabled PIM action messages for your instance new postmessage will appear on the right when you open up an article with PIM data: Action - pim-dataand at the same time the button the information about the PIM data appeared.

You can now:

  • Click on the “+” to maximize the message log
  • Click on the “+” to show message content (json formatted)

or scroll through the information on the bottom.

:!: These messages appear only if you have a PIM action messages.

:!: please check for the supported mediatypes you will see here.

tools/iframetester.txt · Last modified: by Franziska Beetz



Legal Notice and Data Protection