Form Not Displaying

When your Price Clicker form won't display on your website, the issue usually falls into one of several common categories: embed code problems, browser restrictions, hosting limitations, or CSS conflicts. This guide provides systematic troubleshooting steps to identify and fix display issues, organized from most common to least common causes.

Quick Diagnostic Checklist

Before diving into detailed troubleshooting, run through this quick checklist:

1. Is the profile active? Draft and inactive profiles won't display publicly
2. Is the embed code pasted into your website's HTML (from the Rules page Embed button)?
3. Can you open the direct form URL—form.priceclicker.com/quote/{id} or priceclick.link/{slug}—in a browser?
4. Do you see errors in your browser's developer console?
5. Does the form work in another browser or on mobile?

If the direct form URL works but the embedded version does not, the issue is with your website's embed setup—not Price Clicker's servers.

Issue 1: Profile Not Active

Symptoms: Blank space where the form should be, or the form URL shows an unavailable message.

Cause: Public forms require an active profile. Profiles in draft (still being built) or inactive (paused) status are not publicly accessible.

Solution: Log into your dashboard, go to Profiles, and use the pause/resume toggle to set the profile to active. Finish any required setup steps if the profile is still in draft. Refresh your website after the status change.

Prevention: Pause profiles (set to inactive) when you temporarily want to stop collecting quotes without deleting the profile. Resume when you're ready to go live again.

Issue 2: Incorrect Embed Code

Symptoms: Nothing displays, or embed code appears as plain text on the page.

Cause: The embed code was modified, truncated, or pasted into a visual editor instead of HTML mode.

Solution: Open the profile's Rules page and click the Embed button to copy fresh embed code. Paste it into your site's HTML editor (Custom HTML block in WordPress, Code block in Squarespace, etc.). Do not edit the iframe URL—it should point to form.priceclicker.com.

Prevention: Never manually edit the embed code unless you understand HTML iframes. Copy it exactly as provided, including all attributes.

Issue 3: Content Security Policy (CSP) Blocking

Symptoms: Form doesn't load; browser console shows "Refused to frame" for form.priceclicker.com.

Cause: Your website's Content Security Policy blocks iframes from external domains.

Solution: Add form.priceclicker.com (and priceclick.link if you use short links) to your site's CSP frame-src whitelist. Example header:

Content-Security-Policy: frame-src 'self' https://form.priceclicker.com https://priceclick.link;

For WordPress users, install a CSP plugin like "HTTP Headers" and allow form.priceclicker.com as a frame source. Contact your hosting provider if you can't modify security headers yourself.

Prevention: When implementing security headers, maintain a whitelist of trusted iframe sources including Price Clicker.

Issue 4: CSS Conflicts

Symptoms: Form appears but looks broken, cut off, or has zero height.

Cause: Your website's CSS is interfering with the iframe. Common culprits: height: 0 on iframes, display: none on containers, or aggressive CSS resets.

Solution: Inspect the iframe element in browser dev tools. Check computed styles for height, display, and visibility. Add custom CSS to override conflicts:

iframe[src*="priceclicker.com"] {
    display: block !important;
    visibility: visible !important;
    min-height: 800px !important;
    width: 100% !important;
}

Prevention: Test embeds thoroughly after any theme or CSS changes. Avoid global iframe rules that might affect third-party content.

Issue 5: Ad Blockers and Privacy Extensions

Symptoms: Form works for some visitors but not others. Inconsistent loading.

Cause: Browser extensions like ad blockers or privacy tools sometimes block iframes from external domains, mistakenly treating them as ads or trackers.

Solution: Test in incognito mode (disables most extensions). If the form works there, extensions are the culprit. You can't control visitor browsers, but you can add a note: "If the form doesn't appear, please disable ad blockers for this site." Consider offering a direct link as an alternative.

Prevention: Always provide both embedded and direct link options. Some users will never disable ad blockers.

Issue 6: Mobile Responsiveness Problems

Symptoms: Form displays on desktop but not mobile, or appears too small/zoomed out on phones.

Cause: Fixed iframe dimensions that don't adapt to mobile screen sizes, or missing mobile viewport meta tags.

Solution: Ensure your website has proper viewport configuration. Update your embed code to use percentage-based width and appropriate minimum heights. Test on actual mobile devices, not just browser responsive mode.

Prevention: Always test embeds on multiple screen sizes before launching. Mobile represents 50%+ of web traffic.

Platform-Specific Issues

WordPress

Use the Custom HTML block, not the Paragraph or HTML widgets from older themes. Some page builders (Elementor, Divi) have dedicated HTML widgets—use those. Avoid pasting into the visual editor, which corrupts iframe code.

Wix

Add an "HTML iframe" element from the Embed menu. Paste only the src URL, not the entire iframe tag. Wix generates its own iframe wrapper. Adjust dimensions using Wix's built-in controls.

Squarespace

Add a Code Block (under More → Code). Select "HTML" mode and paste your embed code. Set height to at least 800px in the block settings. Some Squarespace templates have iframe restrictions—contact Squarespace support if issues persist.

Shopify

Edit the page in HTML mode (< > icon). Paste the embed code where you want the form. Shopify's theme CSS sometimes conflicts with iframes—add custom CSS to override if needed.

Still Not Working?

If you've tried everything above and your form still won't display:

1. Screenshot any browser console errors
2. Note which browser, device, and platform you're testing on
3. Verify the form works at its direct URL (form.priceclicker.com/quote/YOUR-ID or your priceclick.link slug)
4. Contact Price Clicker support with this information

Our support team can diagnose server-side issues, confirm your profile configuration is correct, and provide platform-specific embedding guidance. Most display issues are resolved within hours once we understand the specific circumstances.

Remember: if the form works on the direct URL but not when embedded, the issue is always with your website's configuration, not Price Clicker. Focus troubleshooting on your site's security policies, CSS conflicts, and platform-specific embedding requirements.