The incert system can either be embedded into your existing website via script or provided as a standalone page. This article describes how to integrate the system into your website.

This article is intended for web agencies. Therefore, the explanations below are not written for complete beginners. For web agencies, however, all points should be easy to understand and should not cause disproportionate effort. Under no circumstances can or may incert work directly in the customer’s website code. Please understand that the integration cannot be carried out by incert.

Process for new projects

1. At the start of the project, the incert system is integrated into a page that is not yet linked or indexed. This page should not be visible to website visitors.
2. The shop operator then fills the system with content. incert adapts the design to match the website and performs testing.
3. Afterwards, written approval is given to link the system and enable indexing in search engines and the website’s internal search.

Process for website relaunches

1. The incert system will be integrated into the new website. Design adjustments to match the new visual appearance will be implemented in parallel with the existing live system, while the current design will continue to be used on the existing website.
2. The relaunch date must be coordinated with incert well in advance. Some adjustments can only be made during the relaunch itself, otherwise the live operation of the shop on the existing website could be interrupted. In particular, the dynamic height adjustment (to prevent the shop from being cut off or leaving empty space below) must be checked and adjusted if necessary.
3. Immediately after the relaunch, check the functionality of the incert system. Ensure that the height adjusts dynamically to the displayed content and that the payment provider’s window opens correctly at the end of the checkout process.

Integration

On the integration page, insert a container at the desired position where the incert system will be displayed:

<div id="myIncertShop"></div>

Afterwards, integrate the incert system. The CUSTOMERCODE is a placeholder and will be provided by your project manager.

<script defer type="module" 
  src="https://incert-resources.com/frontend/CUSTOMERCODE/default/main.js" 
  onload='inctMount("#myIncertShop", "app")'>
</script>

If you see only an empty area or an error instead of the shop, a protection mechanism against unauthorized integration may still be active. In this case, please inform your project manager.

Languages

Not every system is prepared for multiple languages. If in doubt, please contact service@incert.at. To load a specific language, extend the integration with the language parameter “?language=ID”. The CUSTOMERCODE is a placeholder and will be provided by your project manager.

"https://incert-resources.com/frontend/CUSTOMERCODE/default/main.js?language=de"
"https://incert-resources.com/frontend/CUSTOMERCODE/default/main.js?language=en"

Subshops

To integrate subshops, you only need to change the config key in the script. The config key for the main shop is always default. The individual subshop key will be provided by incert after setup. In the following example, the key is “placeholder”:

src="https://incert-resources.com/frontend/CUSTOMERCODE/placeholder/main.js"