Adding Enhanced A+ Content to Shopify Product Detail Pages

Here’s a step-by-step guide to adding Enhanced A+ Content to an individual Shopify product detail page.

Step 1

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

Step 2

Select Metafields and Metaobjects from the options available.

Step 3

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

Step 4

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

Step 5

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

Step 6

After making your selections, click on Save.

Step 7

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

Step 8

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

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.

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).

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.

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.

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 -%}

Step 14

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