# AIME Documentation

Create the intelligent shopping experience your customers crave with AIME, a suite of AI search & discovery apps built for Shopify.

<a href="/aime-live/quickstart-user-guides" class="button secondary" data-icon="bolt-lightning">Get started with AIME Live in under 5 minutes</a>

***

### Shopify Apps

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>AIME Live</strong></td><td>A personalization engine that adapts to live shopper intent, not manual rules</td><td><code>New!</code></td><td><a href="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2Fk2InsGOPHXfXjq1rti9d%2FAIME%20Live%20-%20Docs%20Logo.svg?alt=media&amp;token=79c1a1e1-47be-4cba-bef8-566c23e8069a">AIME Live - Docs Logo.svg</a></td><td><a href="/aime-live/quickstart-user-guides">Quickstart User Guides</a></td></tr><tr><td><strong>AIME Tag</strong></td><td>Auto-tags your products with rich metadata and builds smart semantic links</td><td><code>Coming Soon</code></td><td><a href="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FKSEbKpuZAT4VC5R74OF3%2FAIME%20Tag%20-%20Coming%20Soon.svg?alt=media&amp;token=f915886f-7606-4e40-937b-e35e3fb7048d">AIME Tag - Coming Soon.svg</a></td><td></td></tr><tr><td><strong>AIME Search</strong></td><td>Multimodal search built for how people actually shop: conversationally</td><td><code>Coming Soon</code></td><td><a href="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FPRoVu1OF64eGadUrwLRV%2FAIME%20Search%20-%20Coming%20Soon.svg?alt=media&amp;token=8844b15b-57b4-42ad-85e2-3a982e0d3e66">AIME Search - Coming Soon.svg</a></td><td></td></tr><tr><td><strong>AIME Flow</strong></td><td>Dynamic collections that update automatically based on behaviour, campaigns, or rules</td><td><code>Coming 2026</code></td><td><a href="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FUVEl6GzGAVqTPyTCSVrI%2FAIME%20Flow%20-%20Coming%20Soon.svg?alt=media&amp;token=d4bcc76f-51ae-4973-9a04-585aec0a8b72">AIME Flow - Coming Soon.svg</a></td><td></td></tr><tr><td><strong>AIME Memory</strong></td><td>Multi-session personalisation that learns and adapts to what shoppers prefer over time</td><td><code>Coming 2026</code></td><td><a href="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FBLtR87ba966MATVTHmex%2FAIME%20Memory%20-%20Coming%20Soon.svg?alt=media&amp;token=280d684d-6ad8-4f56-a00c-30f2aea443e0">AIME Memory - Coming Soon.svg</a></td><td></td></tr><tr><td><strong>AIME Reach</strong></td><td>Real-time behavioural triggers for on-site messaging and outbound marketing</td><td><code>Coming 2026</code></td><td><a href="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2F5GPvsNAkKjcPrOOSN9nQ%2FAIME%20Reach%20-%20Coming%20Soon.svg?alt=media&amp;token=64d77474-febe-4e87-9c7e-06afc578d1d3">AIME Reach - Coming Soon.svg</a></td><td></td></tr></tbody></table>


# Quickstart User Guides

Learn how to set up and use AIME Live for instant AI-powered product recommendations your customers will love in under 5 minutes.

### Key User Guide Docs

[Getting Started](/aime-live/quickstart-user-guides/getting-started)

[AIME Live Shopify Dashboard](/aime-live/quickstart-user-guides/aime-live-shopify-dashboard)

[The Block Editor](/aime-live/quickstart-user-guides/the-block-editor)

[Editing a Block](/aime-live/quickstart-user-guides/the-block-editor/my-blocks/editing-a-block)

[Applying a Style](/aime-live/quickstart-user-guides/the-block-editor/styles/applying-a-style)

[Adding a Block to your website](/aime-live/quickstart-user-guides/adding-a-block-to-your-website)

[How to optimise AIME Live](/aime-live/quickstart-user-guides/how-to-optimise-aime-live)


# Getting Started

Steps for installing the AIME Live app and the onboarding process

## Installing the App

Navigate to the AIME Live store page on the Shopify App Store.\
\
Click on the '**Install'** button on the left-hand side and a new tab will open within your Shopify Admin.&#x20;

On this page a list of areas the app needs to access will be outlined. To agree and continue to installation process click the '**install'** button at the bottom right-hand corner.

Once the app is installed, we recommend '**pinning'** it to your sidebar navigation for easy access.  To pin the app, hover over 'AIME Live' in your left sidebar and click on the pin icon sitting next to it. &#x20;

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2Fi37Rc4WehaLRqtfwhLYO%2Fimage.png?alt=media&amp;token=dc8fb6bf-6042-4f28-99e8-ee0a88eb3987" alt=""><figcaption></figcaption></figure>

Alternatively, you can use the search bar at the top of the page to search for AIME Live when you need it.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FPlLbPrX6g3RRf4Q5Tjmn%2Fimage.png?alt=media&amp;token=85561735-94b9-4d46-b531-92e3d54b8a8d" alt=""><figcaption></figcaption></figure>

***

## Onboarding Process

AIME Live creates hyper-personalised recommendations for your stores online shopping experience and these appear in what we call ***Blocks.*** The design of Blocks can be fully customised to suit your store look and feel and can be placed anywhere you like on your home page and product pages.&#x20;

In order for your Blocks to be added and show properly on your store, the AIME Live app needs to be activated via the Shopify Theme Editor.&#x20;

### Activate App Embed

1. Open your store’s Theme Editor (Shopify Admin > Online Store > Themes > Customise) and click on the ‘**App Embeds**’ tab in the left sidebar.&#x20;

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FxL81XZlN5QC9cqnrQ3Xy%2Fimage.png?alt=media&amp;token=18facf3c-672c-440f-bb2d-b70e8a36516e" alt=""><figcaption></figcaption></figure>

2. Make sure the AIME Live toggle is turned **on**.&#x20;

<div data-full-width="false"><figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FE1cVJnV8G1RNS0ZpwcXK%2Fimage.png?alt=media&amp;token=d5f51b6f-757e-4444-b4b9-28b5558a9876" alt=""><figcaption></figcaption></figure></div>

3. Make sure you click ‘**save**’, then return to the AIME Live Dashboard in Shopify Admin to make your first Block.

### Create your first Block using the Block Editor

1. Create and customise your first recommendation Block using the **Block Editor**. You can create as many Blocks as you need and style them to suit your store design. Revisit and edit at any time. \
   To open the Block Editor, use either the big pink/orange button at the top right-hand side of the AIME Live Dashboard, or the button in the 'Create a Block' modal.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2F9duPF4iDS4ZA3H18cWMA%2Fimage.png?alt=media&amp;token=0b64fd1d-5b78-4d35-ae07-4239f6318017" alt=""><figcaption></figcaption></figure>

2. Once in the Block Editor, use the pink '**+**' button or select '**Create New**' and follow the prompts to create a Block.
3. Make any customisations in the 'Customise' tab.
4. Once you're happy with your Block design, make sure you select '**save**' and close the Editor.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2Fb6trtxOqMciET0bgbuDJ%2Fimage.png?alt=media&amp;token=fc4fa0d8-8de1-424f-88c0-476b698e92da" alt=""><figcaption></figcaption></figure>

### Add a Block to your store

1. Choose the page you want your Block to be added to in the Shopify Theme Editor and identify where you want to place it by adding a section.
2. In the 'add section' menu under the 'Apps' tab, select 'AIME Live Block'.
3. Using the right sidebar, choose which Block you want to display in your new section.
4. Make sure you click 'save' when finished. Your Block will display unique, personalized product recommendations to shoppers when they start interacting with your store.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FOHRftY8JT2kuhDRANerx%2Fimage.png?alt=media&amp;token=ae531981-0639-4fd3-8702-f5ac712da0b8" alt=""><figcaption></figcaption></figure>

More detail on how to add a Block to your store can be found [here.](#add-a-block-to-your-store)


# AIME Live Shopify Dashboard

Learn about the AIME Live Dashboard and its features

{% embed url="<https://www.youtube.com/watch?v=QDBYx5U8Mfc>" %}

***

When you navigate to the AIME Live app you will first see the Dashboard screen.\
\
From here you can select the "**Open Block Editor**" button to create and edit Blocks for your store.\
\
It also includes onboarding information and links to resources and support.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FhRpwMnkF38ieXOKxVTjG%2Fimage.png?alt=media&amp;token=81905b0d-8b4d-4a6e-a349-38818ba4b330" alt=""><figcaption></figcaption></figure>


# The Block Editor

Learn all about the AIME Live Block Editor and its features

{% embed url="<https://www.youtube.com/watch?v=4-ZoKU7HbMQ>" %}

### What is the Block Editor?

The AIME Live Block Editor is where merchants can create, edit and fully customize their AIME Live recommendation blocks for their online stores.

The Editor exists as a way for merchants to ensure that AIME Live Blocks don't look out of place on their store. We noticed other recommendation apps on the market currently have a 'one-size-fits-all' approach to their recommendations and product cards, giving merchants little to no control over how they appear to shoppers.

With AIME Live, shoppers will take notice of the hyper-personalised recommendations they generate during their experience because **they make sense for them**, not because of poorly designed, mismatched product cards that look like they don't belong.

&#x20;


# My Blocks

Get to know all about AIME Live Blocks

{% embed url="<https://www.youtube.com/watch?v=MS8PDRlHFuI>" %}

### What is a 'Block'?

A Block is an editable component that displays personalised product recommendations to shoppers based on what they interact with on your site. Blocks update dynamically based on real-time shopper behaviour, helping boost product discovery and drive conversion.

Merchants can add them to their home page or product page using the Shopify Live Theme and arrange their placement like any other theme section.

AIME Live Blocks are customisable with key settings available to adjust such as, headings, font styling, number of products, and overall product card styling.&#x20;

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FPaYvhk8M0thKOf2cqJak%2Fimage.png?alt=media&amp;token=f42e15ad-4c36-4fdb-915d-42cefce6f94e" alt=""><figcaption></figcaption></figure>


# Creating a Block

Learn how to create a new Block from either a preset Style or past Block design

{% embed url="<https://www.youtube.com/watch?v=jpxqjg8UQ3E>" %}

***

1. From the AIME Live Dashboard, select the '**Open Block Editor'** in the top right corner to open the Block Editor.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FUeQKekbJs17YUHNVwDGG%2Fimage.png?alt=media&amp;token=00f6acf4-283a-4962-9c3d-92d30dc767f9" alt="" width="563"><figcaption></figcaption></figure>

2. Once in the Block Editor click the pink '**+**' button in the bottom left corner to create a new Block.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FhCt6QfTwkzRD0Ru7uBEJ%2Fimage.png?alt=media&amp;token=4d326b0c-ea28-4724-9f66-a2ea1bd95e4a" alt="" width="563"><figcaption><p>Returning users can see their previously made Blocks in the 'My Blocks' tab</p></figcaption></figure>

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FnDE7FPVmqfiUjOLdNJm3%2Fimage.png?alt=media&amp;token=4837cc1e-b273-4f89-bb69-77bd05591b98" alt="" width="563"><figcaption><p>First time users who haven't made a Block yet can also use the <br>'Create New' button to start creating.</p></figcaption></figure>

3. You will then be prompted to choose between starting a new Block from a Shopify Style, or from a past Block design. Select an option to continue.\
   \
   [Shopify Styles](/aime-live/quickstart-user-guides/the-block-editor/styles) are predesigned styles based off popular themes that help you quickly style your block with minimal-to-no customization required.\
   If you've already created a Block design and you've customised it to suit your store, the best option is to use that styling going forward so you don't have to customise the full Block again.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FnxurTAvjSCYdSfJZoMbt%2Fimage.png?alt=media&amp;token=8b79ef19-ab98-4b28-90a9-e1556dfbb6f4" alt="" width="563"><figcaption><p>Note: If you're a first time user of the Block Editor, you will not be able to <br>start a Block from a previous design. You must create one from a Shopify Style first.</p></figcaption></figure>

4. If you selected '**Start from a Shopify Style'**, use the arrows to choose which Style you want to have applied to your Block. Use the pink '**Confirm**' to select.\
   *(If you selected 'Start from a previous Block Design, skip to step 5)*

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FWfIL28E9WQ32EADj4yY9%2Fimage.png?alt=media&amp;token=8e1cfde0-5688-494e-89af-0d75bc829a05" alt="" width="563"><figcaption></figcaption></figure>

5. If you selected '**Start from a previous Block Design**', use the arrows to choose which previous Block design you want to copy and apply to your new Block. Use the pink '**Confirm**' to select.\ <mark style="color:$info;">(</mark><mark style="color:$info;">**Tip**</mark><mark style="color:$info;">: to create a new Block from a past design, you can also use the ellipsis options menu on a Block in the 'My Blocks' tab and select '</mark><mark style="color:$info;">**duplicate**</mark><mark style="color:$info;">'. This will copy all styling on that Block to a new one that you can rename and continue making changes to.)</mark>&#x20;

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2Fju6wzfPYIXq0edClTlq9%2Fimage.png?alt=media&amp;token=d3900bf6-70ee-4ddf-a6d4-547e14caefe2" alt="" width="563"><figcaption></figcaption></figure>

6. Once you've confirm your choice, create a name for your Block and click **'Confirm & create Block'**. Please note this is an internal name only, no shoppers will see it. It's the name you'll see when selecting which Block to apply to your store in the Shopify Theme Editor. Blocks can be renamed at a later stage if you wish, [see here](/aime-live/quickstart-user-guides/the-block-editor/my-blocks/renaming-a-block).

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2F4h79dAw7hUjxd2Kl7UaR%2Fimage.png?alt=media&amp;token=9c759abd-921f-457e-bd41-b6b2bb7bbfde" alt="" width="563"><figcaption></figcaption></figure>

Congratulations, you have successfully created a new Block :tada:

Learn how to add your Block to your Shopify store [here](/aime-live/quickstart-user-guides/adding-a-block-to-your-website).


# Editing a Block

Learn how to edit and update Block designs

{% embed url="<https://www.youtube.com/watch?v=9O9_ZCfDaTY>" %}

***

1. In the "**My Blocks"** section of the Block Editor, hover over the Block you wish to edit and select '**Edit Block'**.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2F3fYYQFanCp8Md3KcDYUS%2Fimage.png?alt=media&amp;token=5b904d62-d4ff-4e52-8ff6-b9db545f2c83" alt="" width="563"><figcaption></figcaption></figure>

2. You are now editing the Block you selected and can make any changes as needed. Go to the Styles or Customize tabs to make your edits. The changes, once saved, will be reflected in all instances of your Block on your store without needing to re-add.&#x20;

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2Fr5ASlakjPkXBTYtYAAeq%2Fimage.png?alt=media&amp;token=5b544a4e-a937-4a5c-89e3-7aa662137c36" alt="" width="563"><figcaption></figcaption></figure>


# Renaming a Block

Learn about the two ways to rename a Block

### **Option 1**&#x20;

1. Open the AIME Live Block Editor, find the block you wish to rename and click on **ellipsis options menu**.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FDfdPwPdD7j3npx4IXkyg%2Fimage.png?alt=media&amp;token=dabddc2e-97eb-498f-9d24-3f1b9392784f" alt="" width="563"><figcaption></figcaption></figure>

2. Select '**Rename'** from the menu and change the name of your Block.
3. Rename your Block and then press '**save'.**

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FZqT4OTmtUgnXxrd14Pll%2Fimage.png?alt=media&amp;token=df86e6ba-313b-49b9-a6f4-c09b314060ed" alt="" width="563"><figcaption></figcaption></figure>

***

### **Option 2**

1. Open the AIME Live Block Editor, find the block you wish to rename and click on '**Edit Block'**.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FFkDwdczYwtSPD6dz8qQj%2Fimage.png?alt=media&amp;token=f8f7b068-fe26-4fa9-8026-5a876fb0349d" alt="" width="563"><figcaption></figcaption></figure>

2. Go to the gradient menu bar at the top of the Editor and click on the Block title to edit. Type the new name into the field.
3. Click '**save**' when you're done.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FdaO5DjwxY3q8ysUlWJSO%2Fimage.png?alt=media&amp;token=674b1944-6921-4516-b01c-057d855dabd9" alt="" width="563"><figcaption></figcaption></figure>


# Duplicating a Block

1. To duplicate a Block go into the AIME Live Block Editor, find the Block you wish to duplicate and click on ellipsis menu icon. Choose '**Duplicate'** from the dropdown menu.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FvoFOR6dUODBTZ92Mb4lX%2Fimage.png?alt=media&amp;token=7f6f2516-0522-45b8-ad3b-158ef09edb8e" alt="" width="563"><figcaption></figcaption></figure>

Your block will be duplicated showing '**(copy)**' in the title so you can easily identify the duplicated version.

2. Rename the duplicated Block by using the same drop down menu and selecting '**Rename**'. \
   More information on renaming a Block can be found [here](/aime-live/quickstart-user-guides/the-block-editor/my-blocks/renaming-a-block).

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FmhE7DQxPa2VE2fVNyjiT%2Fimage.png?alt=media&amp;token=f54edf07-6487-42d2-a8fa-bd82e4e67c7f" alt="" width="563"><figcaption></figcaption></figure>


# Deleting a Block

1. To delete a Block go into the AIME Live Block Editor, find the Block you wish to delete and click on ellipsis menu icon. Choose '**Delete'** from the dropdown menu.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2F5uqbcK044ojIn28uW5gQ%2Fimage.png?alt=media&amp;token=eb589e19-d9af-414f-9a7d-c43744be187b" alt="" width="563"><figcaption></figcaption></figure>

2. You will be asked to confirm if you want to delete your Block.&#x20;

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FkTCrszJKTHnujf7twrKb%2Fimage.png?alt=media&amp;token=cbf2d692-ec13-4083-970a-578e1d502b51" alt="" width="563"><figcaption></figcaption></figure>

3. If you are sure you want to delete this Block, click '**Delete**'.


# Styles

### What are Styles?

Styles are preset Block designs that can be applied to reduce the amount of customization needed.

They've been created based of popular Shopify Themes styles so you can apply and go.&#x20;

You can also use the **'Customize'** tab to modify your Block further. More can be found about that [**here**](/aime-live/quickstart-user-guides/the-block-editor/customize/product-card-customization)**.**<br>


# Applying a Style

1. With a Block selected, go to the Styles tab and hover over one of the Style cards.\
   This will give you the option to Preview or Apply Style.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FfRoBXvB6VcHuFU6J4MEj%2Fimage.png?alt=media&amp;token=5c87cd25-a637-4ac3-81fd-711ae8448964" alt="" width="563"><figcaption></figcaption></figure>

2. Once you have decided on a theme you will be asked to confirm that you would like to apply the style

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FJ9NnCD5SsjVV07ATJXVy%2FScreenshot%202025-08-01%20at%208.12.34%E2%80%AFAM.png?alt=media&amp;token=cb647a0c-be7e-4f88-a051-226c81b864d8" alt="" width="563"><figcaption></figcaption></figure>

3. Once you are satisfied with the selected style, select the "**Save**" button on the bottom right.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FOPDrgCiDcwbZbXjHHkeb%2FScreenshot%202025-08-01%20at%208.14.02%E2%80%AFAM.png?alt=media&amp;token=b2fd7231-baf6-4ac1-b724-744bbda7c2de" alt="" width="563"><figcaption></figcaption></figure>


# Customize

Learn all about the customization options in the Block Editor

The Customize tab is where all the magic happens in the Block Editor.

Here, you have the ability to edit your Block to ensure it fits the styling of your live store.

From editing the individual product cards, to styling the full Blocks appearance, the Customize tab allows you to create exactly what you need on your store.


# Product Card Customization

Learn about what can be modified at the product card level of your Block

To start making customizations, open up the AIME Live Block Editor and hover over the Block you wish to customise, selecting '**Edit Block'.**

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2F0EJCXV2sg4Kkfocxv2rh%2Fimage.png?alt=media&amp;token=934b61c5-3559-47f1-8f09-0a8def7046d7" alt=""><figcaption></figcaption></figure>

## Product Card Customizations

With a Block selected to edit, go to the '**Customize**' tab where you can modify each element that makes up the product card.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2F9QAtf89Lb2Rjw3suZL5c%2Fimage.png?alt=media&amp;token=847eb186-58e9-4cf2-9544-299448034c69" alt=""><figcaption></figcaption></figure>

### Hierarchy

This is where you can change the hierarchy or order of your product card components to match that of your store. Jjust use the ↑ /↓ arrows to arrange the hierarchy of your design.&#x20;

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FCPrsueVE2FvWDqoVBfk9%2Fimage.png?alt=media&amp;token=ce47d41c-cf0a-423f-87f9-9b5b985609e5" alt=""><figcaption></figcaption></figure>

### Card Container

This is the basic setup of your card. You can change the background colour, alignment of content and add a border. The padding elements allows you to create space around the outside of your card.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FXEasJKkMMEbTTJMiKyni%2Fimage.png?alt=media&amp;token=d282b610-19b1-4e29-beb7-7c4788aec681" alt=""><figcaption></figcaption></figure>

### Product Image

Customise how the image appears on the card. Users can edit the image bottom padding and add border effects like colour and width.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FYDRsPrYmYfVbtRfxXy7G%2Fimage.png?alt=media&amp;token=0f1370ea-bbe4-4122-9173-1367823970be" alt=""><figcaption></figcaption></figure>

### Product Title

This is where you can choose your font and text styling for the title of your products. Users have the option to change text size for mobile and desktop versions as well as colour, case styling and spacing.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FnW2KpKER5ymSZXQsLtYw%2Fimage.png?alt=media&amp;token=93999568-f4b5-4b68-acd5-b15fad3be606" alt=""><figcaption></figcaption></figure>

### Price

Set up the fonts and styling for the price of the item, including the styling for the sale price.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FUVsY5dtdtk12TUWc5bkQ%2Fimage.png?alt=media&amp;token=f7089ed2-38d4-4327-889c-9f6c6a7698e4" alt=""><figcaption></figcaption></figure>

### Sale Price

Choose how you wish to display the sale price.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FbJRv4dcWtvs0wy1rROQf%2FScreenshot%202025-08-01%20at%208.21.36%E2%80%AFAM.png?alt=media&amp;token=8e58bb40-3661-42f2-8d85-d2ff3677f255" alt=""><figcaption></figcaption></figure>


# Block Customization

Learn about what can be edited from the Block container level

To style the elements of your Block that are encompassed in its full container, click on the tab '**Block**' within the Customise section for the editable options available.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FTMiDLSsf1N7I3oLiJcSJ%2Fimage.png?alt=media&amp;token=30ec7527-2d3e-438c-aaa9-d8cdb53e9417" alt=""><figcaption></figcaption></figure>

### Padding

Here you can change the padding of the block using the dropdown menu for preset options.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FFENYqiaIeKMcT5V4PdYm%2Fimage.png?alt=media&amp;token=c754ba68-4830-4967-8b92-c5395b2903c2" alt=""><figcaption></figcaption></figure>

### Header Content

Customise what your header content by choosing your own text, font, colour as well as alignment and size for desktop and mobile.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FXxC4weY1zCuSyc3vKyQm%2Fimage.png?alt=media&amp;token=326252f8-d53f-464d-86bc-23d4c7681a99" alt=""><figcaption></figcaption></figure>

### Background

Set the colour and border for the background of your **B**lock.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FVrgwPrbXw8WOas0g2jTB%2Fimage.png?alt=media&amp;token=3e53f236-e109-43e8-a9cc-cfd785b11a44" alt=""><figcaption></figcaption></figure>


# Adding a Block to your website

Learn how to add a Block to your store using the Shopify Theme Editor

1. Open the Shopify Theme Editor to customize your website design and layout.&#x20;
2. Choose the page you want your Block to be added to and identify where you want to place it by clicking 'A**dd section**'.
3. In the ‘A**dd section**’ menu select the the ‘**Apps**’ tab, click ‘AIME Live Block’.

<figure><img src="https://257670193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHemLNUKtGrhFDHRWOG7g%2Fuploads%2FgrdLvnjzyBzjkCjHK6rZ%2Fimage.png?alt=media&amp;token=89fa13b4-8b47-4ee7-9f74-34b2c109a751" alt="" width="563"><figcaption></figcaption></figure>

4. Using the right sidebar, select which Block you want to display in the section.

   You can change you choice at anytime by clicking the dropdown menu and re-selecting.
5. Click '**save**' when finished. Your Block will display popular store items before populating unique, personalised product recommendations to shoppers once they start interacting with your store.


# How to optimise AIME Live

Learn how to get the most out of your AIME Live Recommendation Blocks

AIME Live Recommendation Blocks harness the power of AI to display the most relevant product recommendations to your customers, both new and returning. At the core of this AI-powered process are your store’s product tags.

### Why Product Tags Matter

Product tags are a simple but powerful way to give AIME Live more context about your products. They provide signals that help Live’s AI engine understand the relationships between different items in your catalogue.

When your products are consistently and accurately tagged, AIME Live can:

* Match similar and complementary items more reliably
* Improve cross-sell and serve smarter, more personalised recommendations
* Adapt more effectively to customer behaviour patterns over time

### Crafting High-Impact Tags

Make every tag count by following these guidelines:

* Describe the Product. Focus on concrete details: *red, leather, oversized.*
* Group Logically. Create tags that a customer would use to filter or search, like *gym-friendly or office wear.*
* Avoid Temporary Info. Don't use tags for time-sensitive data like *sale* or *new arrivals.* Use collections for that instead.

### Suggested Tags to Include

Add roughly 6–10 tags per product, covering:

* **Material:** e.g. cotton, leather, wool-blend
* **Style or silhouette:** e.g. oversized, cropped, slim fit, boho
* **Occasion or use-case:** e.g. wedding guest, gym, everyday
* **Seasonality:** e.g. winter, summer, transitional
* **Key features:** e.g. pockets, adjustable straps, stretch
* **Colours and tones:** e.g. sage green, neutral, bold prints

The more information you can give Live through tags, the better your product blocks will perform.


# Contact Support

Need help? We’re here.&#x20;

Send us an email via <support@aime.app> or use [this form](https://aime.app/get-in-touch) to get in touch.


