如何使用Hubspot表单嵌入带有引导程序表单的代码

时间:2016-04-22 16:07:06

标签: forms bootstrapping

我有一个客户端使用hubspot进行跟踪并感谢您的页面。我使用bootstrap创建了一个登陆页面,在页面中我有两种形式。两种形式都是一样的,我希望他们去同一个感谢页面。客户端为我提供了嵌入式代码,但我不确定如何弥补差距。下面我列出了我的表单代码和嵌入代码。我基本上希望将用户字段提交到hubspot并触发感谢页面,但我不完全确定这是可能的。任何帮助将不胜感激。

<div class="col-lg-12 contact-form">


            <div class="container">
                <div class="formContainer">
                <form role="form">
                <div class="form-group">
                    <div class="col-sm-6 left-field">
                        <input type="text" class="bottom-form" id="firstname" placeholder="First Name">
                    </div>
                    <div class="col-sm-6 right-field">
                        <input type="text" class="bottom-form right-field" id="lastname" placeholder="Last Name">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        <input type="email" class="bottom-form email" id="email" placeholder="email">
                    </div>
                     <div class="col-sm-12">
                        <button type="submit" class="submit bottom-submit">Download Now</button>
                    </div>
                </div>
                </form>
                </div>

            </div>
        </div>

这是hubspot嵌入代码。

<!--[if lte IE 8]>

 hbspt.forms.create({    css:'',    portalId:'2030148',    formId:'d9005302-a859-4a39-9d47-74d8a1d25fb0'  });

2 个答案:

答案 0 :(得分:0)

您是否只想使用嵌入代码设置重定向?如果是这样,这里是嵌入代码的补充:     portalId:&#39; xxxxxx&#39;,      redirectUrl:&#39; url到这里&#39;,     formId:&#39; d9005302-a859-4a39-9d47-74d8a1d25fb0&#39;

答案 1 :(得分:0)

我实际上找到了一个合适的解决方案,而无需进行任何重定向或毛发编码。

首先我设置了一个本地主机,这是我最大的问题,这有助于将实际的hubspot表单显示在我的页面中(使用本地显示嵌入代码不会出现,虽然对其他人来说很明显,但它花了我一个秒)。哦,我应该提一下代码是没有必要的。

一旦你让它显示你基本上检查元素然后添加到hubspot spits out的类,让它看起来你想要的那样。