Stylaai App – Complete Setup & Usage Guide

1. Install the App

Go to the Shopify App Store and search for Stylaai.
Click Install App and approve the required permissions.

After installation, you will see a confirmation message that the app has been successfully installed and is ready to use.

​

2. Product Sync

Once installed, Stylaai automatically begins syncing your store products.

The sync time depends on the number of products in your store.
If you have a large catalog, this may take a few minutes.

Wait until the sync is completed before using all features to ensure everything works correctly.

​

3. Enable the App in Your Theme

Go to your Shopify Admin and open Online Store → Themes.
Click Customize on your active theme.

Inside the Theme Editor, open App Embeds, locate Stylaai, enable it, and click Save.

This step is required for the app to function on your storefront.
 

4. Add Stylaai to Your Store

Open the Theme Customizer and navigate to the page where you want the app to appear, such as the homepage or product page.

Click Add Section, select Apps, and choose Stylaai.
The app section will be added to your page.

You can move the section to your preferred position.
Click Save once done.
 

5. Using the App

Open the Stylaai app from your Shopify Admin.

Configure the app settings based on your needs.
This may include selecting how content appears, choosing triggers, or adjusting behavior.

Save your changes and preview your storefront to see the results.
 

6. Popup Settings

Popup Settings allow you to control how and when your popup appears to customers.
 

Trigger

The trigger determines what action opens the popup.

You can choose:

Timer (Auto Open) – the popup appears automatically after a set time when a visitor lands on the page.

On Add to Cart – the popup appears when a customer adds a product to their cart.
 

Delay

The delay defines how long the system waits before showing the popup.

For example, if the delay is set to 5 seconds, the popup will appear 5 seconds after the trigger is activated.
 

Popup Delay

Popup delay works together with the selected trigger.

With Timer, it controls how long after page load the popup appears.
With Add to Cart, it controls how long after the product is added that the popup is shown.
 

Example Configuration

Trigger: On Add to Cart
Delay: 5 seconds

This means the popup will appear 5 seconds after a customer adds a product to their cart.
 

Best Practices

Use a short delay such as 3 to 5 seconds to avoid interrupting users too quickly.
Use the Add to Cart trigger to target customers who are already engaged.
Avoid showing popups instantly, as this can negatively affect user experience.
 

7. Verify Setup

Visit your storefront and navigate to the page where you added Stylaai.

Check that the app is visible and working correctly.
Test the popup trigger to ensure it appears as expected.