Instructions on How to Set Up Metafields for Beatifyy Audio Player

Metafields allow you to store additional information on your products in Shopify. For Beatifyy Audio Player, you will use metafields to associate audio files like preview audio and demo audios with products. Follow these instructions to set up the required metafields.

Step 1: Access Metafields in Shopify #

1. Log in to your Shopify admin dashboard.
2. Navigate to Settings at the bottom of the left-hand menu.
3. In the Settings page, scroll down and click on Metafields.
4. Under Metafields, choose Products to create metafields that will be associated with your products.

Step 2: Create the ‘Preview Audio’ Metafield Definition #

1. In the Product Metafields section, click Add definition.
2. Name: Enter Preview Audio to define what this metafield will represent.
3. Namespace and Key: Enter audio.preview. Shopify uses this to identify the metafield across your store. It is essential that this is set correctly as Beatifyy Audio Player will reference this key.
4. Description: Optionally, you can add a description to remind you what this metafield is for, like “This field holds the product’s preview audio file.”
5. Type: Select File since you will be uploading an audio file.
6. File Validation: Optionally, set file validation rules like supported file types or size limits.
7. Save: Click Save to create the metafield.

Step 3: Create the ‘Demo Audios’ Metafield Definition #

1. Click Add definition in the Product Metafields section again.
2. Name: Enter Demo Audios.
3. Namespace and Key: Enter audio.demos.
4. Description: Optionally, describe the metafield as “This field holds multiple demo audio files for the product.”
5. Type: Choose File to allow uploading of multiple audio files associated with the product.
6. Save: Click Save to create this metafield.

Step 4: Create the ‘Type’ Metafield Definition #

1. Click Add definition again in the Product Metafields section.
2. Name: Enter Type.
3. Namespace and Key: Enter custom.type.
4. Description: Optionally, you can describe the purpose of this metafield, like “This field defines the type of the product (e.g., Sound Pack, Preset, Template).”
5. Type: Select Single line text.
6. Choices: You can optionally limit the text to predefined choices by enabling the Limit to preset choices option. Add options like Sound Pack, Preset, and Template if they apply to your products.
7. Save: Click Save to create this metafield.

Step 5: Apply Metafields to Products #

Now that the metafield definitions are set up, you can start adding values to your products.

1. Go to Products from the left-hand menu.
2. Open the product you want to add the metafield data to.
3. Scroll down to the Metafields section at the bottom of the product editing page.
4. You will see the fields for the metafields you created (Preview Audio, Demo Audios, and Type).
5. For Preview Audio, upload the audio file that will be used as the preview for this product.
6. For Demo Audios, upload multiple audio files if applicable.
7. For Type, enter the appropriate product type (e.g., Sound Pack, Preset, or Template).
8. Save the product after updating the metafields.

Step 6: Using the Metafields in Beatifyy Audio Player #

Beatifyy Audio Player will use these metafields to dynamically load the associated preview and demo audios when a customer views the product on your store.

Make sure you have correctly assigned the metafields to the appropriate products. Beatifyy Audio Player will automatically pull and play the audio files based on the values you have set for audio.preview and audio.demos.