如何将 Hubspot 表单嵌入代码与引导程序表单一起使用答案

【问题标题】：how to use a Hubspot form embed code with a bootstrap form如何将 Hubspot 表单嵌入代码与引导程序表单一起使用
【发布时间】：2016-04-22 16:07:06
【问题描述】：

我有一个客户使用 hubspot 进行跟踪和感谢页面。我使用引导程序创建了一个登录页面，在该页面中我有两个表单。两种表格是相同的，我希望他们进入相同的感谢页面。客户为我提供了嵌入代码，但我不确定如何弥合差距。下面我列出了我的表单代码和嵌入代码。我基本上希望将用户字段提交到 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: '', 门户ID：'2030148'， formId：'d9005302-a859-4a39-9d47-74d8a1d25fb0' });

【问题讨论】：

标签： forms bootstrapping

【解决方案1】：

您只是想使用嵌入代码设置重定向吗？如果是这样，这是嵌入代码的补充：门户ID：'xxxxxx'， redirectUrl: '网址在这里', formId: 'd9005302-a859-4a39-9d47-74d8a1d25fb0'

【讨论】：

【解决方案2】：

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

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

一旦你有它显示你基本上检查元素，然后添加到 hubspot 吐出的类，让它看起来也像你想要的那样。

【讨论】：