דלג לתוכן הראשי

פתרון בעיות

קוד ה-Embed שלי לא עובד (פתרון בעיות Embed)

Illustration for LumoPages Help: קוד ה-Embed שלי לא עובד (פתרון בעיות Embed)

Embedding your Lumo directly onto your website is a powerful way to provide a seamless user experience. However, sometimes, after pasting the embed code, your Lumo might not appear correctly, or at all. Don't worry, this is a common troubleshooting scenario, and often, the solution is quite simple!

This guide will walk you through the most frequent reasons why your Lumo's embed code might not be working and how to resolve them.

Common Reasons Why Embed Code Isn't Working

Here are the most typical culprits behind a non-working embedded Lumo:

Issue 1: Your Lumo is Not Public

This is the number one reason an embedded Lumo won't show up. An embed code will only display a Lumo that is actively published and set to "Public" status.

Solution:

  1. Check Publish Status: Go to your Lumo project in the LumoPages editor.
  2. Access "Project Settings": Click on the "Project Settings" tab.
  3. Set to "Public": Ensure the "Publish Status" is set to "Public."
  4. Verify Fields: Confirm that your Lumo has at least one visible stage containing at least one fillable field block (e.g., a Text field, Rating, etc.). If not, add one or unhide a stage that does.
  5. Save: Click the "Save" button for your Lumo.

Issue 2: Incorrect Embed Code Placement or HTML Mode

Website editors often have different modes for content. Pasting HTML code into a visual editor mode will just display the code as text, not render the Lumo.

Solution:

  1. Switch to HTML/Text/Code View: When editing your website page, find the option to switch from "Visual" or "WYSIWYG" mode to "Text," "HTML," "Code Editor," or "Source" mode.
  2. Use a Custom HTML Block: Many modern website builders (like WordPress Gutenberg, Squarespace, Wix) offer specific "Custom HTML" or "Embed" blocks. Use these blocks to paste your code.
  3. Paste Exactly: Ensure you copy the entire embed code from LumoPages and paste it exactly where you want the Lumo to appear on your page. Do not modify the code.

Issue 3: Conflicts with Website's Existing Code (Advanced)

Less common, but sometimes your website's existing CSS or JavaScript might interfere with the embedded Lumo.

Solution:

  1. Check Browser Console: Open your browser's developer tools (usually F12 or Right-Click -> Inspect Element, then go to the "Console" tab). Look for any JavaScript errors.
  2. Isolate the Issue: Try embedding the Lumo on a completely blank page on your website, or a simple test HTML file, to see if it works there. If it does, the conflict is with other content on your original page.
  3. Contact Support: If you suspect a code conflict and are not comfortable with web development, it's best to reach out to LumoPages support with your website URL and details, or consult a web developer.

Issue 4: Caching Issues

Sometimes, your website or browser might be displaying an older version of your page.

Solution:

  1. Clear Browser Cache: Try clearing your browser's cache and cookies, or open the page in an incognito/private browser window.
  2. Clear Website Cache: If your website uses a caching plugin (e.g., WordPress caching plugins), clear its cache.
  3. Hard Refresh: Perform a "hard refresh" on your website page (Ctrl+F5 or Cmd+Shift+R).

General Troubleshooting Workflow

  1. Verify Lumo Status: Always start by ensuring your Lumo is Public and has fillable fields within the LumoPages editor itself. Save any changes.
  2. Copy Correctly: Recopy the embed code directly from LumoPages to ensure you have the latest and correct version.
  3. Paste in Code Mode: Make absolutely sure you are pasting the code into the HTML/code editor of your website, not the visual editor.
  4. Test: View your website page.

By systematically checking these common points, you should be able to resolve most issues related to embedding your Lumo on a website. If problems persist, the LumoPages Help Center and support team are always ready to assist!