Widgets

Widgets are small, interactive elements that display certain content or functions on your website without requiring complex programming. In our case, the widgets display profiles directly on your page. They can be flexibly embedded anywhere and provide visitors with a direct overview of profiles without having to leave your platform. Integration is simple via JavaScript, so the widget seamlessly fits into your website’s existing design

Embedding the widget on your website is done via JavaScript. With just a few lines of code, you can place the widget at the desired location. Simply insert the provided HTML tag into the HTML code of your page


    <script src="https://static-edge-p6.cdn.es-infra.net/public/ept.latest.js"></script>

With the target implementation, you can precisely determine where on your website the widget or other content should be displayed. To do this, a small DIV container is inserted into the HTML code, which serves as the target point for the widget. The widget is then loaded and displayed in this container via JavaScript


    <div id="target"></div>

When embedding the widget, you can configure various parameters to customize the display and content. Below are explanations of the most important parameters of the P6Embed object:

id: Specifies in which HTML element the widget is displayed. Use here the id of the DIV container, e.g. target
ety: Defines the type or category of the widget, e.g. et1. This value controls which kind of display is loaded
bsw: Specifies the width of the widget in pixels. Example: 500 sets the width to 500px
bsh: Specifies the height of the widget in pixels. Example: 600 sets the height to 600px
eun: Sets the profile name to be displayed in the widget. Example: 'PROFILE_NAME'
border: Defines the border style of the widget. Example: '1px solid #000' creates a black border with 1px thickness

With these parameters, you can flexibly adapt the widget to the design and requirements of your website. After configuration, the widget is displayed by calling the .render() method:


    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();

With full implementation, you can integrate the widget on your website in one step. First, place the target element into which the widget should be loaded, and then add the JavaScript code that initializes the widget. This way, both the display and functionality are automatically activated, making the widget immediately interactive. This method ensures that the widget is loaded correctly and that all configured parameters such as width, height, profile name, or border are applied


<div id="target"></div>
<script type="text/javascript">
    new P6Embed({
        id:  'target',     // where to place the iframe
        ety: 'et1',        // __ety
        bsw: 500,          // __bsw (width)
        bsh: 600,          // __bsh (height)
        eun: 'PROFILE_NAME',   // __eun (profile name)
        border: '1px solid #000'
    }).render();
</script>

Widgets

To illustrate the functionality and customization options of the widgets, you will find some practical examples below. Each example shows how the widget can look on your website and how different parameters influence the appearance and behavior

Explicit consent is not required because our platform uses pseudonymization of the data. Personal information is not stored directly, preserving user anonymity and preventing direct identification. When embedded on external websites, data processing also occurs pseudonymously, ensuring the privacy of users is protected

Widgets

Widgets

Small Widget

Example:

Medium Widget

Example:

Large Widget

Example: