In-Page Configuration

Introduction to In-Page Configuration

All the mandatory configuration of Connector can be provided using Connector Admin Interface.

In-Page Configuration allows for additional customization of user interface elements and more.

In-Page Configuration properties are defined by adding <meta> elements to the <head> section of a page.

Here are some things to consider:

  • Make sure to use the latest Connector Script release, to get access to all In-page Configuration properties (see URLs of Connector Script).
  • All In-Page Configuration properties have to be defined in the <head> section of a page before the <script> element that includes Connector Script.
  • Most In-Page Configuration properties can only have a single value. If these single-value properties are defined multiple times, only the first value is considered.

Examples for In-Page Configuration

As an example, here’s the source code of a simplified article page that integrates Connector and defines two In-Page Configuration properties:

<html>
    <head>
        <title>This is a Connector enabled article with In-Page Configuration</title>
        <!-- LaterPay Connector In-Page Configuration -->
        <meta property="laterpay:connector:article_id" content="my_custom_article_id">
        <meta property="laterpay:connector:appearance:purchase_overlay:variant" content="raw-white">
        <!-- LaterPay Connector Script -->
        <script src="[Connector Script URL goes here]"></script>
    </head>
    <body>
        <!-- Page content... -->
    </body>
</html>

In the example above, note that:

  • All <meta> tags which define In-Page Configuration properties are placed before the <script> element that includes Connector Script.
  • “[Connector Script URL goes here]” is a placeholder for the actual Connector Script URL which depends on the region, environment and locale you use. You can find the proper URL(s) for your integration in section URLs of Connector Script.

Some In-Page Configuration properties can have multiple values (for example Article ID). To specify those multi-value properties, simply add more <meta> elements with the same key.

The following example shows the source code of a simplified article page that integrates Connector and defines two values for the In-Page Configuration property Article ID:

<html>
    <head>
        <title>This is a Connector enabled article with In-Page Configuration</title>
        <!-- LaterPay Connector In-Page Configuration -->
        <meta property="laterpay:connector:article_id" content="sports_bundle">
        <meta property="laterpay:connector:article_id" content="news_bundle">
        <meta property="laterpay:connector:appearance:purchase_overlay:variant" content="raw-white">
        <!-- LaterPay Connector Script -->
        <script src="[Connector Script URL goes here]"></script>
    </head>
    <body>
        <!-- Page content... -->
    </body>
</html>