Home Forums WoodMart support forum Custom HTML Code Exposed to Client Side After Insertion

Custom HTML Code Exposed to Client Side After Insertion

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #711850

    18111991896
    Participant

    Technical Support Request: Custom HTML Code Exposed to Client Side After Insertion
    Subject: Custom HTML Code Displayed as Plain Text on Client Side (Function Works) via WoodMart Custom HTML Module
    Dear Technical Support Team,
    I hope this message finds you well.
    I am writing to report an issue where the custom HTML/CSS/JS code I inserted into my website’s footer section via the WoodMart theme’s Custom HTML module is being exposed as plain text to end-users on the client side, even though the functionality works properly. Below are the detailed circumstances:
    1. Issue Description
    Operation Scenario: I pasted a complete set of code (including HTML structure, CSS styles, and JavaScript interactive logic for a WhatsApp floating button) into the Custom HTML module of the WoodMart theme in the website’s footer area, then saved and published the changes.
    Abnormal Phenomenon: The interactive functions of the WhatsApp button (e.g., typing animation, panel toggle, draggable feature) work as expected, but all the inserted code (CSS, JS, and HTML) is directly visible as plain text in the footer area on the website’s front-end, which can be clearly seen by all site visitors.
    Impact: While the functionality is not affected, the exposed code severely damages the visual experience of the website and poses potential security risks.
    2. Requested Assistance
    Please help identify the root cause of the code exposure (e.g., parsing rules of WoodMart’s Custom HTML module, code formatting requirements).
    Provide a feasible solution (configuration adjustments or code modifications) to ensure the inserted HTML/CSS/JS code is parsed and executed correctly without being displayed as plain text on the client side.
    If there are specific usage guidelines for WoodMart’s Custom HTML module (e.g., code encapsulation requirements), please share them to prevent similar issues in the future.
    Attachment: The core code (for a WhatsApp floating interactive button, including HTML structure, inline CSS styles, and JS interactive logic) is available upon request for your troubleshooting reference.
    Thank you for your prompt attention and support. I look forward to your reply.
    Best regards,

    Attachments:
    You must be logged in to view attached files.
    #712024

    Artem Temos
    Keymaster
    Xtemos team

    Hello,

    Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?

    Thank you in advance

    #712346

    18111991896
    Participant

    Dear Support Team,I am not sure which plugins may be causing the issue, so I authorize you to troubleshoot it on my behalf. My account and password are provided in the private content, and they are the same.

    #712399

    Artem Temos
    Keymaster
    Xtemos team

    Hello,

    Please send us your password as well so we can check what is wrong.

    Kind Regards

    #712407

    18111991896
    Participant

    The password is the same as the account.

    #712413

    Artem Temos
    Keymaster
    Xtemos team

    You are using HTML block that supports HTML tags only and doesn’t support custom scripts. You can put the script to Theme Settings -> Custom JS.

    #712416

    18111991896
    Participant

    Should I remove the original HTML section? I added the code to custom JS without removing HTML, but the issue remained after accessing the page. After removing HTML, the code functionality was lost.

    #712675

    18111991896
    Participant

    I noticed you haven’t replied to my request yet, so I’m sending it again.

    #712774

    Artem Temos
    Keymaster
    Xtemos team

    Hello,

    Your custom code contains two parts: HTML and JS script. But you are using a block that supports HTML only. It doesn’t support JS scripts. That is why I suggested you to split this code and move the JS script to the Custom JS.

    Kind Regards

Viewing 9 posts - 1 through 9 (of 9 total)