Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #559711

    Have checked all the other threads but can’t find the answer to this issue:

    When I place Hubspot form code into an Enfold text box or a code block, the form appears below the entire page content (even below the footer). The second time I load the page, the form is in the right place, but it happens every time on the first try.

    I think it is some interaction between Enfold and the Hubspot form creation code, but I’m not sure.

    I can’t use plugins like HTML snippet for company policy reasons and the vulnerability of plugins.

    Any advice?

    #559805

    Hi kintone,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #560103

    The site is protected so that only my IP can view it, but I can send a screenshot.

    #560395

    Hi,

    We will have to inspect the element in question in order to give you custom CSS, is there any possibility you could remove the IP block?

    Regards,
    Rikard

    #560723

    Made a test page with the same code that is just password protected.

    #560776

    Hey!

    It seems that the code of form is loading asynchronous and it makes that issue.
    Can u provide us the code, without any modifications?

    Regards,
    Basilis

    #560849

    I have to keep our portal id confidential. Thanks for understanding. I’ve written it as xxxxxxx below.

    • This reply was modified 8 years, 3 months ago by kintone.
    #561911

    Hi!

    it seems that we need authentication login as well. Post it here as private reply, so we can access your site.

    Regards,
    Andy

    #570393

    I can’t provide you with login information to our site for security reasons. What would you be looking for and maybe I can provide you with that information or start the search myself?

    #571073

    Hey!

    We only need the .htaccess because we can’t access the test page. Please post it here. What if you remove the div container?

    UPDATE: Create a new div inside the text block with a unique class then add the target parameter in the hubspot form script.

    HTML:

    <div class="custom_hubspot"></div>
    

    UPDATED HUBSPOT SCRIPT:

    <!– [if lte IE 8]>
    <script charset=”utf-8″ type=”text/javascript” src=”//js.hsforms.net/forms/v2-legacy.js”></script>
    <![endif]–>
    <script src=”//js.hsforms.net/forms/v2.js” type=”text/javascript” charset=”utf-8″></script><script>
    hbspt.forms.create({
    css: ‘.hbspt-form {color:white;} #top label span {color:white !important;}’,
    portalId: ‘xxxxxxx’,
    formId: ’77c20b26-2ca2-4db8-a90b-45c83bb3f88d’,
    target: '.custom_hubspot'
    });
    </script>

    http://developers.hubspot.com/docs/methods/forms/advanced_form_options

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.