Install Aisleza

WooCommerce

Aisleza needs no external service, account or API key. Everything, including the 3D engine, ships inside the plugin and runs on your site.

Shopify Coming soon

The Shopify app is built and coming soon to the Shopify App Store.

Wix

Both Wix Stores catalogues (the newer one and the older one) are supported.

BigCommerce Coming soon

The BigCommerce app is built and coming soon to the BigCommerce App Marketplace.

Magento

Download the free module from aisleza.com (version 1.0.1). Aisleza Pro for Magento is in your Aisleza account after you buy a plan.

Squarespace

Put the Code Block in a section below your header: themes with a sticky header would otherwise cover the top of the store.

WooCommerce

1. Get the plugin. Download the free plugin (a ZIP file).
2. Upload it. In wp-admin go to Plugins → Add New → Upload Plugin, choose the ZIP and press Install Now.
3. Activate. Press Activate. A new Aisleza menu appears in the admin menu, just below WooCommerce.
4. Open the settings. Go to Aisleza → Settings. The setup card at the top shows five steps and how many are done.

What activation does:

• Adds the Aisleza admin menu with its Settings page.
• Registers the [aisleza] and [aisleza_link] shortcodes.
• Loads nothing on your front end until a page contains the store.

Shopify Coming soon

1. Install the app from the Shopify App Store (coming soon) and approve it for your shop.
2. Open the app. Go to Apps → Aisleza 3D Store in your Shopify admin. The settings page shows your plan and the setup steps.
3. Add the store to a page. Press Add to a page in the theme editor: Shopify opens your theme with the Aisleza 3D store block being added. Save the theme.

The app adds nothing to your theme until you add the block, and uninstalling leaves no theme code behind.

Wix

1. Install the app. Open Aisleza on the Wix App Market, press Add to Site and choose your site. Wix asks you to approve the app’s permissions.
2. Open the app’s page. In your site’s dashboard go to Apps → Aisleza 3D Store. It shows your plan and how to add the store.
3. Add the store to a page. In the editor go to Add Elements → App Widgets → Aisleza 3D Store and drag it onto a page. Then publish.

The app shows nothing on your site until you add the store element. If your site has no Wix Stores yet, the app’s dashboard page and the editor say so.

BigCommerce Coming soon

1. Install the app from the BigCommerce App Marketplace (coming soon) and confirm the permissions it asks for.
2. Open the app. In your control panel go to Apps → My apps → Aisleza 3D Store. The settings page shows your plan and how to add the store.
3. Add the store to a page. Open Storefront → Themes → Customize (Page Builder), choose a page, scroll the widget list to Custom and drag Aisleza 3D Store onto the page. Then Publish.

The app shows nothing on your storefront until you add the widget, and once you uninstall it the widget shows nothing at all.

Magento

1. Download the free module (and Aisleza Pro from your Aisleza account if you have a licence).
2. Unzip each ZIP at your Magento root. They unpack into app/code/CodeSolz/Aisleza and app/code/CodeSolz/AislezaPro.
3. Run bin/magento module:enable CodeSolz_Aisleza CodeSolz_AislezaPro and bin/magento setup:upgrade. In production mode also run bin/magento setup:di:compile, bin/magento setup:static-content:deploy -f and bin/magento cache:flush.
4. Open Aisleza → Settings in the Magento admin and choose your aisles. With Pro, enter your licence key under Aisleza → Pro.

Nothing shows on your storefront until you insert the Aisleza 3D Store widget on a page. To remove Aisleza, disable the modules with bin/magento module:disable and delete the two folders.

Squarespace

There’s nothing to install: Aisleza runs from a snippet.

1. Edit a page in Squarespace and add a Code block where the store should be.
2. Paste the snippet below into the block (change /shop if your shop page has another address).
3. Save and open the page on your live site.

<div data-aisleza data-shop="/shop"></div>
<script src="https://sq.aisleza.com/v1/aisleza.js" defer></script>

To remove Aisleza, delete the Code Block.