There are 3 methods to make your pack builder visible for your customers:
Note: Before adding the builder to your store, make sure you've enabled the app in the theme:
Navigate to Themes
Select the theme you're currently using
Click to App embeds
Turn the toggle on for MBC Builder
Click Save
Method 1: A proxy page (add URl to Navigation)
Step 1. Create your builder and click 'Preview' button:
Step 2. Copy preview URI from your browser address bar
Step 3. Add this link to your store customizer, navigation menu, etc. to make it accessible for your customers:
Go to Online store → Navigation (1) → Choose the menu where you would like to add the builder page
Click 'Add menu item' (2)
Enter the name and link (3)
Click 'Add' (4)
Method 2: A customizer section (placing the builder with a specific ID in a specific place)
Step 1. Add a section in a specific location with the ID of a specific builder:
Go to Online store → Themes → Customize active theme → Tab Sections (1)
Click 'Add section' (2) and choose 'Builder widget' at the Apps tab (3)
Enter Builder ID (4) and click 'Save' (5)
Method 3: A customizer section + Page template + Dynamic builder ID (creation of template, Metafield, transfer of dynamic ID)
Step 1: Create a new Shopify page template or use an existing one
Step 2: Create a meta field:
Go to Settings → Custom data → Metafields → Pages
Click 'Add definition"
Enter data: Name - 'Builder id', Key - 'mbcb.builder_id', Description -optional, Type - 'Integer, one value'
Click 'Save'
Step 3: Connect a Metafield to Builder ID in the customizer
Go to Online store → Theme → Customize → Sections (1)
Click 'Home Page' in the Header (2) and choose 'Pages' (3)
Click 'Create template' (4)
Next, enter a Page name (5) and click 'Create template' (6)
Go to Sections → Template → Click 'Add section' (7) → Tab 'Apps' (8 ) → Choose a Builder widget (9)
Click 'Connect dynamic source' (10) in the right menu → Choose 'Builder ID' (11) → Click 'Save' (12)
Step 4: Create a page with a specific template with the id in the Meta field
Go to Online store → Pages → Add page
Add a Title (13) and Choose a builder template (14) → Click 'Save' (15)
In the Metafields block click "Show all' (16)
Fill the Metafield 'Builder id' (17)
Click 'Save' (18)
After that, if you go to this page there should be displayed a builder which ID was set in the Metafield
Need Help?
If you have any questions or need assistance in selecting the right plan for your store, please contact our support team.
📩 Contact Support: Reach out to us via live chat or send an email to [email protected]