Form Not Displaying
If your form isn’t showing up on your store, this guide will help you identify and fix the issue.
Quick Checklist
Section titled “Quick Checklist”Before troubleshooting, verify:
| Check | How to Verify |
|---|---|
| Form saved | Open form in builder, check for unsaved changes |
| Form enabled | Check status toggle in Forms list |
| Correct form selected | Verify in Theme Editor |
| App installed | Check Apps section in Shopify |
Common Causes
Section titled “Common Causes”1. Form Not Saved
Section titled “1. Form Not Saved”Symptoms:
- Form doesn’t appear in Theme Editor dropdown
- Recent changes not showing
Solution:
- Open form in Form Builder
- Click Save
- Refresh Theme Editor
2. Form Disabled
Section titled “2. Form Disabled”Symptoms:
- Form shows in list but not on store
- Status shows “Disabled”
Solution:
- Go to Forms list
- Find the form
- Toggle status to Enabled
3. Form Locked (Plan Limit)
Section titled “3. Form Locked (Plan Limit)”Symptoms:
- Form shows lock icon
- Message about plan limits
Solution:
- Check your plan limits
- Delete unused forms, or
- Upgrade your plan
4. Wrong Form Selected
Section titled “4. Wrong Form Selected”Symptoms:
- Different form showing than expected
- Old form still displaying
Solution:
- Open Theme Editor
- Click on form block
- Select correct form from dropdown
- Save changes
5. Theme Compatibility
Section titled “5. Theme Compatibility”Symptoms:
- Block doesn’t appear in Theme Editor
- “App block not found” error
Solution:
- Verify theme is Online Store 2.0 compatible
- Check theme documentation
- Contact theme developer if needed
6. Caching Issues
Section titled “6. Caching Issues”Symptoms:
- Changes not appearing
- Old version showing
Solution:
- Clear browser cache
- Try incognito/private window
- Wait a few minutes for CDN update
7. App Not Properly Installed
Section titled “7. App Not Properly Installed”Symptoms:
- No forms appearing
- App blocks not available
Solution:
- Go to Shopify Admin > Apps
- Verify Qivra Form Builder is installed
- Reinstall if necessary
Theme Editor Issues
Section titled “Theme Editor Issues”Block Not Appearing
Section titled “Block Not Appearing”| Cause | Solution |
|---|---|
| App not loaded | Refresh Theme Editor |
| Wrong section | Check you’re in right place |
| Theme limitation | Verify OS 2.0 compatibility |
Can’t Find Form in Dropdown
Section titled “Can’t Find Form in Dropdown”| Cause | Solution |
|---|---|
| Form not saved | Save form first |
| Form deleted | Recreate form |
| Browser cache | Clear cache and refresh |
Preview Not Working
Section titled “Preview Not Working”| Cause | Solution |
|---|---|
| Preview mode bug | Try live preview |
| Script blocked | Check browser settings |
| Network issue | Check internet connection |
Storefront Issues
Section titled “Storefront Issues”Form Not Loading
Section titled “Form Not Loading”Check in order:
-
Page source
- View page source (Ctrl+U)
- Search for “qivra” or “form-builder”
- If not found, form not embedded
-
Console errors
- Open browser DevTools (F12)
- Check Console tab for errors
- Note any red error messages
-
Network tab
- Check Network tab in DevTools
- Look for failed script loads
- Check for 404 errors
Form Shows But Doesn’t Work
Section titled “Form Shows But Doesn’t Work”| Issue | Solution |
|---|---|
| Submit not working | Check required fields |
| Validation errors | Review field settings |
| No response | Check email settings |
Partial Display
Section titled “Partial Display”| Issue | Solution |
|---|---|
| Form cut off | Check container width |
| Missing fields | Verify field visibility |
| Styling broken | Check for CSS conflicts |
Mobile-Specific Issues
Section titled “Mobile-Specific Issues”Form Not Showing on Mobile
Section titled “Form Not Showing on Mobile”| Cause | Solution |
|---|---|
| Hidden on mobile | Check block visibility settings |
| Responsive issues | Test in mobile view |
| Screen size | Check form width settings |
Mobile Display Problems
Section titled “Mobile Display Problems”| Issue | Solution |
|---|---|
| Too small | Adjust font size |
| Fields overflow | Set fields to full width |
| Hard to tap | Increase button size |
Liquid/Embed Issues
Section titled “Liquid/Embed Issues”Shortcode Not Working
Section titled “Shortcode Not Working”| Cause | Solution |
|---|---|
| Wrong ID | Verify form ID |
| Typo | Check spelling |
| Wrong placement | Verify file location |
Form Not Rendering
Section titled “Form Not Rendering”| Cause | Solution |
|---|---|
| Snippet missing | Reinstall app |
| Liquid error | Check for syntax errors |
| JavaScript error | Check console |
Still Not Working?
Section titled “Still Not Working?”Gather Information
Section titled “Gather Information”Before contacting support, collect:
| Information | Where to Find |
|---|---|
| Store URL | Browser address bar |
| Page URL | Where form should appear |
| Form name | Forms list |
| Screenshot | Of the issue |
| Console errors | Browser DevTools |
Contact Support
Section titled “Contact Support”- Go to Settings > Help
- Submit support request
- Include gathered information
- Wait for response