Enable App Embed
Before forms can appear on your Shopify store, you need to enable the Qivra Form Builder app embed in your theme. This is a one-time setup that activates the form rendering on your storefront.
What is App Embed?
Section titled “What is App Embed?”An app embed is a Shopify feature that allows apps to add functionality to your theme without modifying theme code. Enabling the Qivra Form Builder app embed:
| Feature | Description |
|---|---|
| Loads form scripts | Enables form rendering on your storefront |
| Registers app blocks | Makes form blocks available in Theme Editor |
| No code changes | Works without editing theme files |
| Theme compatible | Works with all Online Store 2.0 themes |
How to Enable App Embed
Section titled “How to Enable App Embed”Step 1: Open Theme Editor
Section titled “Step 1: Open Theme Editor”- Go to Shopify Admin
- Navigate to Online Store > Themes
- Click Customize on your active theme
Step 2: Find App Embeds
Section titled “Step 2: Find App Embeds”-
In the Theme Editor sidebar, click the gear icon (Theme settings)
-
Select App embeds
Or:
- Click the … (three dots) menu at the top
- Select App embeds from the dropdown
Step 3: Enable Qivra Form Builder
Section titled “Step 3: Enable Qivra Form Builder”- Scroll through the list of app embeds
- Find Qivra Form Builder
- Toggle the switch to On
Step 4: Save
Section titled “Step 4: Save”- Click Save in the top right corner
- Wait for the theme to update
- The app embed is now active
Verifying App Embed is Active
Section titled “Verifying App Embed is Active”Check in Theme Editor
Section titled “Check in Theme Editor”After enabling, you should see:
- Go to any page in Theme Editor
- Click Add section or Add block
- Look under the Apps category
- Qivra Form Builder should appear as an available block
Check on Storefront
Section titled “Check on Storefront”- Visit your store
- Open browser DevTools (F12)
- Check the Network or Console tabs
- Look for Qivra Form Builder scripts loading
Troubleshooting
Section titled “Troubleshooting”App Embed Not Showing in List
Section titled “App Embed Not Showing in List”| Cause | Solution |
|---|---|
| App not installed | Install Qivra Form Builder from App Store |
| Theme not OS 2.0 | Update to an Online Store 2.0 compatible theme |
| Cache issue | Clear browser cache and reload Theme Editor |
Toggle Won’t Stay On
Section titled “Toggle Won’t Stay On”| Cause | Solution |
|---|---|
| Theme conflict | Try a different theme |
| App permission issue | Reinstall the app |
| Browser issue | Try a different browser |
Forms Not Displaying After Enabling
Section titled “Forms Not Displaying After Enabling”| Cause | Solution |
|---|---|
| Form not added to page | Add form block via Theme Editor |
| Form disabled | Enable the form in the app |
| Cache | Clear storefront cache |
After Enabling
Section titled “After Enabling”Once the app embed is active, you can:
- Add forms to pages via Theme Editor blocks
- Use shortcodes to embed forms in content
- Display popup forms using button triggers
- Customize form appearance in the app settings