Find answers to common questions about CodeUp – Add Custom Code.
General Questions
What is CodeUp?
CodeUp is a Shopify app that allows you to add custom HTML, CSS, and JavaScript code to your store without editing theme files. It uses Shopify’s Theme App Extension feature to safely inject your code into the <head> section or before the </body> tag of your store pages.
What can I add with CodeUp?
You can add any valid HTML, CSS, or JavaScript code, including:
- Analytics & Tracking: Google Analytics 4, Facebook Pixel, TikTok Pixel, Pinterest Tag, etc.
- Custom CSS: Styling modifications, font imports, custom designs
- Meta Tags: Verification tags, Open Graph tags, structured data
- Third-Party Tools: Chat widgets, popup tools, review platforms
- Custom Scripts: JavaScript functionality, custom features
Is CodeUp safe for my store?
Yes, CodeUp uses Shopify’s official Theme App Extension system, which is the safest way to add code to your store. Your theme files are never directly modified, and you can easily enable or disable the code injection at any time.
Will CodeUp slow down my store?
CodeUp itself has minimal impact on store performance. However, the code you add may affect load times. To maintain good performance:
- Only add necessary code
- Use page targeting to limit where heavy scripts load
- Place non-critical scripts in the body section (loads after content)
- Avoid redundant or duplicate code
Setup & Configuration
How do I add code to my store?
- Open the CodeUp app
- Go to Setup page
- Enter your code in the Header code or Body code text area
- Click Save
- Enable the theme extension from the theme customizer
For detailed instructions, see the Getting Started Guide.
What is the difference between Header code and Body code?
- Header code: Inserted inside the
<head>tag. Best for meta tags, CSS, and tracking codes that need to load early. - Body code: Inserted just before the
</body>tag. Best for scripts that should load after page content.
Why isn’t my code appearing on my store?
The most common reasons are:
- Theme extension not enabled: You need to enable the Head code or Body code blocks in your theme customizer
- Page targeting: If you selected specific pages, code won’t appear on other pages
- Code not saved: Make sure you clicked Save after entering your code
- Browser cache: Try clearing your browser cache or viewing in incognito mode
See the Troubleshooting Guide for more solutions.
How do I enable the theme extension?
- In the CodeUp app, click Enable extensions button
- This opens your theme customizer
- Find the CodeUp blocks (Head code / Body code) in the App embeds section
- Toggle them ON
- Click Save
For detailed steps, see Theme Extension Management.
Can I add different code to different pages?
Yes! CodeUp offers page targeting. You can select which page types should load your code:
- Home, Collection, Product, Cart
- Blog, Article, Search
- Pages (static pages), 404
If you need even more specific targeting (like a single product), you can add conditional JavaScript in your code.
Does my code persist if I update my theme?
Yes, your code is stored in the CodeUp app, not in your theme files. However, you may need to re-enable the theme extension blocks after major theme changes.
Code & Compatibility
What code formats are supported?
CodeUp supports:
- HTML (including script and link tags)
- CSS (within style tags)
- JavaScript (within script tags)
- Any valid code that works in a web browser
Can I add Google Analytics using CodeUp?
Yes! Simply paste your Google Analytics 4 tracking code into the Header code section. Example:
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>Can I add Facebook Pixel using CodeUp?
Yes! Paste your Facebook Pixel base code into the Header code section. See Setup Code Guide for the complete code example.
Will my code work with all Shopify themes?
CodeUp uses Shopify’s standard Theme App Extension system, which is compatible with all Online Store 2.0 themes. If you are using an older vintage theme, you may experience limited compatibility.
Can I add CSS to customize my theme?
Yes! Add your CSS wrapped in <style> tags in the Header code section:
<style>
.your-class {
color: #333;
font-size: 16px;
}
</style>Troubleshooting
My tracking pixel isn’t tracking events
- Verify the code is appearing on your store (View Page Source)
- Check that the pixel ID is correct
- Ensure the theme extension is enabled
- Use browser developer tools to check for JavaScript errors
- Test using the platform’s debugging tools (Facebook Pixel Helper, etc.)
My custom CSS isn’t working
- Check that the CSS syntax is correct
- Make sure your CSS is wrapped in
<style>tags - Use more specific selectors if your styles are being overridden
- Check browser developer tools for CSS conflicts
- Try adding
!importantto critical styles (use sparingly)
I saved my code but it disappeared
Your code should persist after saving. If it disappeared:
- Refresh the Setup page
- Check if you received a “Saved successfully” message
- Verify your internet connection when saving
- Contact support if the issue persists
The app shows an error when loading
- Refresh the page
- Clear your browser cache
- Try a different browser
- Check your internet connection
- Contact support if errors continue
Account & Billing
Is CodeUp free?
CodeUp offers both free and paid plans. The free plan allows you to add code to the <head> section. Paid plans include additional features like body code and page targeting.
How do I upgrade my plan?
Plan management may be available through the app or your Shopify admin’s subscription management area.
Can I cancel my subscription?
Yes, you can manage or cancel your subscription through your Shopify admin. Your code will be preserved, but premium features may become unavailable.
Support
How do I contact support?
Visit gropulse.com/contact to reach our support team. You can also find the Contact Support button in the CodeUp app dashboard.
Is there a video tutorial?
Yes! Watch our setup tutorial on YouTube: CodeUp Setup Guide
You can also access the video from within the app by clicking Watch setup guide on the Welcome Card.
Where can I get help with code?
For help with specific code (like Google Analytics or Facebook Pixel):
- Check the official documentation of the service you are integrating
- Review our code examples in the Setup Code Guide
- Contact our support team for guidance
Still Have Questions?
If your question isn’t answered here:
- Check the Troubleshooting Guide
- Watch the Video Tutorial
- Contact our support team