This guide helps you resolve common issues with CodeUp – Add Custom Code. Follow the steps for your specific issue to get your custom code working properly.
Code Not Appearing on Store
Issue: My code is not showing up on my store pages
Solution Steps:
- Check if theme extension is enabled
- Go to the CodeUp Dashboard
- Look at the App activation status section
- Verify that Head code and/or Body code shows “Enabled”
- If disabled, click Enable extensions and toggle the blocks ON in the theme customizer
- Verify code is saved
- Go to the Setup page
- Check that your code is visible in the text area
- If empty, add your code and click Save
- Check page targeting settings
- On the Setup page, check which pages are selected
- If specific pages are checked, your code only appears on those pages
- To show on all pages, uncheck all page type boxes
- Clear browser cache
- Hard refresh the page (Ctrl+Shift+R or Cmd+Shift+R)
- Or test in an incognito/private browser window
- Verify in page source
- Visit your store
- Right-click and select “View Page Source” (or press Ctrl+U / Cmd+U)
- Search for a unique part of your code
- If found, the code is injected but may have execution issues
When viewing the page source, look for your custom code inside the <head> section (for header code) or just before </body> (for body code).
Theme Extension Issues
Issue: Cannot find CodeUp blocks in theme customizer
Solution Steps:
- Ensure CodeUp is properly installed from the Shopify App Store
- Open your theme customizer:
- Go to Online Store > Themes > Customize
- Look for App embeds in the left sidebar (you may need to scroll down)
- If not visible:
- Make sure you are editing the correct theme
- Try refreshing the theme customizer
- Reinstall the app if necessary
Issue: Theme extension status not updating in app
Solution Steps:
- Refresh the CodeUp app page
- Wait a few seconds for the status to sync
- If still not updating:
- Make changes in the theme customizer
- Click Save in the theme customizer
- Return to CodeUp and refresh
Issue: Extension keeps getting disabled
Possible causes:
- Theme was updated or changed
- Another app or theme setting conflict
- Theme customizer changes were not saved
Solution:
- Re-enable the extension in the theme customizer
- Make sure to click Save after toggling the blocks
- Check if other apps might be affecting the extension
Code Errors
Issue: JavaScript errors preventing code from running
How to diagnose:
- Open your store in a browser
- Open Developer Tools (F12 or right-click > Inspect)
- Go to the Console tab
- Look for red error messages
Common causes and solutions:
| Error | Cause | Solution |
|---|---|---|
SyntaxError: Unexpected token | Invalid JavaScript syntax | Check for missing brackets, quotes, or semicolons |
ReferenceError: X is not defined | Using undefined variable | Ensure all variables are properly declared |
TypeError: Cannot read property | Accessing property of null/undefined | Add null checks before accessing properties |
Mixed Content error | Loading HTTP resource on HTTPS site | Change http:// to https:// in your URLs |
Issue: CSS not applying to elements
Solution Steps:
- Check selector specificity
- Your CSS may be overridden by theme CSS
- Use more specific selectors or add
!important(sparingly)
- Verify syntax
- Ensure CSS is wrapped in
<style>tags - Check for missing semicolons or brackets
- Ensure CSS is wrapped in
- Use browser Developer Tools
- Right-click on the element > Inspect
- Look at the Styles panel
- Check if your styles are crossed out (overridden)
Example of increasing specificity:
<style>
/* Too general - might be overridden */
.button { color: red; }
/* More specific - higher priority */
body .product-form .button { color: red; }
/* Last resort - use sparingly */
.button { color: red !important; }
</style>Tracking Pixels Not Working
Issue: Google Analytics not tracking
Solution Steps:
- Verify the code is present
- View page source and search for your GA4 measurement ID (G-XXXXXXXX)
- Check for duplicates
- Make sure GA is not installed by another app or in your theme
- Duplicate tracking causes data issues
- Test with Google Analytics Debugger
- Install the Google Analytics Debugger Chrome extension
- Visit your store with the extension enabled
- Check the browser console for GA debug messages
- Verify in GA4 Realtime
- Open Google Analytics 4
- Go to Realtime report
- Visit your store in another tab
- You should see your visit appear
Issue: Facebook Pixel not firing
Solution Steps:
- Install Facebook Pixel Helper
- Add the Facebook Pixel Helper Chrome extension
- Visit your store
- Click the extension icon to see if the pixel is detected
- Check the pixel code
- Verify the Pixel ID is correct
- Ensure both the script and noscript portions are included
- Test in Facebook Events Manager
- Go to Facebook Events Manager
- Use the Test Events feature
- Visit your store and check if events appear
Saving Issues
Issue: Changes not saving
Solution Steps:
- Check for the save confirmation
- After clicking Save, you should see “Saved successfully” message
- If you see an error, try again
- Check your internet connection
- Saving requires an active connection
- Try refreshing and saving again
- Check for unsaved changes warning
- If you see the save bar at the top, click Save
- Don’t navigate away before saving
Issue: Code disappears after saving
Solution Steps:
- Refresh the Setup page
- Check if the code reappears
- If not:
- Re-enter your code
- Click Save
- Wait for confirmation
- Refresh to verify
Performance Issues
Issue: Store loading slowly after adding code
Solution Steps:
- Review your code
- Remove any unnecessary scripts
- Check if external scripts are slow to load
- Use page targeting
- Don’t load code on pages that don’t need it
- Select specific pages in the Setup page
- Move non-critical code to Body
- Scripts in the Body section load after content
- This improves perceived loading speed
- Optimize external resources
- Use
asyncordeferattributes on script tags - Consider hosting files on a CDN
- Use
Example of async loading:
<script async src="https://example.com/script.js"></script>App Loading Issues
Issue: CodeUp app not loading or showing errors
Solution Steps:
- Refresh the page
- Click the refresh button or press F5
- Clear browser cache
- Clear cache and cookies for your admin domain
- Or try in incognito mode
- Try a different browser
- If using Chrome, try Firefox or Safari
- This helps identify browser-specific issues
- Check Shopify status
- Visit status.shopify.com
- Check if there are any ongoing issues
- Reinstall the app
- As a last resort, uninstall and reinstall CodeUp
- Note: This may remove your saved code, so backup first
Common Error Messages
“Cannot fetch data”
Cause: The app cannot retrieve your saved settings.
Solution:
- Refresh the page
- Check your internet connection
- Try again in a few minutes
“Cannot save”
Cause: The app cannot save your changes.
Solution:
- Check your internet connection
- Try saving again
- If persists, try a different browser
“Something went wrong”
Cause: A general error occurred.
Solution:
- Refresh the page
- Try the action again
- Contact support if it continues
When to Contact Support
Contact our support team if:
- You have followed all troubleshooting steps without success
- You encounter an error not listed in this guide
- Your code worked previously but stopped working
- You need help with specific code implementation
How to contact support:
- Visit gropulse.com/contact
- Provide:
- Your store URL
- Description of the issue
- Steps you have already tried
- Any error messages you see
- Screenshots if possible