Embedd hubspot form into web page

TO3 — Wed, 27 Jan 2021 09:58:59 GMT

Hi

I'm a newbie in coding in general, but I need som help, I think this is very easy for a coder 🙂

I want to edit my html code so i can place following code into my Mobirise block (a mail contac form)

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
<script>
hbspt.forms.create({
portalId: "9267715",
formId: "b9fcf6aa-6ee5-447f-93dd-f6b7c0f571a5"
});
</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:

<section class="content4 mbr-section article" plugins="amp-main" group="Article">
<mbr-parameters>
<header>Style</header>
<input type="range" inline title="Top" name="paddingTop" min="0" max="10" step="1" value="5">
<input type="range" inline title="Bottom" name="paddingBottom" min="0" max="10" step="1" value="5">
<select name="alignContent" title="Align Content">
<option value="1">Left</option>
<option value="2" selected>Center</option>
<option value="3">Right</option>
</select>
<input type="range" title="Width" name="textWidth" min="4" max="12" step="1" value="10">
<header>Background</header>
<fieldset type="background" name="bg">
<input type="image" title="Image" value="../_images/background4.jpg">
<input type="color" title="Color" value="#ffffff" selected>
</fieldset>
</mbr-parameters>
<div class="container">
<div class="mbr-row" mbr-class="{'mbr-jc-c' : alignContent == 2, 'mbr-jc-e' : alignContent == 3}">
<div class="mbr-col-sm-12 mbr-md-12 mbr-col-lg-{{textWidth}}">
<p class="mbr-text align-center mbr-fonts-style mbr-regular" mbr-theme-style="display-5" data-app-selector=".mbr-text">
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.
</p>
</div>
</div>
</div>
</section>

Can some of you please help me place my small code on correct place?

Thanks up front!

Re: Embedd hubspot form into web page

dennisedson — Thu, 28 Jan 2021 19:23:33 GMT

Hey @TO3

Welcome to the Community!

Would be better to see a page using this code 😀

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

@stefen , any thoughts?

Re: Embedd hubspot form into web page

stefen — Thu, 28 Jan 2021 20:08:48 GMT

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

topic Re: Embedd hubspot form into web page in CMS Development

Embedd hubspot form into web page

Re: Embedd hubspot form into web page

Re: Embedd hubspot form into web page