Product Finder Integration on Website

Last updated January 9, 2023

With the given login credentials you can access your account at Skin Match Technology by logging in at getskinmatch.com

  1. Click on Administration > Edit Questionnaire > Settings > Integration

    1. Copy the Code displayed under the title Snippet or click on “Download all snippets + integration guide” if you have more than one language or need to give the instructions to a Developer or Agency.

    2. Copy and paste the code for each specific language where you want to display the product finder on your website. You may add content on the top or below the snippet.

    3. The snippet will take the width your page gives it and automatically adapt to mobile or different screen sizes.

    4. Once the product finder is integrated all changes will be in real-time.

Related Topics

NOTE:

You can define the space you give the product finder on your website. Generally, you do so by placing it into a container if there is not a standard width set.

Another way is to try adding the product finder integration code to this and copy & paste it on to your page:
<div style=”padding:0 2rem;width:100%;max-width:1400px;margin:0 auto;”> SNIPPET CODE </div>

You can add extra padding and margins in this example code.