Create MetaObjects

Metaobjects are data containers that help you define and create custom structured data for your store, such as size charts, FAQs, ingredient lists, recipes, specifications, etc.

Easy Content Builder app helps you create metaobjects faster for 3 types of content:  

• Tabs
• Accordion
• Icons with text

Once you add the metaobjects mentioned above, the ECB app automatically creates metafield definitions that reference each metaobject respectively:

• Product
• Page
• Blog post

How to create Tabs/Accordions metaobjects

Step 1: Create Metaobjects

NOTE: This one-click option enables you to create a Tab/Accordion metaobject definition automatically.

• From your Shopify admin, navigate to Apps > Posstack Easy Content Builder > Metaobjects.
• Click on Create next to the desired content type (ECB Tabs, ECB Accordions, etc.). Once created, you should see the message Metaobject and Metafield created:

Step 2: Create entries for the metaobject.

• From your Shopify admin, select the part of your store that you want to add a metaobject to. For example, Products (Easy Content Builder now supports metaobjects for Products, Pages, Blog Posts).
• Click the name of a product you want to edit.
• In the Metafields section, click on the form field to add an entry (ECB Accordions, ECB Tabs depending on which metaobjects you created in Step 1)
• Then click Select Entry > click Create new entry. (If you already added entries before, simply select the one you want to use here).

• Complete the fields for your entry. These fields are determined by the metaobject.
• Click Save.

Step 3: Displaying metaobjects on your Online Store

You do so by connecting metaobjects to your Online Store through dynamic sources

• From your Shopify admin, click Apps > Easy Content Builder
• From the Easy Content Builder dashboard, click Manage Templates.
• Then select the template that you want to edit and click Customize.
• From the Theme Editor, open the Tabs/Accordion block where you want to edit.
• Then click on Use Dynamic Sources icon next to the block title. Then Easy Content Builder app will automatically link all values defined under the related metaobject entries. No need to enter each entry values to each field.

• Once done, you can delete or edit any field of the Tab/Accordion block as you wish.

How to create a Icons With Text metaobject

Note: Connecting metaobjects to your Online Store through dynamic sources is available for the Pro version only. You can configure this setting normally in the Theme Editor, and you need to upgrade your plan to apply it to the front end. Go Pro.

Step 1: Grant the Access Scope for Creating Metaobject Definitions

Grant the Access Scope for Creating Metaobject Definitions by updating the App permission: [UPDATE APP]. This step is only needed if you install an old version of the Easy Content Builder.

Please discard this step for those who just installed the Easy Content Builder app. 

Note: If your store has multiple staff members, make sure you assign the right permission for staff to work on the metaobjects.

Otherwise, your staff can not add entries when working with the metaobjects.

Step 2: Create Metaobjects

• From your Shopify admin, navigate to Apps > Posstack Easy Content Builder > Custom Data.
• Click on Create next to the desired content type (Icons With Text, Tabs, Accordions). Once created, you should see the message Metaobject and Metafield created:

•   And all metafields associated with the above-mentioned metaobjects are automatically created too. You can check those metafields by following these steps:
  • In your Shopify admin, click Settings > Custom data
  • You should see 3 metafields Products, Pages, Blog Posts:

• • Click on each metafield Products, Pages, or Blog Posts to see the metafield definitions:

Step 3: Create entries for the Metaobjects

• From your Shopify admin, select the part of your store that you want to add a metaobject to. For example, Products (Easy Content Builder now supports metaobjects for Products, Pages, Blog Posts).
• Click the name of a product you want to edit.
• In the Metafields section, click on the form field to add an entry (ECB Accordions, ECB Tabs, or ECB Icons With Text depending on which metaobjects you created in Step 2)

• Next, click Select Entry > Create New Entry and complete the fields for your entry. Once done, click Save.

To create other entries, you repeat the exact steps by clicking Select Entry > Create New Entry. If you have already created entries, simply click the checkboxes to determine which entries will be displayed on your storefront. Here is an example of metaobject entries we created for demo purposes:

• Once done, click Save.

Step 4: Connecting metaobjects to your Online Store through dynamic sources

• From your Shopify admin, click Apps > Easy Content Builder
• From the Easy Content Builder dashboard, click Manage Templates.
• Then select the template that you want to edit and click Customize.
• From the Theme Editor, open the Icons With Text block where you want to edit. Then insert two classes into the CSS classes field: dynamic-source image-width-100 (replace 100 with the desired value for your icons' width).

Delete an entry

Caution: If you delete an entry, then it’s removed from anywhere it's published or used in your store. Deleting an entry can't be undone.

• In your Shopify admin, go to Content > Metaobjects.
• Click an entry that you want to delete.
• Click Delete to remove the entry.

Delete a metaobject

NOTE: You should only use the Delete functionality the Easy Content Builder app provides.

CAUTION: If you delete a metaobject, all associated metafields and entries will be removed from anywhere it's published or used in your store. Deleting a metaobject can't be undone.

• In your Shopify admin, go to Apps >  Easy Content Builder > Custom Data
• Click on Delete next to the metaobject that you want to delete.