Embedd hubspot form into web page

Develop, Build & Integrate CMS Development
1

Hi
I’m a newbie in coding in general, but I need som help, I think this is very easy for a coder :slightly_smiling_face:
I want to edit my html code so i can place following code into my Mobirise block (a mail contac form)

  1. <script charset=“utf-8” type=“text/javascript” src=“//js.hsforms.net/forms/shell.js”></script>
  2. <script>
  3. hbspt.forms.create({
  4. portalId: “9267715”,
  5. formId: “b9fcf6aa-6ee5-447f-93dd-f6b7c0f571a5”
  6. });
  7. </script>

In mobirise i have made a simple text block, this block I want to use for my script:

The code in the text block is this:

  1. <section class=“content4 mbr-section article” plugins=“amp-main” group=“Article”>
  2. <mbr-parameters>
  3. <!-- Block parameters controls (Blue “Gear” panel) -->
  4. <header>Style</header>
  5. <input type=“range” inline title=“Top” name=“paddingTop” min=“0” max=“10” step=“1” value=“5”>
  6. <input type=“range” inline title=“Bottom” name=“paddingBottom” min=“0” max=“10” step=“1” value=“5”>
  7. <select name=“alignContent” title=“Align Content”>
  8. <option value=“1”>Left</option>
  9. <option value=“2” selected>Center</option>
  10. <option value=“3”>Right</option>
  11. </select>
  12. <input type=“range” title=“Width” name=“textWidth” min=“4” max=“12” step=“1” value=“10”>
  13. <header>Background</header>
  14. <fieldset type=“background” name=“bg”>
  15. <input type=“image” title=“Image” value=“../_images/background4.jpg”>
  16. <input type=“color” title=“Color” value=“#ffffff” selected>
  17. </fieldset>
  18. <!-- End block parameters -->
  19. </mbr-parameters>
  20. <div class=“container”>
  21. <div class=“mbr-row” mbr-class=“{‘mbr-jc-c’ : alignContent == 2, ‘mbr-jc-e’ : alignContent == 3}”>
  22. <div class=“mbr-col-sm-12 mbr-md-12 mbr-col-lg-{{textWidth}}”>
  23. <p class=“mbr-text align-center mbr-fonts-style mbr-regular” mbr-theme-style=“display-5” data-app-selector=“.mbr-text”>
  24. Mobirise is one of the easiest website development tools available today. It also gives you the freedom to develop as many websites as you like given the fact that it is a desktop app.
  25. </p>
  26. </div>
  27. </div>
  28. </div>
  29. </section>

Can some of you please help me place my small code on correct place?
Thanks up front!

2

Hey @TO3

Welcome to the Community!

Would be better to see a page using this code :grinning_face:

You could add it after that closing </p> on line 25.

@stefen , any thoughts?

3

@TO3 I agree with @dennisedson: you probably want it right below line 25.