Skip to main content

Getting Started

👋 Hi there. Here’s a quick instruction on how to install AI Stylist on your website.

Add script and css tags into the page​

To start integration you’ll need to insert scripts and styles on the page:

index.html - Remote files importing
<head>
    ...
    <!--
        Import CSS.
        Insert it inside of the <head> tag
    -->
    <link rel="stylesheet" href="https://code.yesplz.ai/stylefilter/<RETAILER CODE>/<VERSION>/stylefilter.css">
</head>
<body>
    ...
    <!--
        Import JavaScript file.
        Prefered location is in the bottom of the body tag following by initialization script.
    -->
    <script src="https://code.yesplz.ai/stylefilter/<RETAILER CODE>/<VERSION>/stylefilter.js"></script>
</body>
  • <VERSION> can be latest or staging.

Add widgets​

Create initialization script file, or use internal script files that you already have. To insert AI Stylist on the page you’ll need to insert a short code into the js file.

Please refer to AI Stylist Widget for further information.

const aiStylist = window.yesplz.aiStylist({
  useFloatingButton: true,
});

🤜 All done! Should have any questions, let us know at hello@yesplz.ai