# Adding Enhanced A+ Content to Shopify Product Detail Pages

#### Step 1

To begin, access your Shopify admin account. Click on search and look for custom data to proceed.

<figure><img src="/files/DBxldQFBlHJCxIPPm9LH" alt=""><figcaption></figcaption></figure>

#### Step 2

Select Metafields and Metaobjects from the options available.

<figure><img src="/files/AxxQ7NP7cunJAOZopOfk" alt=""><figcaption></figcaption></figure>

#### Step 3

Navigate to Products and then click on Add Definition to create a new metafield.

<figure><img src="/files/0lKMBbHSLFHGqim2I8Wi" alt=""><figcaption></figcaption></figure>

#### Step 4

Name the new metafield as "Maker AI" or anything else you'd like to call it.

<figure><img src="/files/8gCiMFr8Ayv1kFVjS2ma" alt=""><figcaption></figcaption></figure>

#### Step 5

The system will automatically create a namespace. For the type, select multiline text.

<figure><img src="/files/nz35oKaK9DAiVtoi7ro7" alt=""><figcaption></figcaption></figure>

#### Step 6

After making your selections, click on Save.

<figure><img src="/files/ZcwHNHR4GYK1bgSgWcTu" alt=""><figcaption></figcaption></figure>

#### Step 7

With the metafield created, return to the main Shopify interface. Enable the metafield for products so it displays on the PDP.

<figure><img src="/files/R6Fw63fzyZx2Yfmwr7lX" alt=""><figcaption></figcaption></figure>

#### Step 8

Click on "Product," then select any product for which you wish to display Maker content.

<figure><img src="/files/YEsY0gc0zTtJ07TTlKXF" alt=""><figcaption></figcaption></figure>

#### Step 9

In Maker, copy the simple embed code (recommended) or the iframe embed code (in case there is a CSS clash) for the content you plan to add to Shopify.

<figure><img src="/files/3NEHGaH1UQVjR0Z33Eo3" alt=""><figcaption></figcaption></figure>

#### Step 10

Locate the metafield "Maker AI" that you just created, and proceed to enter either the simple embed code (recommended) or the iframe embed code (in case there is a CSS clash).

<figure><img src="/files/O6m6Yfn4wKRSbnIyjWxW" alt=""><figcaption></figcaption></figure>

#### Step 11

Ensure the content loads on your PDP when a user visits the product page- Navigate to the sales channel, click on Online Sales, then Online Store, and Customize.

<figure><img src="/files/VCOwSPMHQzriO6PAJbmt" alt=""><figcaption></figcaption></figure>

#### Step 12

Switch from Homepage to Products and click on Default Products. In the product page template, add a new section by selecting a custom liquid section.

<figure><img src="/files/U8iWIHfthdyWIkix8hhF" alt=""><figcaption></figcaption></figure>

#### Step 13

In the custom liquid section, insert the necessary custom liquid code. Using the metafield "Maker AI," integrate the content accordingly.

In this case, this is the code added (note: adapt this code to the metafiled name you created)

```
{%- if product.metafields.custom.makerai.value -%}
<div class="product-embed">
{{ product.metafields.custom.makerai.value }}
</div>
{%- endif -%}
```

<figure><img src="/files/sLdHCBYAZyIr7PvwgxKP" alt=""><figcaption></figcaption></figure>

#### Step 14

The system will automatically capture the metafield. Once confirmed, click Save and allow the changes to take effect.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.maker.co/tips-and-tricks/cms-specific-tips/adding-enhanced-a+-content-to-shopify-product-detail-pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.