Install Magical Form Fields from the Shopify App Store, then follow the steps below to go live.
Step 1: Create a field group
- In Shopify admin, go to the Magical Form Fields app.
- Click Create field group.
- On the Create Field Group page:
- Click Add field.
- Under Type, select the field type you want.
- Fill in the required fields, then click Add.
- Under Conditions, choose the products or collections the fields apply to.
- Click Save and confirm the field group shows as Active.
Step 2: Activate app embed block
Note: This is a one-time setup. If you've already done it, skip this step.
- In the Magical Form Fields app, click Setup in the left sidebar.
- Click Activate app embed block:
- In the theme editor, toggle Magical Form Fields on.
- Click Save.
Step 3: Activate the fields app block
Note: This is a one-time setup. If you've already done it, skip this step.
- From your Shopify admin, go to Online Store > Themes, then click Edit theme next to the theme you want to edit.
- Open the drop-down menu at the top of the page.
- Select Products, then select the product template that you want to edit.
- In the left panel, click Add block or Add section depending on where you want the custom fields to appear.
- In the panel that opens, click Apps, then click Fields to add the block.
- Click Save.
That's it — your custom fields are now live on your storefront.